@elliemae/pui-cli 9.0.0-alpha.11 → 9.0.0-alpha.13

package/dist/{cjs/testing/jest.node.config.cjs → esm/testing/jest.node.config.mjs}

@@ -1,5 +1,6 @@
-const { jestConfig } = require('./jest.config.cjs');
-exports.jestNodeConfig = {
+import { jestConfig } from './jest.config.mjs';
+
+export const jestNodeConfig = {
   ...jestConfig,
   testEnvironment: 'node',
   transformIgnorePatterns: [],

package/dist/esm/testing/setup-textencoder.cjs

@@ -0,0 +1,4 @@
+const { TextDecoder, TextEncoder } = require('node:util');
+
+globalThis.TextEncoder = TextEncoder;
+globalThis.TextDecoder = TextDecoder;

package/dist/esm/webpack/webpack.storybook.js

@@ -1,9 +1,20 @@
+import { createRequire } from "node:module";
+import { fileURLToPath } from "node:url";
 import webpack from "webpack";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import CopyWebpackPlugin from "copy-webpack-plugin";
 import ResolveTypeScriptPlugin from "resolve-typescript-plugin";
 import { getAlias, getLibraryAlias, getCompressionPlugins } from "./helpers.js";
+import { loadRoutes } from "../server/appRoutes.js";
 import { isApp } from "../utils.js";
+const puiCliRequire = createRequire(fileURLToPath(import.meta.url));
+const resolveStorybookAddon = (addonName) => {
+  try {
+    return puiCliRequire.resolve(addonName);
+  } catch {
+    return addonName;
+  }
+};
 const IS_APP = isApp();
 const CWD = process.cwd();
 const getAdditionalPlugins = () => [
@@ -50,12 +61,50 @@ const getModuleRules = () => [
     type: "asset/resource"
   }
 ];
+const setupStorybookMiddlewares = (middlewares, devServer) => {
+  if (devServer.app) {
+    loadRoutes(devServer.app).catch((err) => {
+      console.error(err);
+    });
+  }
+  return middlewares;
+};
+const usesSwcLoader = (rule) => {
+  if (typeof rule.loader === "string" && rule.loader.includes("swc-loader")) {
+    return true;
+  }
+  const uses = Array.isArray(rule.use) ? rule.use : rule.use ? [rule.use] : [];
+  return uses.some((useEntry) => {
+    const loader = typeof useEntry === "string" ? useEntry : useEntry.loader;
+    return loader?.includes("swc-loader");
+  });
+};
+const removeSwcLoaderRules = (rules = []) => rules.filter((rule) => !usesSwcLoader(rule)).map((rule) => {
+  if (rule.oneOf) {
+    return {
+      ...rule,
+      oneOf: removeSwcLoaderRules(rule.oneOf)
+    };
+  }
+  if (rule.rules) {
+    return {
+      ...rule,
+      rules: removeSwcLoaderRules(rule.rules)
+    };
+  }
+  return rule;
+});
 const webpackFinal = (config, { configType }) => {
   const isProd = configType === "PRODUCTION";
   const fileLoaderRule = config?.module?.rules?.find?.(
     (rule) => rule.test?.test?.(".svg")
   );
   if (fileLoaderRule) fileLoaderRule.exclude = /\.svg$/i;
+  if (config.module?.rules) {
+    config.module.rules = removeSwcLoaderRules(
+      config.module.rules
+    );
+  }
   config?.module?.rules?.unshift(...getModuleRules());
   config?.plugins?.push(...getAdditionalPlugins());
   if (isProd) {
@@ -84,6 +133,17 @@ const webpackFinal = (config, { configType }) => {
     config.externals["@elliemae/pui-diagnostics"] = "emuiDiagnostics";
     config.externals["@elliemae/pui-logrocket"] = "emuiLogrocket";
   }
+  if (!isProd) {
+    const existingDevServer = config.devServer ?? {};
+    const existingSetupMiddlewares = existingDevServer.setupMiddlewares;
+    config.devServer = {
+      ...existingDevServer,
+      setupMiddlewares: (middlewares, devServer) => {
+        const nextMiddlewares = typeof existingSetupMiddlewares === "function" ? existingSetupMiddlewares(middlewares, devServer) : middlewares;
+        return setupStorybookMiddlewares(nextMiddlewares, devServer);
+      }
+    };
+  }
   return config;
 };
 const managerWebpack = (config) => {
@@ -93,5 +153,6 @@ const managerWebpack = (config) => {
 };
 export {
   managerWebpack,
+  resolveStorybookAddon,
   webpackFinal
 };

package/dist/types/lib/babel.config.d.ts

@@ -0,0 +1,3 @@
+import type { TransformOptions } from '@babel/core';
+export declare const babelConfig: TransformOptions;
+export default babelConfig;

package/dist/types/lib/commands/storybook.d.ts

@@ -3,6 +3,7 @@ type Arguments = {
     build: boolean;
     docs: boolean;
     output: string;
+    port: number;
 };
 export declare const storybookCmd: CommandModule<Record<string, never>, Arguments>;
 export {};

package/dist/types/lib/index.d.ts

@@ -1,16 +1,12 @@
 export type LIB_NAME = 'pui-cli';
-export { babelConfig } from './babel.config.cjs';
+export { babelConfig } from './babel.config.js';
 export { eslintFlatBaseConfig, eslintFlatBaseConfigStrict, } from './lint-config/eslint/flat/non-react-export.mjs';
 export { eslintFlatConfig, eslintFlatConfigStrict, } from './lint-config/eslint/flat/react-export.mjs';
-/** @deprecated Use eslintFlatBaseConfig in eslint.config.mjs */
-export { esConfig as eslintBaseConfig } from './lint-config/eslint/non-react.cjs';
-/** @deprecated Use eslintFlatConfig in eslint.config.mjs */
-export { esReactConfig as eslintConfig } from './lint-config/eslint/react.cjs';
 export { stylelintConfig } from './lint-config/stylelint/export.mjs';
-export { prettierConfig } from './lint-config/prettier.config.cjs';
-export { commitlintConfig } from './lint-config/commitlint.config.cjs';
-export { jestConfig } from './testing/jest.config.cjs';
+export { prettierConfig } from './lint-config/prettier.config.mjs';
+export { commitlintConfig } from './lint-config/commitlint.config.mjs';
+export { jestConfig } from './testing/jest.config.mjs';
 export { vitestConfig } from './testing/vitest.config.js';
-export { jestNodeConfig } from './testing/jest.node.config.cjs';
+export { jestNodeConfig } from './testing/jest.node.config.mjs';
 export { lintStagedConfig } from './lint-config/lint-staged.config.js';
 export { loadRoutes } from './server/appRoutes.js';

package/dist/types/lib/lint-config/commitlint/export.d.mts

@@ -0,0 +1 @@
+export { commitlintConfig, default } from "../commitlint.config.mjs";

package/dist/types/lib/lint-config/commitlint.config.d.mts

@@ -0,0 +1,3 @@
+/** @type {import('@commitlint/types').UserConfig} */
+export const commitlintConfig: import("@commitlint/types").UserConfig;
+export default commitlintConfig;

package/dist/types/lib/lint-config/eslint/common.d.cts

@@ -40,7 +40,14 @@ export namespace baseConfig {
 }
 export const basePlugins: string[];
 export const baseRules: {
-    "prettier/prettier": (string | typeof prettierOptions)[];
+    "prettier/prettier": (string | {
+        printWidth: number;
+        tabWidth: number;
+        useTabs: boolean;
+        semi: boolean;
+        singleQuote: boolean;
+        trailingComma: string;
+    })[];
     "arrow-body-style": (string | number)[];
     "class-methods-use-this": number;
     "import/imports-first": number;
@@ -127,4 +134,3 @@ export const reactRules: {
     "redux-saga/no-yield-in-race": number;
     "redux-saga/yield-effects": number;
 };
-import prettierOptions = require("../prettier.config.cjs");

package/dist/types/lib/lint-config/eslint/flat/compat.d.mts

@@ -4,6 +4,6 @@ export const reactPlugin: import("eslint").ESLint.Plugin;
 /** Redux-saga — uses context.getScope in no-yield-in-race. */
 /** @type {import('eslint').ESLint.Plugin} */
 export const reduxSagaPlugin: import("eslint").ESLint.Plugin;
-/** Storybook flat presets — uses legacy context APIs (eslint-plugin-storybook@0.12). */
+/** Storybook flat presets — native flat config (eslint-plugin-storybook@10). */
 /** @type {import('eslint').Linter.Config[]} */
 export const storybookFlatConfigs: import("eslint").Linter.Config[];

package/dist/types/lib/lint-config/eslint/non-react.d.cts

@@ -1,7 +1,14 @@
 export const esConfig: {
     extends: string[];
     rules: {
-        "prettier/prettier": (string | typeof import("../prettier.config.cjs"))[];
+        "prettier/prettier": (string | {
+            printWidth: number;
+            tabWidth: number;
+            useTabs: boolean;
+            semi: boolean;
+            singleQuote: boolean;
+            trailingComma: string;
+        })[];
         "arrow-body-style": (string | number)[];
         "class-methods-use-this": number;
         "import/imports-first": number;

package/dist/types/lib/lint-config/eslint/react.d.cts

@@ -31,7 +31,14 @@ export const esReactConfig: {
         })[];
         "redux-saga/no-yield-in-race": number;
         "redux-saga/yield-effects": number;
-        "prettier/prettier": (string | typeof import("../prettier.config.cjs"))[];
+        "prettier/prettier": (string | {
+            printWidth: number;
+            tabWidth: number;
+            useTabs: boolean;
+            semi: boolean;
+            singleQuote: boolean;
+            trailingComma: string;
+        })[];
         "arrow-body-style": (string | number)[];
         "class-methods-use-this": number;
         "import/imports-first": number;

package/dist/types/lib/lint-config/eslint/typescript/non-react.d.cts

@@ -19,7 +19,14 @@ export const tsConfig: {
         '@typescript-eslint/no-floating-promises': (string | {
             ignoreIIFE: boolean;
         })[];
-        "prettier/prettier": (string | typeof import("../../prettier.config.cjs"))[];
+        "prettier/prettier": (string | {
+            printWidth: number;
+            tabWidth: number;
+            useTabs: boolean;
+            semi: boolean;
+            singleQuote: boolean;
+            trailingComma: string;
+        })[];
         "arrow-body-style": (string | number)[];
         "class-methods-use-this": number;
         "import/imports-first": number;

package/dist/types/lib/lint-config/eslint/typescript/react.d.cts

@@ -50,7 +50,14 @@ export const tsReactConfig: {
         '@typescript-eslint/no-floating-promises': (string | {
             ignoreIIFE: boolean;
         })[];
-        "prettier/prettier": (string | typeof import("../../prettier.config.cjs"))[];
+        "prettier/prettier": (string | {
+            printWidth: number;
+            tabWidth: number;
+            useTabs: boolean;
+            semi: boolean;
+            singleQuote: boolean;
+            trailingComma: string;
+        })[];
         "arrow-body-style": (string | number)[];
         "class-methods-use-this": number;
         "import/imports-first": number;

package/dist/types/lib/lint-config/lint-staged.config.d.ts

@@ -1,5 +1,5 @@
 export const lintStagedConfig: {
     "*.{js,ts,jsx,tsx,md,mdx,html,css,json}": string[];
-    "*.{ts,tsx}": string[];
-    "*.{js,ts,jsx,tsx}": string[];
+    "*.{ts,tsx}": (files: any) => string[];
+    "*.{js,ts,jsx,tsx}": (files: any) => string[];
 };

package/dist/types/lib/lint-config/prettier/export.d.mts

@@ -0,0 +1 @@
+export { prettierConfig, default } from "../prettier.config.mjs";

package/dist/types/lib/lint-config/prettier.config.d.mts

@@ -0,0 +1,3 @@
+/** @type {import('prettier').Config} */
+export const prettierConfig: import("prettier").Config;
+export default prettierConfig;

package/dist/types/lib/testing/setup-textencoder.d.cts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/utils.d.cts

@@ -1,4 +1,4 @@
 export const basePath: string;
-export function getAppConfig(): "{}" | NonSharedBuffer;
+export function getAppConfig(): NonSharedBuffer | "{}";
 export function isTypeScriptEnabled(): boolean;
 export function isApp(): boolean;

package/dist/types/lib/utils.d.ts

@@ -1,4 +1,4 @@
 export declare const basePath: string;
 export declare const isApp: () => boolean;
 export declare const isHttps: () => boolean;
-export declare const getAppConfig: () => "{}" | NonSharedBuffer;
+export declare const getAppConfig: () => NonSharedBuffer | "{}";

package/dist/types/lib/webpack/webpack.storybook.d.ts

@@ -1,4 +1,6 @@
 import webpack, { type Configuration } from 'webpack';
+/** Resolve Storybook addons from pui-cli's bundled dependencies. */
+export declare const resolveStorybookAddon: (addonName: string) => string;
 export declare const webpackFinal: (config: Configuration, { configType }: {
     configType: string;
 }) => webpack.Configuration;