Merge branch 'develop'

# Conflicts: # .github/workflows/publish.yaml # yarn.lock
alampros · Dec 27, 2024 · 01aa6bc · 01aa6bc
2 parents 510e1fd + 9c84a99
commit 01aa6bc
Show file tree

Hide file tree

Showing 40 changed files with 13,326 additions and 14,054 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.github/workflows/publish.yaml b/.github/workflows/publish.yaml
@@ -10,18 +10,23 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v3
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
+    - uses: actions/checkout@v4
+
+    - name: Setup Biome
+      uses: biomejs/setup-biome@v2
+    - name: Lint
+      run: biome ci
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
       with:
-        node-version: 16
-        cache: 'yarn'
-    - run: yarn
-    - run: yarn semantic-release
+        node-version: 20
+    - run: npm ci
+    - run: npm run semantic-release
       env:
         GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-    - run: yarn build-storybook
+    - run: npm run build-storybook
     - name: Deploy 🚀
       uses: JamesIves/[email protected]
       with:

diff --git a/.storybook/addons.js b/.storybook/addons.js
diff --git a/.storybook/config.js b/.storybook/config.js
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -0,0 +1,12 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+	stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+	addons: ["@storybook/addon-essentials"],
+	framework: {
+		name: "@storybook/react-vite",
+		options: {},
+	},
+	staticDirs: ["./public"],
+};
+export default config;
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
diff --git a/README.md b/README.md
@@ -26,7 +26,7 @@ npm install react-confetti
 
 ```jsx
 import React from 'react'
-import useWindowSize from 'react-use/lib/useWindowSize'
+import { useWindowSize } from 'react-use'
 import Confetti from 'react-confetti'
 
 export default () => {
@@ -58,6 +58,7 @@ export default () => {
 | `opacity`            | `Number`                                                                                                   | 1.0                                                                                                                                                                                                                                                                                |                                                                       |
 | `recycle`            | `Bool`                                                                                                     | true                                                                                                                                                                                                                                                                               | Keep spawning confetti after `numberOfPieces` pieces have been shown. |
 | `run`                | `Bool`                                                                                                     | true                                                                                                                                                                                                                                                                               | Run the animation loop                                                |
+| `frameRate`          | `Number \| undefined`                                                                                      | undefined                                                                                                                                                                                                                                                                          | The capped frame rate of the animation.                               |
 | `tweenDuration`      | `Number`                                                                                                   | 5000                                                                                                                                                                                                                                                                               | How fast the confetti is added                                        |
 | `tweenFunction`      | `(currentTime: number, currentValue: number, targetValue: number, duration: number, s?: number) => number` | easeInOutQuad                                                                                                                                                                                                                                                                      | See [tween-functions](https://github.com/chenglou/tween-functions)    |
 | `drawShape`          | `(context: CanvasRenderingContext2D) => void`                                                              | `undefined`                                                                                                                                                                                                                                                                        | See below                                                             |

diff --git a/babel.config.js b/babel.config.js
diff --git a/biome.json b/biome.json
@@ -0,0 +1,64 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "files": {
+    "ignore": [
+      "node_modules",
+      "dist",
+      "build",
+      ".vscode",
+      "package.json",
+      "package-lock.json"
+    ]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "formatWithErrors": true,
+    "lineWidth": 100
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "style": {
+        "useImportType": "off",
+        "noNonNullAssertion": "off"
+      },
+      "suspicious": {
+        "noExplicitAny": "off"
+      },
+      "performance": {
+        "noDelete": "off",
+        "noAccumulatingSpread": "off"
+      },
+      "complexity": {
+        "noForEach": "off"
+      },
+      "correctness": {
+        "noUnusedImports": "warn"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "enabled": true,
+      "semicolons": "asNeeded",
+      "quoteStyle": "single",
+      "indentStyle": "space",
+      "lineWidth": 100,
+      "trailingCommas": "all"
+    },
+    "parser": {
+      "unsafeParameterDecoratorsEnabled": true
+    }
+  },
+  "json": {
+    "formatter": {
+      "enabled": true
+    }
+  }
+}
diff --git a/index.js b/index.js