yomotsu:main←abernier:main

.github/dependabot.yml

@@ -0,0 +1,35 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "daily"
+
+    ignore:
+      - dependency-name: "@types/node"
+
+    # https://docs.github.com/en/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file#groups
+    groups:
+
+      storybook-packages:
+        patterns:
+          - "storybook"
+          - "@storybook/*"
+          - "eslint-plugin-storybook"
+
+      safe:
+        update-types:
+          - "minor"
+          - "patch"
+        exclude-patterns:
+          # Excluding all 0.x leading-zero package (since dependabot consider eg: 0.7.3 -> 0.8.0 minor bump / as opposed to semver)
+          - "three"
+          - "typedoc"
+      unsafe:
+        update-types:
+          - "major"

.github/workflows/chromatic.yml

@@ -0,0 +1,18 @@
+name: "Chromatic"
+on: push
+
+jobs:
+  chromatic:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          cache: "npm"
+          node-version-file: ".nvmrc"
+      - run: npm ci
+      - run: npm run chromatic --exit-once-uploaded --auto-accept-changes main
+        env:
+          CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

.github/workflows/ci.yml

@@ -0,0 +1,19 @@
+on:
+  push:
+    branches: [main, dev]
+  pull_request:
+    branches: [dev]
+
+jobs:
+  lgtm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "npm"
+      - run: |
+          npm ci
+          npm test
+          npm run build

.github/workflows/release.yml

@@ -2,15 +2,16 @@ name: Build and Release to npm
 on:
   push:
     branches:
-      - 'main'
+      - "main"
+      - "canary-*"
+  pull_request:
 
 # Cancel any previous run (see: https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#concurrency)
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
 jobs:
-
   release-job:
     runs-on: ubuntu-latest
     steps:
@@ -29,6 +30,7 @@ jobs:
         id: main
         run: |
           npm ci
+          npm test
           npm run release
 
           # Check if release was successful (dist directory exists)
@@ -58,6 +60,7 @@ jobs:
   deploy-job:
     needs: release-job
     runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/main'
     permissions:
       contents: read
       pages: write

.gitignore

@@ -11,4 +11,6 @@ node_modules
 yarn.lock
 docs
 
-/dist
+/dist
+*storybook.log
+storybook-static

.husky/pre-commit

@@ -1 +1,2 @@
 npx lint-staged
+npm run typecheck

.releaserc.yml

@@ -1,5 +1,8 @@
 branches:
   - main
+  - name: canary-*
+    prerelease: true
+    channel: canary
 plugins:
   - - "@semantic-release/commit-analyzer"
     - preset: "conventionalcommits"

.storybook/main.ts

@@ -0,0 +1,14 @@
+import type { StorybookConfig } from '@storybook/html-vite';
+
+const config: StorybookConfig = {
+	"stories": [
+		"../src/**/*.mdx",
+		"../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+	],
+	"addons": [],
+	"framework": {
+		"name": "@storybook/html-vite",
+		"options": {}
+	}
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook/html-vite';
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+	},
+};
+
+export default preview;

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.formatOnSave": false
+}

eslint.config.mjs

@@ -1,3 +1,5 @@
+import storybook from "eslint-plugin-storybook";
+
 import globals from "globals";
 import tsPlugin from "@typescript-eslint/eslint-plugin";
 import tsParser from "@typescript-eslint/parser";
@@ -80,7 +82,7 @@ const mdcs = {
 
 export default [
 	{
-		files: [ "src/**/*.ts" ],
+		files: [ "**/*.ts", "**/*.mjs" ],
 		// ignores: [],
 		languageOptions: {
 			parser: tsParser,
@@ -118,5 +120,4 @@ export default [
 			],
 			"key-spacing": [ 0 ],
 		},
-	},
-];
+	}, ...storybook.configs[ "flat/recommended" ] ];