create-rslib 0.0.15 → 0.0.16

package/dist/index.js

@@ -1,6 +1,113 @@
 import * as __WEBPACK_EXTERNAL_MODULE_node_path__ from "node:path";
 import * as __WEBPACK_EXTERNAL_MODULE_node_url__ from "node:url";
 import * as __WEBPACK_EXTERNAL_MODULE_create_rstack__ from "create-rstack";
+import "node:fs";
+const helpers_filename = (0, __WEBPACK_EXTERNAL_MODULE_node_url__.fileURLToPath)(import.meta.url);
+const helpers_dirname = __WEBPACK_EXTERNAL_MODULE_node_path__["default"].dirname(helpers_filename);
+__WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(helpers_dirname, '../fragments');
+const composeTemplateName = ({ template, tools, lang })=>`[${template}]-[${(tools ? Object.keys(tools) : []).sort()}]-${lang}`;
+const TEMPLATES = [
+    // node-dual
+    {
+        template: 'node-dual',
+        lang: 'js'
+    },
+    {
+        template: 'node-dual',
+        lang: 'ts'
+    },
+    {
+        template: 'node-dual',
+        lang: 'js',
+        tools: {
+            vitest: 'vitest-node-js'
+        }
+    },
+    {
+        template: 'node-dual',
+        lang: 'ts',
+        tools: {
+            vitest: 'vitest-node-ts'
+        }
+    },
+    // node-esm
+    {
+        template: 'node-esm',
+        lang: 'js'
+    },
+    {
+        template: 'node-esm',
+        lang: 'ts'
+    },
+    {
+        template: 'node-esm',
+        lang: 'js',
+        tools: {
+            vitest: 'vitest-node-js'
+        }
+    },
+    {
+        template: 'node-esm',
+        lang: 'ts',
+        tools: {
+            vitest: 'vitest-node-ts'
+        }
+    },
+    // react-js
+    {
+        template: 'react',
+        lang: 'js'
+    },
+    {
+        template: 'react',
+        lang: 'js',
+        tools: {
+            storybook: 'storybook-react-js'
+        }
+    },
+    {
+        template: 'react',
+        lang: 'js',
+        tools: {
+            vitest: 'vitest-react-js'
+        }
+    },
+    {
+        template: 'react',
+        lang: 'js',
+        tools: {
+            storybook: 'storybook-react-js',
+            vitest: 'vitest-react-js'
+        }
+    },
+    // react-ts
+    {
+        template: 'react',
+        lang: 'ts'
+    },
+    {
+        template: 'react',
+        lang: 'ts',
+        tools: {
+            storybook: 'storybook-react-ts'
+        }
+    },
+    {
+        template: 'react',
+        lang: 'ts',
+        tools: {
+            vitest: 'vitest-react-ts'
+        }
+    },
+    {
+        template: 'react',
+        lang: 'ts',
+        tools: {
+            storybook: 'storybook-react-ts',
+            vitest: 'vitest-react-ts'
+        }
+    }
+];
 const src_dirname = __WEBPACK_EXTERNAL_MODULE_node_path__["default"].dirname((0, __WEBPACK_EXTERNAL_MODULE_node_url__.fileURLToPath)(import.meta.url));
 async function getTemplateName({ template }) {
     if ('string' == typeof template) {
@@ -13,8 +120,8 @@ async function getTemplateName({ template }) {
         // default to ts
         return `${template}-ts`;
     }
-    const type = (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.checkCancel)(await (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.select)({
-        message: 'Select template',
+    const templateName = (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.checkCancel)(await (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.select)({
+        message: 'Select templates',
         options: [
             {
                 value: 'node-dual',
@@ -23,9 +130,28 @@ async function getTemplateName({ template }) {
             {
                 value: 'node-esm',
                 label: 'Node.js pure ESM package'
+            },
+            {
+                value: 'react',
+                label: 'React'
             }
         ]
     }));
+    const supportStorybook = 'react' === templateName;
+    const tools = (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.checkCancel)(await (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.multiselect)({
+        message: 'Select development tools (Use <space> to select, <enter> to continue)',
+        required: false,
+        options: [
+            supportStorybook && {
+                value: 'storybook',
+                label: 'Storybook'
+            },
+            {
+                value: 'vitest',
+                label: 'Vitest'
+            }
+        ].filter(Boolean)
+    }));
     const language = (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.checkCancel)(await (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.select)({
         message: 'Select language',
         options: [
@@ -39,7 +165,14 @@ async function getTemplateName({ template }) {
             }
         ]
     }));
-    return `${type}-${language}`;
+    return composeTemplateName({
+        template: templateName,
+        lang: language,
+        tools: Object.fromEntries(tools.map((tool)=>[
+                tool,
+                `vitest-${tool}-${language}`
+            ]))
+    });
 }
 function mapESLintTemplate(templateName) {
     const language = templateName.split('-').pop();
@@ -48,12 +181,11 @@ function mapESLintTemplate(templateName) {
 (0, __WEBPACK_EXTERNAL_MODULE_create_rstack__.create)({
     root: __WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(src_dirname, '..'),
     name: 'rslib',
-    templates: [
-        'node-dual-js',
-        'node-dual-ts',
-        'node-esm-js',
-        'node-esm-ts'
-    ],
+    templates: TEMPLATES.map(({ template, tools, lang })=>composeTemplateName({
+            template,
+            lang,
+            tools
+        })),
     getTemplateName,
     mapESLintTemplate
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rslib",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Create a new Rslib project",
   "homepage": "https://lib.rsbuild.dev",
   "repository": {
@@ -23,15 +23,16 @@
     "bin.js"
   ],
   "dependencies": {
-    "create-rstack": "1.0.8"
+    "create-rstack": "1.0.9"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "~18.19.39",
+    "@types/node": "^22.8.1",
     "fs-extra": "^11.2.0",
-    "rslib": "npm:@rslib/core@0.0.14",
+    "rslib": "npm:@rslib/core@0.0.15",
+    "tsx": "^4.19.2",
     "typescript": "^5.6.3",
-    "@rslib/core": "0.0.15",
+    "@rslib/core": "0.0.16",
     "@rslib/tsconfig": "0.0.1"
   },
   "engines": {
@@ -43,8 +44,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "rslib build",
+    "build": "rslib build && pnpm generate-templates",
     "dev": "rslib build --watch",
-    "start": "node ./dist/index.js"
+    "generate-templates": "pnpm tsx ./src/genTemplates.ts",
+    "start": "node ./dist/index.js",
+    "test": "vitest run"
   }
 }

package/template-[node-dual]-[]-js/src/index.js

@@ -0,0 +1 @@
+export const squared = (n) => n * n;

package/{template-node-dual-ts → template-[node-dual]-[]-ts}/package.json

@@ -21,6 +21,7 @@
   },
   "devDependencies": {
     "@rslib/core": "workspace:*",
+    "@types/node": "^22.8.1",
     "typescript": "^5.6.3"
   }
 }

package/template-[node-dual]-[]-ts/src/index.ts

@@ -0,0 +1 @@
+export const squared = (n: number): number => n * n;

package/{template-node-dual-ts → template-[node-dual]-[]-ts}/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
-    "lib": ["DOM", "ES2020"],
+    "lib": ["ES2021"],
     "module": "ESNext",
     "noEmit": true,
     "strict": true,

package/template-[node-dual]-[vitest]-js/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "rslib-node-dual-js",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@rslib/core": "workspace:*",
+    "vitest": "^2.1.4"
+  }
+}

package/template-[node-dual]-[vitest]-js/rslib.config.mjs

@@ -0,0 +1,15 @@
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      format: 'esm',
+      syntax: 'es2021',
+    },
+    {
+      format: 'cjs',
+      syntax: 'es2021',
+    },
+  ],
+  output: { target: 'node' },
+});

package/template-[node-dual]-[vitest]-js/src/index.js

@@ -0,0 +1 @@
+export const squared = (n) => n * n;

package/template-[node-dual]-[vitest]-js/tests/index.test.js

@@ -0,0 +1,7 @@
+import { expect, test } from 'vitest';
+import { squared } from '../src/index';
+
+test('squared', () => {
+  expect(squared(2)).toBe(4);
+  expect(squared(12)).toBe(144);
+});

package/template-[node-dual]-[vitest]-js/vitest.config.js

@@ -0,0 +1,8 @@
+/// <reference types="vitest/config" />
+
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  // Configure Vitest (https://vitest.dev/config/)
+  test: {},
+});

