create-rslib 0.12.0 → 0.12.1

package/dist/index.js

@@ -6,7 +6,7 @@ import "node:fs";
 const helpers_filename = fileURLToPath(import.meta.url);
 const helpers_dirname = node_path.dirname(helpers_filename);
 node_path.resolve(helpers_dirname, '../fragments');
-const composeTemplateName = ({ template, tools, lang })=>`[${template}]-[${(tools ? Object.keys(tools) : []).sort()}]-${lang}`;
+const composeTemplateName = ({ template, tools, lang })=>`[${template}]-[${(tools ? tools.sort() : []).join(',')}]-${lang}`;
 const TEMPLATES = [
     {
         template: 'node-dual',
@@ -30,6 +30,20 @@ const TEMPLATES = [
             vitest: 'vitest-node-ts'
         }
     },
+    {
+        template: 'node-dual',
+        lang: 'js',
+        tools: {
+            rstest: 'rstest-node-js'
+        }
+    },
+    {
+        template: 'node-dual',
+        lang: 'ts',
+        tools: {
+            rstest: 'rstest-node-ts'
+        }
+    },
     {
         template: 'node-esm',
         lang: 'js'
@@ -52,6 +66,20 @@ const TEMPLATES = [
             vitest: 'vitest-node-ts'
         }
     },
+    {
+        template: 'node-esm',
+        lang: 'js',
+        tools: {
+            rstest: 'rstest-node-js'
+        }
+    },
+    {
+        template: 'node-esm',
+        lang: 'ts',
+        tools: {
+            rstest: 'rstest-node-ts'
+        }
+    },
     {
         template: 'react',
         lang: 'js'
@@ -70,6 +98,13 @@ const TEMPLATES = [
             vitest: 'vitest-react-js'
         }
     },
+    {
+        template: 'react',
+        lang: 'js',
+        tools: {
+            rstest: 'rstest-react-js'
+        }
+    },
     {
         template: 'react',
         lang: 'js',
@@ -78,6 +113,14 @@ const TEMPLATES = [
             vitest: 'vitest-react-js'
         }
     },
+    {
+        template: 'react',
+        lang: 'js',
+        tools: {
+            storybook: 'storybook-react-js',
+            rstest: 'rstest-react-js'
+        }
+    },
     {
         template: 'react',
         lang: 'ts'
@@ -96,6 +139,13 @@ const TEMPLATES = [
             vitest: 'vitest-react-ts'
         }
     },
+    {
+        template: 'react',
+        lang: 'ts',
+        tools: {
+            rstest: 'rstest-react-ts'
+        }
+    },
     {
         template: 'react',
         lang: 'ts',
@@ -104,6 +154,14 @@ const TEMPLATES = [
             vitest: 'vitest-react-ts'
         }
     },
+    {
+        template: 'react',
+        lang: 'ts',
+        tools: {
+            storybook: 'storybook-react-ts',
+            rstest: 'rstest-react-ts'
+        }
+    },
     {
         template: 'vue',
         lang: 'js'
@@ -122,6 +180,13 @@ const TEMPLATES = [
             vitest: 'vitest-vue-js'
         }
     },
+    {
+        template: 'vue',
+        lang: 'js',
+        tools: {
+            rstest: 'rstest-vue-js'
+        }
+    },
     {
         template: 'vue',
         lang: 'js',
@@ -130,6 +195,14 @@ const TEMPLATES = [
             vitest: 'vitest-vue-js'
         }
     },
+    {
+        template: 'vue',
+        lang: 'js',
+        tools: {
+            storybook: 'storybook-vue-js',
+            rstest: 'rstest-vue-js'
+        }
+    },
     {
         template: 'vue',
         lang: 'ts'
@@ -148,6 +221,13 @@ const TEMPLATES = [
             vitest: 'vitest-vue-ts'
         }
     },
+    {
+        template: 'vue',
+        lang: 'ts',
+        tools: {
+            rstest: 'rstest-vue-ts'
+        }
+    },
     {
         template: 'vue',
         lang: 'ts',
@@ -155,6 +235,14 @@ const TEMPLATES = [
             storybook: 'storybook-vue-ts',
             vitest: 'vitest-vue-ts'
         }
+    },
+    {
+        template: 'vue',
+        lang: 'ts',
+        tools: {
+            storybook: 'storybook-vue-ts',
+            rstest: 'rstest-vue-ts'
+        }
     }
 ];
 const src_dirname = node_path.dirname(fileURLToPath(import.meta.url));
@@ -206,27 +294,36 @@ async function getTemplateName({ template }) {
         'react',
         'vue'
     ].includes(templateName);
