@modern-js/storybook 0.0.0-next-20230913035856

package/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: ['@modern-js'],
+  ignorePatterns: ['compiled/', 'fixtures/**', 'tests/**', 'modern.config.ts'],
+  parserOptions: {
+    project: require.resolve('./tsconfig.json'),
+  },
+};

package/.turbo/turbo-build.log

@@ -0,0 +1,4 @@
+
+> @modern-js/storybook@2.31.2 build /home/runner/work/modern.js/modern.js/packages/storybook/framework
+> tsc
+

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# @modern-js/storybook
+
+## 0.0.0-next-20230913035856
+
+### Patch Changes
+
+- aec9975f8: feat: add storybook-framework
+  feat: 支持 storybook-framework
+- Updated dependencies [aec9975f8]
+  - @modern-js/storybook-builder@0.0.0-next-20230913035856

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Modern.js
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/bin.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+require('storybook');

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './preset';
+export * from './types';

package/dist/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./preset"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,0CAAwB"}

package/dist/preset.d.ts

@@ -0,0 +1,8 @@
+import type { Options } from '@storybook/types';
+import type { BuilderConfig } from '@modern-js/storybook-builder/types';
+export declare const frameworkOptions: (_: never, options: Options) => Promise<{
+    name: string;
+    options: any;
+}>;
+export declare const modern: (config: BuilderConfig, _options: Options) => BuilderConfig;
+export declare const core: (config: any, options: any) => Promise<any>;

package/dist/preset.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.core = exports.modern = exports.frameworkOptions = void 0;
+const path_1 = __importDefault(require("path"));
+const frameworkOptions = async (_, options) => {
+    const config = await options.presets.apply('framework');
+    if (typeof config === 'string') {
+        return {
+            name: config,
+            options: {},
+        };
+    }
+    if (typeof config === 'undefined') {
+        return {
+            name: '@modern-js/storybook',
+            options: {},
+        };
+    }
+    return {
+        name: config.name,
+        options: {
+            ...config.options,
+        },
+    };
+};
+exports.frameworkOptions = frameworkOptions;
+const modern = (config, _options) => {
+    // @ts-expect-error
+    return {
+        ...config,
+        source: {
+            ...config.source,
+            alias: {
+                ...config.source?.alias,
+                '@storybook/react': absPath('@storybook/react'),
+            },
+        },
+    };
+};
+exports.modern = modern;
+const core = async (config, options) => {
+    const framework = await options.presets.apply('framework');
+    return {
+        ...config,
+        builder: {
+            name: absPath('@modern-js/storybook-builder'),
+            options: typeof framework === 'string' ? {} : framework?.options?.builder || {},
+        },
+        // FIXME: renderer: absPath('@storybook/react'),
+        renderer: '@storybook/react',
+    };
+};
+exports.core = core;
+function absPath(pkg) {
+    return path_1.default.dirname(require.resolve(path_1.default.join(pkg, 'package.json')));
+}
+//# sourceMappingURL=preset.js.map

package/dist/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAIjB,MAAM,gBAAgB,GAAG,KAAK,EAAE,CAAQ,EAAE,OAAgB,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAExD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,EAAE;SACZ,CAAC;KACH;IACD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO;YACL,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE,EAAE;SACZ,CAAC;KACH;IAED,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,OAAO,EAAE;YACP,GAAG,MAAM,CAAC,OAAO;SAClB;KACF,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B;AAEK,MAAM,MAAM,GAAG,CACpB,MAAqB,EACrB,QAAiB,EACF,EAAE;IACjB,mBAAmB;IACnB,OAAO;QACL,GAAG,MAAM;QACT,MAAM,EAAE;YACN,GAAG,MAAM,CAAC,MAAM;YAChB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK;gBACvB,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,CAAC;aAChD;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,MAAM,UAejB;AAEK,MAAM,IAAI,GAAG,KAAK,EAAE,MAAW,EAAE,OAAY,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO;QACL,GAAG,MAAM;QACT,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,8BAA8B,CAAC;YAC7C,OAAO,EACL,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;SACzE;QACD,gDAAgD;QAChD,QAAQ,EAAE,kBAAkB;KAC7B,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,IAAI,QAaf;AAEF,SAAS,OAAO,CAAC,GAAW;IAC1B,OAAO,cAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,cAAI,CAAC,IAAI,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AACvE,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,13 @@
+import type { StorybookConfig as StorybookConfigBase } from '@storybook/types';
+import { FrameworkOptions } from '.';
+export { defineConfig, type FrameworkOptions, } from '@modern-js/storybook-builder';
+export type FrameworkName = '@modern-js/storybook' | string;
+export interface StorybookConfig extends StorybookConfigBase {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    typescript?: {
+        reactDocgen?: 'react-docgen' | 'react-docgen-typescript' | false;
+    } & StorybookConfigBase['typescript'];
+}

