initial

.storybook/main.js

@@ -0,0 +1,37 @@
+const path = require('path');
+
+module.exports = {
+    stories: ['../src/stories/**/*.stories.@(ts|tsx|js|jsx|mdx)'],
+    staticDirs: ['../src/stories/assets'],
+    output: '../docs/',
+    logLevel: 'debug',
+    addons: [
+        '@storybook/addon-docs',
+        '@storybook/addon-actions',
+        '@storybook/addon-backgrounds',
+        '@storybook/addon-controls',
+        '@storybook/addon-viewport',
+        '@storybook/addon-links',
+        '@storybook/addon-highlight',
+        '@storybook/addon-storysource',
+        '@storybook/addon-webpack5-compiler-babel',
+        '@chromatic-com/storybook'
+    ],
+    core: {
+        channelOptions: { allowFunction: false, maxDepth: 10 },
+        disableTelemetry: true,
+    },
+    features: {
+        buildStoriesJson: true,
+        breakingChangesV7: true,
+        babelModeV7: true,
+    },
+    framework: '@pixi/storybook-webpack5',
+    webpackFinal: async (config) => {
+        config.resolve.alias = {
+            ...config.resolve.alias,
+            src: path.resolve(__dirname, '../src'),
+        };
+        return config;
+    },
+};