-    const tools = checkCancel(await 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)
-    }));
+    async function selectTools() {
+        const tools = checkCancel(await multiselect({
+            message: 'Select development tools (Use <space> to select, <enter> to continue)',
+            required: false,
+            options: [
+                supportStorybook && {
+                    value: 'storybook',
+                    label: 'Storybook'
+                },
+                {
+                    value: 'rstest',
+                    label: 'Rstest'
+                },
+                {
+                    value: 'vitest',
+                    label: 'Vitest'
+                }
+            ].filter(Boolean)
+        }));
+        if (tools.includes('rstest') && tools.includes('vitest')) {
+            console.error('You selected both Rstest and Vitest for testing, you should only select one of them.');
+            return selectTools();
+        }
+        return tools;
+    }
+    const tools = await selectTools();
     return composeTemplateName({
         template: templateName,
         lang: language,
-        tools: Object.fromEntries(tools.map((tool)=>[
-                tool,
-                `vitest-${tool}-${language}`
-            ]))
+        tools
     });
 }
 function mapESLintTemplate(templateName) {
@@ -239,7 +336,7 @@ create({
     templates: TEMPLATES.map(({ template, tools, lang })=>composeTemplateName({
             template,
             lang,
-            tools
+            tools: Object.keys(tools || {})
         })),
     getTemplateName,
     mapESLintTemplate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rslib",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "Create a new Rslib project",
   "homepage": "https://rslib.rs",
   "repository": {
@@ -29,7 +29,7 @@
     "@types/node": "^22.17.1",
     "fs-extra": "^11.3.1",
     "rsbuild-plugin-publint": "^0.3.3",
-    "rslib": "npm:@rslib/core@0.11.2",
+    "rslib": "npm:@rslib/core@0.12.0",
     "tsx": "^4.20.3",
     "typescript": "^5.9.2",
     "@rslib/tsconfig": "0.0.1"

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { defineConfig } from '@rstest/core';
+
+export default defineConfig({});

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

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

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

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

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

@@ -0,0 +1,28 @@
+{
+  "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",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "rstest"
+  },
+  "devDependencies": {
+    "@rslib/core": "workspace:*",
+    "@rstest/core": "^0.1.3",
+    "@types/node": "^22.17.1",
+    "typescript": "^5.9.2"
+  }
+}

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

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

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

@@ -0,0 +1,3 @@
+import { defineConfig } from '@rstest/core';
+
+export default defineConfig({});

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

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

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

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

package/template-[node-dual]-[rstest]-ts/tsconfig.json

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { defineConfig } from '@rstest/core';
+
+export default defineConfig({});

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

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

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

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

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

@@ -0,0 +1,26 @@
+{
+  "name": "rslib-node-esm-ts",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "rstest"
+  },
+  "devDependencies": {
+    "@rslib/core": "workspace:*",
+    "@rstest/core": "^0.1.3",
+    "@types/node": "^22.17.1",
+    "typescript": "^5.9.2"
+  }
+}

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

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

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

@@ -0,0 +1,3 @@
+import { defineConfig } from '@rstest/core';
+
+export default defineConfig({});

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

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

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

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

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

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

package/template-[react]-[rstest,storybook]-js/.storybook/main.js

@@ -0,0 +1,36 @@
+import { dirname, join } from 'node:path';
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value) {
+  return dirname(require.resolve(join(value, 'package.json')));
+}
+
+const config = {
+  stories: [
+    '../stories/**/*.mdx',
+    '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+  ],
+  addons: [
+    '@storybook/addon-docs',
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    {
+      name: getAbsolutePath('storybook-addon-rslib'),
+    },
+  ],
+  framework: {
+    name: getAbsolutePath('storybook-react-rsbuild'),
+    options: {},
+  },
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+    check: true,
+  },
+};
+
+export default config;

package/template-[react]-[rstest,storybook]-js/.storybook/preview.js

@@ -0,0 +1,12 @@
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/template-[react]-[rstest,storybook]-js/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "rslib-react-js",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "build:storybook": "storybook build",
+    "dev": "rslib build --watch",
+    "storybook": "storybook dev",
+    "test": "rstest"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "1.5.0-beta.3",
+    "@rsbuild/plugin-react": "^1.3.5",
+    "@rslib/core": "workspace:*",
+    "@rstest/core": "^0.1.3",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/addon-essentials": "^9.0.0-alpha.12",
+    "@storybook/addon-interactions": "^9.0.0-alpha.10",
+    "@storybook/addon-links": "^9.1.1",
+    "@storybook/addon-onboarding": "^9.1.1",
+    "@storybook/blocks": "^9.0.0-alpha.17",
+    "@storybook/react": "^9.1.1",
+    "@storybook/test": "^9.0.0-alpha.2",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.0",
+    "jsdom": "^26.1.0",
+    "react": "^19.1.1",
+    "storybook": "^9.1.1",
+    "storybook-addon-rslib": "^2.0.3",
+    "storybook-react-rsbuild": "^2.0.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  }
+}

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

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

package/template-[react]-[rstest,storybook]-js/rstest.config.js

@@ -0,0 +1,8 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { defineConfig } from '@rstest/core';
+
+export default defineConfig({
+  testEnvironment: 'jsdom',
+  setupFiles: ['./rstest.setup.js'],
+  plugins: [pluginReact()],
+});

package/template-[react]-[rstest,storybook]-js/rstest.setup.js

@@ -0,0 +1,4 @@
+import { expect } from '@rstest/core';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);

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

@@ -0,0 +1,21 @@
+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>
+  );
+};