package/template-[node-dual]-[vitest]-ts/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "rslib-node-dual-ts",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@rslib/core": "workspace:*",
+    "@types/node": "^22.8.1",
+    "typescript": "^5.6.3",
+    "vitest": "^2.1.4"
+  }
+}

package/template-[node-dual]-[vitest]-ts/rslib.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      format: 'esm',
+      syntax: 'es2021',
+      dts: true,
+    },
+    {
+      format: 'cjs',
+      syntax: 'es2021',
+    },
+  ],
+  output: { target: 'node' },
+});

package/template-[node-dual]-[vitest]-ts/src/index.ts

@@ -0,0 +1 @@
+export const squared = (n: number): number => n * n;

package/template-[node-dual]-[vitest]-ts/tests/index.test.ts

@@ -0,0 +1,7 @@
+import { expect, test } from 'vitest';
+import { squared } from '../src/index';
+
+test('squared', () => {
+  expect(squared(2)).toBe(4);
+  expect(squared(12)).toBe(144);
+});

package/{template-node-esm-ts → template-[node-dual]-[vitest]-ts}/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES2021",
-    "lib": ["DOM", "ES2021"],
+    "lib": ["ES2021"],
     "module": "ESNext",
     "noEmit": true,
     "strict": true,

package/template-[node-dual]-[vitest]-ts/vitest.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  // Configure Vitest (https://vitest.dev/config/)
+  test: {},
+});

