setup tsdx with storybook

limistah · Dec 15, 2023 · 1e676df · 1e676df
1 parent 9d3a27f
commit 1e676df
Show file tree

Hide file tree

Showing 26 changed files with 28,559 additions and 2,802 deletions.
diff --git a/.babelrc.json b/.babelrc.json
@@ -0,0 +1,17 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    ["@babel/preset-typescript", {}],
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ]
+  ],
+  "plugins": []
+}
diff --git a/.eslintrc b/.eslintrc
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -7,7 +7,7 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['18.x']
+        node: ['10.x', '12.x', '14.x']
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:

diff --git a/.gitignore b/.gitignore
@@ -3,3 +3,4 @@
 node_modules
 .cache
 dist
+storybook-static
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+node -v
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -1,8 +1,26 @@
 module.exports = {
   stories: ['../stories/**/*.stories.@(ts|tsx|js|jsx)'],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+
   // https://storybook.js.org/docs/react/configure/typescript#mainjs-configuration
   typescript: {
     check: true, // type-check stories during Storybook build
-  }
+    reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+      propFilter: () => true,
+    },
+  },
+
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+
+  docs: {
+    autodocs: true,
+  },
 };
diff --git a/mylib/.github/workflows/main.yml b/mylib/.github/workflows/main.yml
diff --git a/mylib/.github/workflows/size.yml b/mylib/.github/workflows/size.yml
diff --git a/mylib/.gitignore b/mylib/.gitignore
diff --git a/mylib/.storybook/main.js b/mylib/.storybook/main.js
diff --git a/mylib/.storybook/preview.js b/mylib/.storybook/preview.js
diff --git a/mylib/LICENSE b/mylib/LICENSE
diff --git a/mylib/README.md b/mylib/README.md
diff --git a/mylib/example/.gitignore b/mylib/example/.gitignore
diff --git a/mylib/example/index.html b/mylib/example/index.html
diff --git a/mylib/example/index.tsx b/mylib/example/index.tsx