Merge branch 'main' of https://github.com/abusix/hailstorm into next

.eslintrc.cjs

@@ -21,7 +21,7 @@ module.exports = {
     plugins: ["react", "@typescript-eslint", "prettier"],
     rules: {
         "import/prefer-default-export": "off",
-        "no-restricted-exports": ["error", {restrictDefaultExports: {direct: true}}],
+        "no-restricted-exports": ["error", { restrictDefaultExports: { direct: true } }],
         "react/react-in-jsx-scope": "off",
         "react/require-default-props": "off",
         "no-alert": "off",
@@ -39,6 +39,7 @@ module.exports = {
                 devDependencies: ["**/*.stories.tsx", "**/*.test.tsx", "**/*.test.ts"],
             },
         ],
+        "react/jsx-props-no-spreading": "off",
     },
     overrides: [
         {
@@ -56,13 +57,13 @@ module.exports = {
                 "no-restricted-exports": "off",
                 "react/jsx-props-no-spreading": "off",
                 "import/prefer-default-export": "off",
-            }
+            },
         },
         {
             files: ["src/util/class-names.tsx"],
             rules: {
                 "import/no-extraneous-dependencies": "off",
-            }
-        }
+            },
+        },
     ],
 };

.github/workflows/auto-author-assign.yml

@@ -0,0 +1,14 @@
+name: Auto Author Assign
+
+on:
+    pull_request_target:
+        types: [opened, reopened]
+
+permissions:
+    pull-requests: write
+
+jobs:
+    assign-author:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: toshimaru/[email protected]

.github/workflows/release.yml

@@ -15,7 +15,7 @@ jobs:
             - uses: actions/checkout@v3
               with:
                   fetch-depth: 0
-                  persist-credentials: false # <--- this
+                  persist-credentials: false
             - uses: actions/setup-node@v3
               with:
                   node-version: 18

.github/workflows/test.yaml

@@ -0,0 +1,22 @@
+name: Test Components
+
+on:
+    push:
+    pull_request:
+        branches:
+            - master
+
+jobs:
+    run-tests:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
+              with:
+                  fetch-depth: 0
+                  persist-credentials: false
+            - uses: actions/setup-node@v3
+              with:
+                  node-version: 18
+                  cache: "npm"
+            - run: npm ci
+            - run: npm run test

.github/workflows/type-check.yaml

@@ -0,0 +1,22 @@
+name: Type Check
+
+on: push
+
+env:
+    GH_TOKEN: ${{ secrets.GH_TOKEN }}
+    NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+jobs:
+    format-check:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v3
+              with:
+                  fetch-depth: 0
+                  persist-credentials: false
+            - uses: actions/setup-node@v3
+              with:
+                  node-version: 18
+                  cache: "npm"
+            - run: npm ci
+            - run: npm run type-check

.nvmrc

@@ -1 +1 @@
-18.14.1
+20.10.0

.prettierrc.cjs

@@ -4,4 +4,7 @@ module.exports = {
     semi: true,
     singleQuote: false,
     printWidth: 100,
+    // tailwind pluging config
+    plugins: ["prettier-plugin-tailwindcss"],
+    tailwindConfig: "./tailwind.config.cjs",
 };

.storybook/main.ts

@@ -8,6 +8,7 @@ const config: StorybookConfig = {
         "@storybook/addon-essentials",
         "@storybook/addon-interactions",
         "@storybook/addon-docs",
+        "@storybook/addon-mdx-gfm",
     ],
     framework: {
         name: "@storybook/react-vite",
@@ -18,5 +19,8 @@ const config: StorybookConfig = {
     docs: {
         autodocs: true,
     },
+    core: {
+        disableTelemetry: true,
+    },
 };
 export default config;

.storybook/preview-head.html

@@ -1,11 +1,121 @@
 <style type="text/css">
-  /*
-  Place to add custom fonts that only affect the storybook preview
-  @font-face {
-    font-family: Inter;
-    src: url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
-  }
-  */
+    /* Add Inter font */
+    @font-face {
+        font-family: Inter;
+        font-weight: 100;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Thin.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 200;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-ExtraLight.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 300;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Light.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 400;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Regular.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 500;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Medium.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 600;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-SemiBold.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 700;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Bold.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 800;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-ExtraBold.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 900;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Black.ttf) format('truetype');
+    }
+
+    /* Add Fabriga font */
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 300;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Light.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 300;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-LightItalic.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 400;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Regular.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 400;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-Italic.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 500;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Medium.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 500;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-MediumItalic.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 700;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Bold.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 700;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-BoldItalic.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 900;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Black.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 900;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-BlackItalic.otf) format('opentype');
+    }
 </style>
 <script>
   window.global = window;

.storybook/preview.ts

@@ -1,6 +1,6 @@
 import type { Preview } from "@storybook/react";
 import "tailwindcss/tailwind.css";
-import "../src/index.css";
+import "../src/styles/index.css";
 
 const preview: Preview = {
     parameters: {