package/dist/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineConfig = void 0;
+var storybook_builder_1 = require("@modern-js/storybook-builder");
+Object.defineProperty(exports, "defineConfig", { enumerable: true, get: function () { return storybook_builder_1.defineConfig; } });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;;AAGA,kEAGsC;AAFpC,iHAAA,YAAY,OAAA"}

package/dist/upgrade.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Old storybook:
+ * - `path/config/storybook` move to `path/.storybook/main.ts`
+ * - stories folder -> configure in `.storybook/main.ts`
+ */
+export declare function upgrade(cwd: string): void;

package/dist/upgrade.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.upgrade = void 0;
+/**
+ * Old storybook:
+ * - `path/config/storybook` move to `path/.storybook/main.ts`
+ * - stories folder -> configure in `.storybook/main.ts`
+ */
+function upgrade(cwd) {
+    console.log(cwd);
+}
+exports.upgrade = upgrade;
+//# sourceMappingURL=upgrade.js.map

package/dist/upgrade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upgrade.js","sourceRoot":"","sources":["../src/upgrade.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,SAAgB,OAAO,CAAC,GAAW;IACjC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACnB,CAAC;AAFD,0BAEC"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@modern-js/storybook",
+  "version": "0.0.0-next-20230913035856",
+  "description": "modern.js support for storybook",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/web-infra-dev/modern.js",
+    "directory": "packages/storybook/builder"
+  },
+  "jsnext:source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "bin": {
+    "storybook": "./bin.js",
+    "sb": "./bin.js"
+  },
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "jsnext:source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./preset": {
+      "jsnext:source": "./src/preset.ts",
+      "types": "./dist/preset.d.ts",
+      "default": "./dist/preset.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@storybook/react": "^7.4.0",
+    "storybook": "^7.4.0",
+    "@modern-js/storybook-builder": "0.0.0-next-20230913035856"
+  },
+  "devDependencies": {
+    "@storybook/types": "^7.4.0",
+    "@types/node": "^20.5.6"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch --incremental",
+    "test": "vitest run"
+  }
+}

package/preset.js

@@ -0,0 +1 @@
+module.exports = require('./dist/preset');

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './preset';
+export * from './types';

package/src/preset.ts

@@ -0,0 +1,63 @@
+import path from 'path';
+import type { Options } from '@storybook/types';
+import type { BuilderConfig } from '@modern-js/storybook-builder/types';
+
+export const frameworkOptions = async (_: never, options: Options) => {
+  const config = await options.presets.apply('framework');
+
+  if (typeof config === 'string') {
+    return {
+      name: config,
+      options: {},
+    };
+  }
+  if (typeof config === 'undefined') {
+    return {
+      name: '@modern-js/storybook',
+      options: {},
+    };
+  }
+
+  return {
+    name: config.name,
+    options: {
+      ...config.options,
+    },
+  };
+};
+
+export const modern = (
+  config: BuilderConfig,
+  _options: Options,
+): BuilderConfig => {
+  // @ts-expect-error
+  return {
+    ...config,
+    source: {
+      ...config.source,
+      alias: {
+        ...config.source?.alias,
+        '@storybook/react': absPath('@storybook/react'),
+      },
+    },
+  };
+};
+
+export const core = async (config: any, options: any) => {
+  const framework = await options.presets.apply('framework');
+
+  return {
+    ...config,
+    builder: {
+      name: absPath('@modern-js/storybook-builder'),
+      options:
+        typeof framework === 'string' ? {} : framework?.options?.builder || {},
+    },
+    // FIXME: renderer: absPath('@storybook/react'),
+    renderer: '@storybook/react',
+  };
+};
+
+function absPath(pkg: string) {
+  return path.dirname(require.resolve(path.join(pkg, 'package.json')));
+}

package/src/types.ts

@@ -0,0 +1,21 @@
+import type { StorybookConfig as StorybookConfigBase } from '@storybook/types';
+import { FrameworkOptions } from '.';
+
+export {
+  defineConfig,
+  type FrameworkOptions,
+} from '@modern-js/storybook-builder';
+
+export type FrameworkName = '@modern-js/storybook' | string;
+
+export interface StorybookConfig extends StorybookConfigBase {
+  framework:
+    | FrameworkName
+    | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+      };
+  typescript?: {
+    reactDocgen?: 'react-docgen' | 'react-docgen-typescript' | false;
+  } & StorybookConfigBase['typescript'];
+}

package/src/upgrade.ts

@@ -0,0 +1,8 @@
+/**
+ * Old storybook:
+ * - `path/config/storybook` move to `path/.storybook/main.ts`
+ * - stories folder -> configure in `.storybook/main.ts`
+ */
+export function upgrade(cwd: string) {
+  console.log(cwd);
+}

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@modern-js/tsconfig/base",
+  "compilerOptions": {
+    "target": "ES2020",
+    "declaration": true,
+    "outDir": "dist",
+    "isolatedModules": true,
+    "noImplicitAny": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "moduleResolution": "NodeNext",
+    "module": "NodeNext",
+    "esModuleInterop": true
+  },
+  "include": ["./src"]
+}