@storybook/ember 8.0.0-alpha.8 → 8.0.0-alpha.9

package/dist/preset.d.ts

@@ -1,4 +1,5 @@
 import type { PresetProperty } from '@storybook/types';
 import type { StorybookConfig } from './types';
 export declare const addons: PresetProperty<'addons'>;
+export declare const webpackFinal: StorybookConfig['webpackFinal'];
 export declare const core: PresetProperty<'core', StorybookConfig>;

package/dist/preset.js

@@ -1,12 +1,43 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.core = exports.addons = void 0;
+exports.core = exports.webpackFinal = exports.addons = void 0;
 const path_1 = require("path");
+const builder_webpack5_1 = require("@storybook/builder-webpack5");
+const core_common_1 = require("@storybook/core-common");
 const getAbsolutePath = (input) => (0, path_1.dirname)(require.resolve((0, path_1.join)(input, 'package.json')));
 exports.addons = [
     require.resolve('./server/framework-preset-babel-ember'),
     require.resolve('./server/framework-preset-ember-docs'),
 ];
+const webpackFinal = async (baseConfig, options) => {
+    const { virtualModules } = await (0, builder_webpack5_1.getVirtualModules)(options);
+    const babelOptions = await options.presets.apply('babel', {}, options);
+    const typescriptOptions = await options.presets.apply('typescript', {}, options);
+    return {
+        ...baseConfig,
+        module: {
+            ...baseConfig.module,
+            rules: [
+                ...(baseConfig.module?.rules ?? []),
+                {
+                    test: typescriptOptions.skipCompiler ? /\.((c|m)?jsx?)$/ : /\.((c|m)?(j|t)sx?)$/,
+                    use: [
+                        {
+                            loader: require.resolve('babel-loader'),
+                            options: {
+                                cacheDirectory: (0, core_common_1.resolvePathInStorybookCache)('babel'),
+                                ...babelOptions,
+                            },
+                        },
+                    ],
+                    include: [(0, core_common_1.getProjectRoot)()],
+                    exclude: [/node_modules/, ...Object.keys(virtualModules)],
+                },
+            ],
+        },
+    };
+};
+exports.webpackFinal = webpackFinal;
 const core = async (config, options) => {
     const framework = await options.presets.apply('framework');
     return {

package/dist/preset.mjs

@@ -1,9 +1,39 @@
 import { dirname, join } from 'path';
+import { getVirtualModules } from '@storybook/builder-webpack5';
+import { getProjectRoot, resolvePathInStorybookCache } from '@storybook/core-common';
 const getAbsolutePath = (input) => dirname(require.resolve(join(input, 'package.json')));
 export const addons = [
     require.resolve('./server/framework-preset-babel-ember'),
     require.resolve('./server/framework-preset-ember-docs'),
 ];
+export const webpackFinal = async (baseConfig, options) => {
+    const { virtualModules } = await getVirtualModules(options);
+    const babelOptions = await options.presets.apply('babel', {}, options);
+    const typescriptOptions = await options.presets.apply('typescript', {}, options);
+    return {
+        ...baseConfig,
+        module: {
+            ...baseConfig.module,
+            rules: [
+                ...(baseConfig.module?.rules ?? []),
+                {
+                    test: typescriptOptions.skipCompiler ? /\.((c|m)?jsx?)$/ : /\.((c|m)?(j|t)sx?)$/,
+                    use: [
+                        {
+                            loader: require.resolve('babel-loader'),
+                            options: {
+                                cacheDirectory: resolvePathInStorybookCache('babel'),
+                                ...babelOptions,
+                            },
+                        },
+                    ],
+                    include: [getProjectRoot()],
+                    exclude: [/node_modules/, ...Object.keys(virtualModules)],
+                },
+            ],
+        },
+    };
+};
 export const core = async (config, options) => {
     const framework = await options.presets.apply('framework');
     return {

package/dist/server/framework-preset-babel-ember.d.ts

@@ -1,3 +1,3 @@
-import type { PresetProperty } from '@storybook/types';
-export declare const babel: PresetProperty<'babel'>;
+import type { PresetProperty, PresetPropertyFn } from '@storybook/types';
+export declare const babel: PresetPropertyFn<'babel'>;
 export declare const previewAnnotations: PresetProperty<'previewAnnotations'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "8.0.0-alpha.8",
+  "version": "8.0.0-alpha.9",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
@@ -32,16 +32,18 @@
     "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "8.0.0-alpha.8",
-    "@storybook/core-common": "8.0.0-alpha.8",
-    "@storybook/docs-tools": "8.0.0-alpha.8",
+    "@storybook/builder-webpack5": "8.0.0-alpha.9",
+    "@storybook/core-common": "8.0.0-alpha.9",
+    "@storybook/docs-tools": "8.0.0-alpha.9",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "8.0.0-alpha.8",
-    "@storybook/types": "8.0.0-alpha.8",
+    "@storybook/preview-api": "8.0.0-alpha.9",
+    "@storybook/types": "8.0.0-alpha.9",
+    "babel-loader": "9.1.3",
     "find-up": "^5.0.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
+    "@types/babel__preset-env": "^7",
     "ember-source": "~3.28.1",
     "typescript": "^5.3.2"
   },

package/dist/client/preview/index.d.ts

@@ -1 +0,0 @@
-import './globals';

package/dist/client/preview/index.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./globals");