storybook

solidjs/solid-docs#35

services/ui/.storybook/main.js

@@ -0,0 +1,28 @@
+const Solid = require("vite-plugin-solid")
+
+module.exports = {
+
+  core: {
+    builder: "storybook-builder-vite"
+  },
+
+  framework: "@storybook/html",
+
+  stories: [
+    "../src/**/*.stories.tsx",
+  ],
+
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials"
+  ],
+
+  async viteFinal(config, {configType}){
+		config.plugins.unshift(
+			Solid({hot:false}),
+		)
+
+    return config
+  },
+
+}

services/ui/.storybook/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

services/ui/.storybook/preview.js

@@ -0,0 +1,24 @@
+import {createRoot} from "solid-js"
+import {insert, template, createComponent} from "solid-js/web"
+
+
+export const decorators = [
+	((Story) => (
+		createRoot(() => {
+			const element = template("<div/>").cloneNode(true)
+			insert(element, createComponent(Story, {}))
+			return element
+		})
+	)),
+]
+
+
+export const parameters = {
+	actions: {argTypesRegex:"^on[A-Z].*"},
+	controls: {
+		matchers: {
+			color: /(background|color)$/i,
+			date: /Date$/,
+		},
+	},
+}