@andersundsehr/storybook-typo3 0.1.17 → 0.1.18

package/dist/functions/viteFinal.d.ts

@@ -0,0 +1,3 @@
+import { InlineConfig } from 'vite';
+import type { Options } from 'storybook/internal/types';
+export declare function viteFinal(config: InlineConfig, options: Options): Promise<InlineConfig>;

package/dist/functions/viteFinal.js

@@ -0,0 +1,55 @@
+import { glob } from 'node:fs/promises';
+import { basename } from 'node:path';
+async function isFeatureEnabled(name, options) {
+    const envs = await options.presets.apply('env');
+    return ['true', '1'].includes(envs[name] || process.env[name] || '0');
+}
+export async function viteFinal(config, options) {
+    if (await isFeatureEnabled('STORYBOOK_TYPO3_WATCH_ONLY_STORIES', options)) {
+        config = await watchOnlyStoriesConfig(config, options);
+    }
+    config = addAllowedHosts(config);
+    return config;
+}
+async function watchOnlyStoriesConfig(config, options) {
+    const colorYellow = '\x1b[33m';
+    const colorReset = '\x1b[0m';
+    console.log(colorYellow + '@andersundsehr/storybook-typo3:' + colorReset + ' STORYBOOK_TYPO3_WATCH_ONLY_STORIES enabled, only watching stories files');
+    const defaultGlobPattern = '/**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))';
+    const storiesGlob = await options.presets.apply('stories');
+    const storiesFiles = [];
+    for (let globs of storiesGlob) {
+        if (typeof globs !== 'string') {
+            globs = globs.directory + (globs.files || defaultGlobPattern);
+        }
+        for await (const entry of glob(globs)) {
+            storiesFiles.push(entry);
+        }
+    }
+    const alwaysWatch = ['.env'];
+    config.server = config.server || {};
+    config.server.watch = config.server.watch || {};
+    config.server.watch.ignored = (file) => {
+        const filename = basename(file);
+        if (alwaysWatch.includes(filename)) {
+            return false; // always watch these files
+        }
+        if (!filename.includes('.')) {
+            return false; // ignore directories
+        }
+        if (!storiesFiles.includes(file)) {
+            return true;
+        }
+        return false;
+    };
+    return config;
+}
+function addAllowedHosts(config) {
+    var _a;
+    config.server = config.server || {};
+    if (process.env.IS_DDEV_PROJECT && config.server.allowedHosts !== true) {
+        (_a = config.server).allowedHosts ?? (_a.allowedHosts = []);
+        config.server.allowedHosts.push('.ddev.site');
+    }
+    return config;
+}

package/dist/preset.d.ts

@@ -1,11 +1,11 @@
 import type { PresetProperty } from 'storybook/internal/types';
-import type { ViteFinal } from '@storybook/builder-vite';
+import { viteFinal } from './functions/viteFinal.ts';
 export declare const addons: string[];
 /**
  * We want storybook to not use your local vite config.
  * As that is not really needed, and can cause issues or break storybook.
  */
-export declare const viteFinal: ViteFinal;
+export { viteFinal };
 export declare const core: PresetProperty<'core'>;
 export declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
 export declare const tags: string[];

package/dist/preset.js

@@ -1,7 +1,6 @@
 import { dirname, join } from 'node:path';
 import { createRequire } from 'module';
-import { glob } from 'node:fs/promises';
-import { basename } from 'node:path';
+import { viteFinal } from "./functions/viteFinal.js";
 const require = createRequire(import.meta.url);
 function getAbsolutePath(value) {
     return dirname(require.resolve(join(value, 'package.json')));
@@ -11,44 +10,7 @@ export const addons = ['@storybook/addon-docs', '@storybook/addon-a11y'];
  * We want storybook to not use your local vite config.
  * As that is not really needed, and can cause issues or break storybook.
  */
-export const viteFinal = async (config, options) => {
-    const envs = await options.presets.apply('env');
-    const watchOnlyStoriesActive = ['true', '1'].includes(envs.STORYBOOK_TYPO3_WATCH_ONLY_STORIES);
-    if (!watchOnlyStoriesActive) {
-        return config; // do not change anything if we are not in watch only mode
-    }
-    const colorYellow = '\x1b[33m';
-    const colorReset = '\x1b[0m';
-    console.log(colorYellow + '@andersundsehr/storybook-typo3:' + colorReset + ' STORYBOOK_TYPO3_WATCH_ONLY_STORIES enabled, only watching stories files');
-    const defaultGlobPattern = '/**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))';
-    const storiesGlob = await options.presets.apply('stories');
-    const storiesFiles = [];
-    for (let globs of storiesGlob) {
-        if (typeof globs !== 'string') {
-            globs = globs.directory + (globs.files || defaultGlobPattern);
-        }
-        for await (const entry of glob(globs)) {
-            storiesFiles.push(entry);
-        }
-    }
-    const alwaysWatch = ['.env'];
-    config.server = config.server || {};
-    config.server.watch = config.server.watch || {};
-    config.server.watch.ignored = (file) => {
-        const filename = basename(file);
-        if (alwaysWatch.includes(filename)) {
-            return false; // always watch these files
-        }
-        if (!filename.includes('.')) {
-            return false; // ignore directories
-        }
-        if (!storiesFiles.includes(file)) {
-            return true;
-        }
-        return false;
-    };
-    return config;
-};
+export { viteFinal };
 export const core = {
     builder: getAbsolutePath('@storybook/builder-vite'),
     renderer: getAbsolutePath('@storybook/server'),

package/package.json

@@ -49,5 +49,5 @@
     "dist",
     "README.md"
   ],
-  "version": "0.1.17"
+  "version": "0.1.18"
 }