feat(ui/storybook-host): create preview file with layout, actions, co…

…ntrols, and sorting configs

apps/website/app/components/button.tsx

@@ -0,0 +1,3 @@
+export function Button() {
+  return <button type="button">Button</button>
+}

libs/storybook-host/.storybook/preview.tsx

@@ -0,0 +1,28 @@
+import type { Preview } from '@storybook/react'
+
+const preview: Preview = {
+  parameters: {
+    layout: 'fullscreen',
+    // https://storybook.js.org/docs/essentials/actions
+    actions: {
+      argTypesRegex: '^on[A-Z].*',
+    },
+    // https://storybook.js.org/docs/essentials/controls
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    options: {
+      // https://storybook.js.org/docs/writing-stories/naming-components-and-hierarchy#sorting-stories
+      storySort: {
+        method: 'alphabetical',
+      },
+    },
+  },
+}
+
+export default preview
+
+/* export const tags = ["autodocs"] */

libs/storybook-host/tsconfig.json

@@ -5,7 +5,7 @@
     "allowJs": false,
     "strict": true,
     "allowSyntheticDefaultImports": true,
-    "esModuleInterop": false
+    "esModuleInterop": true
   },
   "references": [
     {