Merge pull request #8 from lokesh-coder/develop

feat: improve performance, add pattern/image setter, manage blobs, and dark theme

Author: lokesh-coder

.babelrc

@@ -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',
   },
@@ -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',
   },
 };

.eslintrc.js

@@ -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 '....'
@@ -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.

.gitattributes

@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Is your feature request related to a problem? Please describe.**

.github/ISSUE_TEMPLATE/bug_report.md

@@ -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/

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,4 @@
+.cache
+package.json
+package-lock.json
+public

.gitignore

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}

.prettierignore

@@ -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

.prettierrc

@@ -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.

.todo

@@ -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

CONTRIBUTING.md

@@ -3,7 +3,7 @@
 <br>
 
 <p align="center">
-<img src="https://user-images.githubusercontent.com/1754676/82777559-18537280-9e6c-11ea-9257-0a24645c91b0.png"  alt="Blobs"></p>
+<img src="https://user-images.githubusercontent.com/1754676/111070745-0c1ecb80-84f9-11eb-9128-fff8b2ab2b40.png"  alt="Blobs"></p>
 
 </h3>
 
@@ -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
-
-&nbsp;
-
-<div class="highlight highlight-source-shell">
-<pre>
-<div align="center"><strong >Blobs for flutter</strong></div>
-<div align="center"><a align="center" href="https://pub.dev/packages/blobs">flutter_blobs</a></div>
-</pre>
-</div>
-
-<p float="left">
-  <img width="200" alt="style_custom_color" src="https://user-images.githubusercontent.com/1754676/82777008-6ebfb180-9e6a-11ea-9b85-fcac09cfca38.gif">
-  <img width="200" alt="style_gradient" src="https://user-images.githubusercontent.com/1754676/82777164-f1e10780-9e6a-11ea-8d02-89217cd6e582.png">
-  <img width="200" alt="blobs_with_child" src="https://user-images.githubusercontent.com/1754676/82777157-ef7ead80-9e6a-11ea-9b74-6224cf33d739.png">
-</p>
+<p align="center">
+<img src="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