package/template-[node-esm]-[]-js/src/index.js

@@ -0,0 +1 @@
+export const squared = (n) => n * n;

package/{template-node-esm-ts → template-[node-esm]-[]-ts}/package.json

@@ -19,6 +19,7 @@
   },
   "devDependencies": {
     "@rslib/core": "workspace:*",
+    "@types/node": "^22.8.1",
     "typescript": "^5.6.3"
   }
 }

package/template-[node-esm]-[]-ts/src/index.ts

@@ -0,0 +1 @@
+export const squared = (n: number): number => n * n;

package/template-[node-esm]-[]-ts/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "lib": ["ES2021"],
+    "module": "ESNext",
+    "noEmit": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "bundler",
+    "useDefineForClassFields": true,
+    "allowImportingTsExtensions": true
+  },
+  "include": ["src"]
+}

package/template-[node-esm]-[vitest]-js/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "rslib-node-esm-js",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "module": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@rslib/core": "workspace:*",
+    "vitest": "^2.1.4"
+  }
+}

package/template-[node-esm]-[vitest]-js/rslib.config.mjs

@@ -0,0 +1,11 @@
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      format: 'esm',
+      syntax: 'es2021',
+    },
+  ],
+  output: { target: 'node' },
+});

package/template-[node-esm]-[vitest]-js/src/index.js

@@ -0,0 +1 @@
+export const squared = (n) => n * n;

package/template-[node-esm]-[vitest]-js/tests/index.test.js

@@ -0,0 +1,7 @@
+import { expect, test } from 'vitest';
+import { squared } from '../src/index';
+
+test('squared', () => {
+  expect(squared(2)).toBe(4);
+  expect(squared(12)).toBe(144);
+});

package/template-[node-esm]-[vitest]-js/vitest.config.js

@@ -0,0 +1,8 @@
+/// <reference types="vitest/config" />
+
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  // Configure Vitest (https://vitest.dev/config/)
+  test: {},
+});

package/template-[node-esm]-[vitest]-ts/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "rslib-node-esm-ts",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@rslib/core": "workspace:*",
+    "@types/node": "^22.8.1",
+    "typescript": "^5.6.3",
+    "vitest": "^2.1.4"
+  }
+}

package/template-[node-esm]-[vitest]-ts/rslib.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      format: 'esm',
+      syntax: 'es2021',
+      dts: true,
+    },
+  ],
+  output: { target: 'node' },
+});

package/template-[node-esm]-[vitest]-ts/src/index.ts

@@ -0,0 +1 @@
+export const squared = (n: number): number => n * n;

package/template-[node-esm]-[vitest]-ts/tests/index.test.ts

@@ -0,0 +1,7 @@
+import { expect, test } from 'vitest';
+import { squared } from '../src/index';
+
+test('squared', () => {
+  expect(squared(2)).toBe(4);
+  expect(squared(12)).toBe(144);
+});

package/template-[node-esm]-[vitest]-ts/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "lib": ["ES2021"],
+    "module": "ESNext",
+    "noEmit": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "bundler",
+    "useDefineForClassFields": true,
+    "allowImportingTsExtensions": true
+  },
+  "include": ["src"]
+}

package/template-[node-esm]-[vitest]-ts/vitest.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  // Configure Vitest (https://vitest.dev/config/)
+  test: {},
+});

package/template-[react]-[]-js/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "rslib-react-js",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "module": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-react": "^1.0.6",
+    "@rslib/core": "workspace:*",
+    "react": "^18.3.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  }
+}

package/template-[react]-[]-js/rslib.config.mjs

@@ -0,0 +1,23 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  source: {
+    entry: {
+      index: ['./src/**'],
+    },
+  },
+  lib: [
+    {
+      bundle: false,
+      format: 'esm',
+    },
+  ],
+  plugins: [
+    pluginReact({
+      swcReactOptions: {
+        runtime: 'classic',
+      },
+    }),
+  ],
+});

package/template-[react]-[]-js/src/Button.jsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import './button.css';
+
+export const Button = ({
+  primary = false,
+  size = 'medium',
+  backgroundColor,
+  label,
+  ...props
+}) => {
+  const mode = primary ? 'demo-button--primary' : 'demo-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['demo-button', `demo-button--${size}`, mode].join(' ')}
+      style={{ backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};