dev (#5)

* chore: bump dependencies to latest version

* feat: add plugins support & organize files

* npm: prepare new version

* test: improve storage tests coverage & add helpers function to reduce duplication

* demo: add plugins script to index.html

* demo: update plugins config

* fix: update types

* feat: change default key && add jsdocs

* feat: add kbd indicator & add jsdocs

* feat: add eventListenerManager

* ci: run tests on tag push

* build: add prepublishOnly script

* ci: prepare new release

Author: emrocode

.github/workflows/release.yml

@@ -21,9 +21,9 @@ jobs:
           release_name: Release ${{ github.ref }}
           body: |
             New Release :tada:
-            - Code optimization
-            - Set all `Options` properties as optional
-            - Prevent duplication of `<meta>` and `<style>` tags
-            - Exported `Options` types
+            - Unify storage options in `useStorage`
+            - Add plugins support via `usePlugins` option
+            - Add ThemeWidget and KeyboardShortcut plugins
+            - Add new public method `destroy()`
           draft: false
-          prerelease: false
+          prerelease: true

.github/workflows/tests.yml

@@ -2,8 +2,8 @@ name: Run tests
 
 on:
   push:
-    paths:
-      - "src/**"
+    tags:
+      - "v*"
   pull_request:
     paths:
       - "src/**"

demo.sh

@@ -7,6 +7,7 @@ mkdir demo && cat > ./demo/index.html << EOF
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <script type="text/javascript" src="../dist/darkify.umd.js"></script>
+    <script type="text/javascript" src="../dist/plugins/index.umd.js"></script>
     <title>Darkify &#x2014; Demo</title>
   </head>
   <style>
@@ -25,7 +26,13 @@ mkdir demo && cat > ./demo/index.html << EOF
       </main>
     </div>
     <script type="text/javascript">
-      var dMode = new Darkify('#element');
+      const { ThemeWidget, KeyboardShortcut } = DarkifyPlugins;
+      var dMode = new Darkify('#element', {
+        usePlugins: [
+          [ThemeWidget, { shortcut: 'd' }],
+          [KeyboardShortcut]
+        ]
+      });
       console.info(dMode);
     </script>
   </body>

jest.config.ts

@@ -6,4 +6,7 @@ export default {
       useESM: true
     }],
   },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1',
+  },
 };