Mar 14, 2021 · Mar 10, 2021 · Mar 11, 2021 · Mar 12, 2021 · Mar 12, 2021 · Mar 12, 2021
diff --git a/.babelrc b/.babelrc
diff --git a/.eslintrc.js b/.eslintrc.js
    browser: true,
    es6: true,
  },
  extends: [
    'plugin:react/recommended',
    'airbnb',
  ],
  extends: ['plugin:react/recommended', 'airbnb', 'react-app'],
  settings: {
 "import/resolver": {
 'import/resolver': {
      node: {
 extensions: ['.js', '.jsx', '.scss', '.css'],
 moduleDirectory: ['node_modules', 'src/'],
        extensions: ['.js', '.jsx', '.scss', '.css'],
        moduleDirectory: ['node_modules', 'src/'],
      },
    },
  },
  globals: {
    __PATH_PREFIX__: true,
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  plugins: [
    'react',
  ],
  plugins: ['react'],
  rules: {
    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
    'react/prop-types': [0],
    'react/jsx-props-no-spreading': [0],
    'object-curly-newline': 'off',
  },
 };
diff --git a/.gitattributes b/.gitattributes
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
 title:''
 labels:''
 assignees:''

 ---

 **Describe the bug**
 A clear and concise description of what the bug is.

 **To Reproduce**
 Steps to reproduce the behavior:

 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
 If applicable, add screenshots to help explain your problem.

 **Desktop (please complete the following information):**
 - OS:[e.g. iOS]
 - Browser[e.g. chrome, safari]
 - Version[e.g. 22]

 - OS:[e.g. iOS]
 - Browser[e.g. chrome, safari]
 - Version[e.g. 22]

 **Smartphone (please complete the following information):**
 - Device:[e.g. iPhone6]
 - OS:[e.g. iOS8.1]
 - Browser[e.g. stock browser, safari]
 - Version[e.g. 22]

 - Device:[e.g. iPhone6]
 - OS:[e.g. iOS8.1]
 - Browser[e.g. stock browser, safari]
 - Version[e.g. 22]

 **Additional context**
 Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
 title:''
 labels:''
 assignees:''

 ---

 **Is your feature request related to a problem? Please describe.**
diff --git a/.gitignore b/.gitignore
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

 # Runtime data
 pids
 *.pid
 *.seed
 *.pid.lock

 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov

 # Coverage directory used by tools like istanbul
 coverage

 # nyc test coverage
 .nyc_output

 # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
 .grunt

 # Bower dependency directory (https://bower.io/)
 bower_components

 # node-waf configuration
 .lock-wscript

 # Compiled binary addons (http://nodejs.org/api/addons.html)
 build/Release

 # Dependency directories
 node_modules/
 jspm_packages/

 # Typescript v1 declaration files
 typings/

 # Optional npm cache directory
 .npm

 # Optional eslint cache
 .eslintcache

 # Optional REPL history
 .node_repl_history

 # Output of 'npm pack'
 *.tgz

 # dotenv environment variable files
 .env*

 # gatsby files
 .cache/
 public

 # Mac files
 .DS_Store

 # Yarn
 yarn-error.log
 .pnp/
 .pnp.js
 # Yarn Integrity file
 .yarn-integrity

 # app level
 build/
 .gitignore
 coverage/
diff --git a/.prettierignore b/.prettierignore
 .cache
 package.json
 package-lock.json
 public
diff --git a/.prettierrc b/.prettierrc
 {
  "singleQuote": true,
  "trailingComma": "all"
 }
diff --git a/.todo b/.todo

 ✔ add pwa support @done
 ✔ darkmode @done
 ✔ animation @done
 ✔ save settings @done
 ✘ shortcuts @cancelled
 ✘ loop @cancelled
 ✔ clip image @done
 ✔ save blobs @done
 ✔ view saved blobs @done
 ✔ url id @done
 ✘ reset settigs @cancelled
 ✔ click logo to reoad to home @done
 ✔ complexity change no animation @done
 ✔ Sound from Zapsplat.com @done
 ✔ resize images @done
 ✔ add favicon @done
 ✔ update seo @done
 ✔ default image @done
 ✔ image clip fix @done


 ----

 Features:
    ✔ Dark theme @done
    ✔ Faster initial load @done
    ✔ Image clipping @done
    ✔ Patterns view @done
    ✔ Save and manage blobs locally @done
    ✔ tiny sound @done
    ✔ offline support @done
    ✔ static url for sharing @done
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md

 ```
    # run test cases
    npm run test
    npm run test

    # watch mode

    npm run test:watch
 ```

 ### Linting

 ```
    npm run lint
 ```

 It's also a good idea to add an eslint plugin in your editor.

 To fix lint errors from the command line:

 ```
 npm run lint
 ```

 ## Submitting Pull Requests

 This project follows [GitHub's standard forking model.](https://guides.github.com/activities/forking/). Please fork the project to submit pull requests.
diff --git a/LICENSE b/LICENSE
 MIT License

 Copyright (c)2020 udaypydi
 Copyright (c)2021 Lokesh Rajendran

 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/README.md b/README.md
 <br>

 <palign="center">
 <imgsrc="https://user-images.githubusercontent.com/1754676/82777559-18537280-9e6c-11ea-9257-0a24645c91b0.png"alt="Blobs"></p>
 <imgsrc="https://user-images.githubusercontent.com/1754676/111070745-0c1ecb80-84f9-11eb-9128-fff8b2ab2b40.png"alt="Blobs"></p>

 </h3>

 </pre>
 </div>

 ###Preview

 ![preview](https://user-images.githubusercontent.com/1754676/84493278-20f9d480-acc5-11ea-8667-ee0df8f35442.png)

 ![preview2](https://user-images.githubusercontent.com/1754676/84492711-3a4e5100-acc4-11ea-942c-37f9cd802fcf.png)

 ###Blobs for flutter

 &nbsp;

 <divclass="highlight highlight-source-shell">
 <pre>
 <divalign="center"><strong >Blobs for flutter</strong></div>
 <divalign="center"><aalign="center"href="https://pub.dev/packages/blobs">flutter_blobs</a></div>
 </pre>
 </div>

 <pfloat="left">
  <imgwidth="200"alt="style_custom_color"src="https://user-images.githubusercontent.com/1754676/82777008-6ebfb180-9e6a-11ea-9b85-fcac09cfca38.gif">
  <imgwidth="200"alt="style_gradient"src="https://user-images.githubusercontent.com/1754676/82777164-f1e10780-9e6a-11ea-8d02-89217cd6e582.png">
  <imgwidth="200"alt="blobs_with_child"src="https://user-images.githubusercontent.com/1754676/82777157-ef7ead80-9e6a-11ea-9b74-6224cf33d739.png">
 </p>
 <palign="center">
 <imgsrc="https://user-images.githubusercontent.com/1754676/111070973-0f668700-84fa-11eb-9457-4d6282e90eec.png"alt="Social preview"></p>



 ###Features
 - Choose any solid colors
 - Set gradient colors
 - Use Patterns
 - Clip Image
 - Outlined blob
 - SVG Code - view/copy/download
 - Flutter blob code
 - Save and view blobs
 - Tiny blob change sound
 - PWA - Offline support
 - Custom sharable URL
 - Dark theme

 ###Development

diff --git a/config/assetsMock.js b/config/assetsMock.js
diff --git a/config/paths.js b/config/paths.js
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,19 +3,17 @@ module.exports = {
		browser: true,
		es6: true,
		},
		extends: [
		'plugin:react/recommended',
		'airbnb',
		],
		extends: ['plugin:react/recommended', 'airbnb', 'react-app'],
		settings: {
		"import/resolver": {
		'import/resolver': {
		node: {
		extensions: ['.js', '.jsx', '.scss', '.css'],
		moduleDirectory: ['node_modules', 'src/'],
		extensions: ['.js', '.jsx', '.scss', '.css'],
		moduleDirectory: ['node_modules', 'src/'],
		},
		},
		},
		globals: {
		__PATH_PREFIX__: true,
		Atomics: 'readonly',
		SharedArrayBuffer: 'readonly',
		},
Expand All		@@ -26,9 +24,11 @@ module.exports = {
		ecmaVersion: 2018,
		sourceType: 'module',
		},
		plugins: [
		'react',
		],
		plugins: ['react'],
		rules: {
		'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
		'react/prop-types': [0],
		'react/jsx-props-no-spreading': [0],
		'object-curly-newline': 'off',
		},
		};
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,14 +4,14 @@ about: Create a report to help us improve
		title:''
		labels:''
		assignees:''

		---

		Describe the bug
		A clear and concise description of what the bug is.

		To Reproduce
		Steps to reproduce the behavior:

		1. Go to '...'
		2. Click on '....'
		3. Scroll down to '....'
Expand All		@@ -24,15 +24,17 @@ A clear and concise description of what you expected to happen.
		If applicable, add screenshots to help explain your problem.

		Desktop (please complete the following information):
		- OS:[e.g. iOS]
		- Browser[e.g. chrome, safari]
		- Version[e.g. 22]

		- OS:[e.g. iOS]
		- Browser[e.g. chrome, safari]
		- Version[e.g. 22]

		Smartphone (please complete the following information):
		- Device:[e.g. iPhone6]
		- OS:[e.g. iOS8.1]
		- Browser[e.g. stock browser, safari]
		- Version[e.g. 22]

		- Device:[e.g. iPhone6]
		- OS:[e.g. iOS8.1]
		- Browser[e.g. stock browser, safari]
		- Version[e.g. 22]

		Additional context
		Add any other context about the problem here.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,7 +4,6 @@ about: Suggest an idea for this project
		title:''
		labels:''
		assignees:''

		---

		Is your feature request related to a problem? Please describe.
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,74 @@
		# Logs
		logs
		*.log
		npm-debug.log*
		yarn-debug.log*
		yarn-error.log*

		# Runtime data
		pids
		*.pid
		*.seed
		*.pid.lock

		# Directory for instrumented libs generated by jscoverage/JSCover
		lib-cov

		# Coverage directory used by tools like istanbul
		coverage

		# nyc test coverage
		.nyc_output

		# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
		.grunt

		# Bower dependency directory (https://bower.io/)
		bower_components

		# node-waf configuration
		.lock-wscript

		# Compiled binary addons (http://nodejs.org/api/addons.html)
		build/Release

		# Dependency directories
		node_modules/
		jspm_packages/

		# Typescript v1 declaration files
		typings/

		# Optional npm cache directory
		.npm

		# Optional eslint cache
		.eslintcache

		# Optional REPL history
		.node_repl_history

		# Output of 'npm pack'
		*.tgz

		# dotenv environment variable files
		.env*

		# gatsby files
		.cache/
		public

		# Mac files
		.DS_Store

		# Yarn
		yarn-error.log
		.pnp/
		.pnp.js
		# Yarn Integrity file
		.yarn-integrity

		# app level
		build/
		.gitignore
		coverage/
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,33 @@

		✔ add pwa support @done
		✔ darkmode @done
		✔ animation @done
		✔ save settings @done
		✘ shortcuts @cancelled
		✘ loop @cancelled
		✔ clip image @done
		✔ save blobs @done
		✔ view saved blobs @done
		✔ url id @done
		✘ reset settigs @cancelled
		✔ click logo to reoad to home @done
		✔ complexity change no animation @done
		✔ Sound from Zapsplat.com @done
		✔ resize images @done
		✔ add favicon @done
		✔ update seo @done
		✔ default image @done
		✔ image clip fix @done


		----

		Features:
		✔ Dark theme @done
		✔ Faster initial load @done
		✔ Image clipping @done
		✔ Patterns view @done
		✔ Save and manage blobs locally @done
		✔ tiny sound @done
		✔ offline support @done
		✔ static url for sharing @done
Original file line number	Diff line number	Diff line change
Expand Up		@@ -15,23 +15,27 @@ Run unit tests

		```
		# run test cases
		npm run test
		npm run test

		# watch mode

		npm run test:watch
		```

		### Linting

		```
		npm run lint
		```

		It's also a good idea to add an eslint plugin in your editor.

		To fix lint errors from the command line:

		```
		npm run lint
		```

		## Submitting Pull Requests

		This project follows [GitHub's standard forking model.](https://guides.github.com/activities/forking/). Please fork the project to submit pull requests.
Original file line number	Diff line number	Diff line change
		@@ -1,6 +1,6 @@
		MIT License

		Copyright (c)2020 udaypydi
		Copyright (c)2021 Lokesh Rajendran

		Permission is hereby granted, free of charge, to any person obtaining a copy
		of this software and associated documentation files (the "Software"), to deal
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,7 +3,7 @@
		<br>

		<palign="center">
		<imgsrc="https://user-images.githubusercontent.com/1754676/82777559-18537280-9e6c-11ea-9257-0a24645c91b0.png"alt="Blobs"></p>
		<imgsrc="https://user-images.githubusercontent.com/1754676/111070745-0c1ecb80-84f9-11eb-9128-fff8b2ab2b40.png"alt="Blobs"></p>

		</h3>

Expand All		@@ -18,28 +18,24 @@
		</pre>
		</div>

		###Preview

		![preview](https://user-images.githubusercontent.com/1754676/84493278-20f9d480-acc5-11ea-8667-ee0df8f35442.png)

		![preview2](https://user-images.githubusercontent.com/1754676/84492711-3a4e5100-acc4-11ea-942c-37f9cd802fcf.png)

		###Blobs for flutter



		<divclass="highlight highlight-source-shell">
		<pre>
		<divalign="center"><strong >Blobs for flutter</strong></div>
		<divalign="center"><aalign="center"href="https://pub.dev/packages/blobs">flutter_blobs</a></div>
		</pre>
		</div>

		<pfloat="left">
		<imgwidth="200"alt="style_custom_color"src="https://user-images.githubusercontent.com/1754676/82777008-6ebfb180-9e6a-11ea-9b85-fcac09cfca38.gif">
		<imgwidth="200"alt="style_gradient"src="https://user-images.githubusercontent.com/1754676/82777164-f1e10780-9e6a-11ea-8d02-89217cd6e582.png">
		<imgwidth="200"alt="blobs_with_child"src="https://user-images.githubusercontent.com/1754676/82777157-ef7ead80-9e6a-11ea-9b74-6224cf33d739.png">
		</p>
		<palign="center">
		<imgsrc="https://user-images.githubusercontent.com/1754676/111070973-0f668700-84fa-11eb-9457-4d6282e90eec.png"alt="Social preview"></p>



		###Features
		- Choose any solid colors
		- Set gradient colors
		- Use Patterns
		- Clip Image
		- Outlined blob
		- SVG Code - view/copy/download
		- Flutter blob code
		- Save and view blobs
		- Tiny blob change sound
		- PWA - Offline support
		- Custom sharable URL
		- Dark theme

		###Development

Expand Down