Docsetをdownloadできるようにする

.devcontainer/devcontainer.json

@@ -40,7 +40,8 @@
         "rust-lang.rust-analyzer",
         "vadimcn.vscode-lldb",
         "oscartbeaumont.rspc-vscode",
-        "Zerotaskx.rust-extension-pack"
+        "Zerotaskx.rust-extension-pack",
+        "oscartbeaumont.rspc-vscode"
       ]
     }
   },

.devcontainer/postCreate.sh

@@ -14,6 +14,8 @@ sudo chown -R :rustlang /usr/local/rustup
 # cpanm --local-lib=~/perl5 local::lib && eval $(perl -I ~/perl5/lib/perl5/ -Mlocal::lib) \
 # cpanm JSON Net::SSLeay LWP::Simple LWP::Protocol::https
 
-cargo install [email protected]
+# cargo install [email protected]
+pnpm update @tauri-apps/cli @tauri-apps/api --latest
+pnpm outdated @tauri-apps/cli
 
 pnpm i

.eslintrc.cjs

@@ -8,6 +8,7 @@ module.exports = {
     "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
     "plugin:react/jsx-runtime",
+    "plugin:storybook/recommended"
   ],
   overrides: [
     {

.gitignore

@@ -26,3 +26,4 @@ dist-ssr
 .pnpm-store
 
 docsets/*
+src-tauri/spec/tmp/*

.storybook/main.ts

@@ -0,0 +1,19 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

.vscode/extensions.json

@@ -1,3 +1,6 @@
 {
-  "recommendations": ["tauri-apps.tauri-vscode", "rust-lang.rust-analyzer"]
+  "recommendations": [
+    "tauri-apps.tauri-vscode",
+    "rust-lang.rust-analyzer"
+  ]
 }

package.json

@@ -9,19 +9,29 @@
     "preview": "vite preview",
     "lint": "prettier --check .; eslint src",
     "tauri": "tauri",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "test-front": "vitest",
     "test-tauri": "cd src-tauri; cargo test"
   },
   "dependencies": {
     "@rspc/client": "^0.1.3",
     "@rspc/react": "^0.1.3",
     "@rspc/tauri": "^0.1.3",
-    "@tauri-apps/api": "^1.2.0",
+    "@tauri-apps/api": "^1.5.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@tauri-apps/cli": "^1.2.2",
+    "@storybook/addon-essentials": "^7.6.6",
+    "@storybook/addon-interactions": "^7.6.6",
+    "@storybook/addon-links": "^7.6.6",
+    "@storybook/addon-onboarding": "^1.0.10",
+    "@storybook/blocks": "^7.6.6",
+    "@storybook/react": "^7.6.6",
+    "@storybook/react-vite": "^7.6.6",
+    "@storybook/test": "^7.6.6",
+    "@tauri-apps/cli": "^1.5.9",
     "@types/node": "^18.7.10",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
@@ -31,7 +41,9 @@
     "eslint": "^8.43.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-storybook": "^0.6.15",
     "prettier": "^2.8.8",
+    "storybook": "^7.6.6",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.1.6",
     "vite": "^4.2.1"