create-rslib 0.8.0 → 0.9.0

package/dist/index.js

@@ -103,6 +103,58 @@ const TEMPLATES = [
             storybook: 'storybook-react-ts',
             vitest: 'vitest-react-ts'
         }
+    },
+    {
+        template: 'vue',
+        lang: 'js'
+    },
+    {
+        template: 'vue',
+        lang: 'js',
+        tools: {
+            storybook: 'storybook-vue-js'
+        }
+    },
+    {
+        template: 'vue',
+        lang: 'js',
+        tools: {
+            vitest: 'vitest-vue-js'
+        }
+    },
+    {
+        template: 'vue',
+        lang: 'js',
+        tools: {
+            storybook: 'storybook-vue-js',
+            vitest: 'vitest-vue-js'
+        }
+    },
+    {
+        template: 'vue',
+        lang: 'ts'
+    },
+    {
+        template: 'vue',
+        lang: 'ts',
+        tools: {
+            storybook: 'storybook-vue-ts'
+        }
+    },
+    {
+        template: 'vue',
+        lang: 'ts',
+        tools: {
+            vitest: 'vitest-vue-ts'
+        }
+    },
+    {
+        template: 'vue',
+        lang: 'ts',
+        tools: {
+            storybook: 'storybook-vue-ts',
+            vitest: 'vitest-vue-ts'
+        }
     }
 ];
 const src_dirname = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname((0, __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__.fileURLToPath)(import.meta.url));
@@ -119,17 +171,21 @@ async function getTemplateName({ template }) {
     const templateName = (0, __WEBPACK_EXTERNAL_MODULE_create_rstack_aeeb76b8__.checkCancel)(await (0, __WEBPACK_EXTERNAL_MODULE_create_rstack_aeeb76b8__.select)({
         message: 'Select template',
         options: [
-            {
-                value: 'node-dual',
-                label: 'Node.js dual ESM/CJS package'
-            },
             {
                 value: 'node-esm',
                 label: 'Node.js pure ESM package'
             },
+            {
+                value: 'node-dual',
+                label: 'Node.js dual ESM/CJS package'
+            },
             {
                 value: 'react',
                 label: 'React'
+            },
+            {
+                value: 'vue',
+                label: 'Vue'
             }
         ]
     }));
@@ -146,7 +202,10 @@ async function getTemplateName({ template }) {
             }
         ]
     }));
-    const supportStorybook = 'react' === templateName;
+    const supportStorybook = [
+        'react',
+        'vue'
+    ].includes(templateName);
     const tools = (0, __WEBPACK_EXTERNAL_MODULE_create_rstack_aeeb76b8__.checkCancel)(await (0, __WEBPACK_EXTERNAL_MODULE_create_rstack_aeeb76b8__.multiselect)({
         message: 'Select development tools (Use <space> to select, <enter> to continue)',
         required: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rslib",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Create a new Rslib project",
   "homepage": "https://lib.rsbuild.dev",
   "repository": {
@@ -26,10 +26,10 @@
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.15.21",
     "fs-extra": "^11.3.0",
     "rsbuild-plugin-publint": "^0.3.2",
-    "rslib": "npm:@rslib/core@0.7.1",
+    "rslib": "npm:@rslib/core@0.8.0",
     "tsx": "^4.19.4",
     "typescript": "^5.8.3",
     "@rslib/tsconfig": "0.0.1"
@@ -43,7 +43,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "rslib build && pnpm generate-templates",
+    "build": "rslib build",
     "dev": "rslib build --watch",
     "generate-templates": "pnpm tsx ./src/genTemplates.ts",
     "start": "node ./dist/index.js",

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

@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@rslib/core": "workspace:*",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.15.21",
     "typescript": "^5.8.3"
   }
 }

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

@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@rslib/core": "workspace:*",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.15.21",
     "typescript": "^5.8.3",
     "vitest": "^3.1.4"
   }

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

@@ -18,7 +18,7 @@
   },
   "devDependencies": {
     "@rslib/core": "workspace:*",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.15.21",
     "typescript": "^5.8.3"
   }
 }

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

@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "@rslib/core": "workspace:*",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.15.21",
     "typescript": "^5.8.3",
     "vitest": "^3.1.4"
   }

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

@@ -19,7 +19,7 @@
   "devDependencies": {
     "@rsbuild/plugin-react": "^1.3.1",
     "@rslib/core": "workspace:*",
-    "@types/react": "^19.1.4",
+    "@types/react": "^19.1.5",
     "react": "^19.1.0",
     "typescript": "^5.8.3"
   },

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

@@ -18,7 +18,7 @@
     "test": "vitest run"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.3.20",
+    "@rsbuild/core": "^1.3.21",
     "@rsbuild/plugin-react": "^1.3.1",
     "@rslib/core": "workspace:*",
     "@storybook/addon-essentials": "^8.6.14",

package/template-[react]-[storybook,vitest]-ts/package.json

@@ -20,7 +20,7 @@
     "test": "vitest run"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.3.20",
+    "@rsbuild/core": "^1.3.21",
     "@rsbuild/plugin-react": "^1.3.1",
     "@rslib/core": "workspace:*",
     "@storybook/addon-essentials": "^8.6.14",
@@ -32,7 +32,7 @@
     "@storybook/test": "^8.6.14",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
-    "@types/react": "^19.1.4",
+    "@types/react": "^19.1.5",
     "jsdom": "^26.1.0",
     "react": "^19.1.0",
     "storybook": "^8.6.14",

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

@@ -17,7 +17,7 @@
     "storybook": "storybook dev"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.3.20",
+    "@rsbuild/core": "^1.3.21",
     "@rsbuild/plugin-react": "^1.3.1",
     "@rslib/core": "workspace:*",
     "@storybook/addon-essentials": "^8.6.14",

package/template-[react]-[storybook]-ts/package.json

@@ -19,7 +19,7 @@
     "storybook": "storybook dev"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.3.20",
+    "@rsbuild/core": "^1.3.21",
     "@rsbuild/plugin-react": "^1.3.1",
     "@rslib/core": "workspace:*",
     "@storybook/addon-essentials": "^8.6.14",
@@ -29,7 +29,7 @@
     "@storybook/blocks": "^8.6.14",
     "@storybook/react": "^8.6.14",
     "@storybook/test": "^8.6.14",
-    "@types/react": "^19.1.4",
+    "@types/react": "^19.1.5",
     "react": "^19.1.0",
     "storybook": "^8.6.14",
     "storybook-addon-rslib": "^1.0.1",

package/template-[react]-[vitest]-ts/package.json

@@ -22,7 +22,7 @@
     "@rslib/core": "workspace:*",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
-    "@types/react": "^19.1.4",
+    "@types/react": "^19.1.5",
     "jsdom": "^26.1.0",
     "react": "^19.1.0",
     "typescript": "^5.8.3",

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

@@ -0,0 +1,27 @@
+{
+  "name": "rslib-vue-js",
+  "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"
+  },
+  "devDependencies": {
+    "@rslib/core": "workspace:*",
+    "rsbuild-plugin-unplugin-vue": "^0.1.0",
+    "vue": "^3.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/template-[vue]-[]-js/rslib.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from '@rslib/core';
+import { pluginUnpluginVue } from 'rsbuild-plugin-unplugin-vue';
+
+export default defineConfig({
+  lib: [
+    {
+      bundle: false,
+      format: 'esm',
+    },
+  ],
+  output: {
+    target: 'web',
+  },
+  plugins: [pluginUnpluginVue()],
+});

package/template-[vue]-[]-js/src/Button.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { computed } from 'vue';
+import './style.css';
+
+const {
+  primary = false,
+  backgroundColor,
+  size = 'medium',
+  label,
+  onClick,
+} = defineProps({
+  primary: {
+    type: Boolean,
+  },
+  backgroundColor: {
+    type: String,
+  },
+  size: {
+    type: String,
+  },
+  label: {
+    type: String,
+  },
+  onClick: {
+    type: Function,
+  },
+});
+
+const mode = computed(() =>
+  primary ? 'demo-button--primary' : 'demo-button--secondary',
+);
+</script>
+
+<template>
+  <button
+    type="button"
+    :class="['demo-button', `demo-button--${size}`, mode]"
+    :style="{ backgroundColor }"
+    @click="onClick"
+  >
+    {{ label }}
+  </button>
+</template>

package/template-[vue]-[]-js/src/index.js

@@ -0,0 +1 @@
+export { default as Button } from './Button.vue';

package/template-[vue]-[]-js/src/style.css

@@ -0,0 +1,34 @@
+.demo-button {
+  font-weight: 700;
+  border: 0;
+  border-radius: 3em;
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+}
+
+.demo-button--primary {
+  color: white;
+  background-color: #1ea7fd;
+}
+
+.demo-button--secondary {
+  color: #333;
+  background-color: transparent;
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+
+.demo-button--small {
+  font-size: 12px;
+  padding: 10px 16px;
+}
+
+.demo-button--medium {
+  font-size: 14px;
+  padding: 11px 20px;
+}
+
+.demo-button--large {
+  font-size: 16px;
+  padding: 12px 24px;
+}

package/template-[vue]-[]-ts/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "rslib-vue-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 && vue-tsc",
+    "dev": "rslib build --watch"
+  },
+  "devDependencies": {
+    "@rslib/core": "workspace:*",
+    "rsbuild-plugin-unplugin-vue": "^0.1.0",
+    "typescript": "^5.8.3",
+    "vue": "^3.2.0",
+    "vue-tsc": "^2.2.10"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/template-[vue]-[]-ts/rslib.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from '@rslib/core';
+import { pluginUnpluginVue } from 'rsbuild-plugin-unplugin-vue';
+
+export default defineConfig({
+  lib: [
+    {
+      bundle: false,
+      format: 'esm',
+    },
+  ],
+  output: {
+    target: 'web',
+  },
+  plugins: [pluginUnpluginVue()],
+});

package/template-[vue]-[]-ts/src/Button.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import './style.css';
+
+interface Props {
+  primary?: boolean;
+  backgroundColor?: string;
+  size?: 'small' | 'medium' | 'large';
+  label: string;
+  onClick?: () => void;
+}
+
+const {
+  primary = false,
+  backgroundColor = undefined,
+  size = 'medium',
+  label,
+  onClick = undefined,
+} = defineProps<Props>();
+
+const mode = computed(() =>
+  primary ? 'demo-button--primary' : 'demo-button--secondary',
+);
+</script>
+
+<template>
+  <button
+    type="button"
+    :class="['demo-button', `demo-button--${size}`, mode]"
+    :style="{ backgroundColor }"
+    @click="onClick"
+  >
+    {{ label }}
+  </button>
+</template>

package/template-[vue]-[]-ts/src/index.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button.vue';

package/template-[vue]-[]-ts/src/style.css

@@ -0,0 +1,34 @@
+.demo-button {
+  font-weight: 700;
+  border: 0;
+  border-radius: 3em;
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+}
+
+.demo-button--primary {
+  color: white;
+  background-color: #1ea7fd;
+}
+
+.demo-button--secondary {
+  color: #333;
+  background-color: transparent;
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+
+.demo-button--small {
+  font-size: 12px;
+  padding: 10px 16px;
+}
+
+.demo-button--medium {
+  font-size: 14px;
+  padding: 11px 20px;
+}
+
+.demo-button--large {
+  font-size: 16px;
+  padding: 12px 24px;
+}

package/template-[vue]-[]-ts/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "lib": ["DOM", "ES2020"],
+    "jsx": "preserve",
+    "target": "ES2020",
+    "skipLibCheck": true,
+    "jsxImportSource": "vue",
+    "useDefineForClassFields": true,
+    "declaration": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true,
+
+    /* modules */
+    "module": "ESNext",
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "bundler",
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
+  },
+  "include": ["src"]
+}

package/template-[vue]-[storybook,vitest]-js/.storybook/main.js

@@ -0,0 +1,37 @@
+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-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    {
+      name: getAbsolutePath('storybook-addon-rslib'),
+    },
+  ],
+  framework: {
+    name: getAbsolutePath('storybook-vue3-rsbuild'),
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+  typescript: {
+    check: true,
+  },
+};
+
+export default config;

package/template-[vue]-[storybook,vitest]-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-[vue]-[storybook,vitest]-js/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "rslib-vue-js",
+  "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",
+    "build:storybook": "storybook build",
+    "dev": "rslib build --watch",
+    "storybook": "storybook dev",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "1.3.14",
+    "@rslib/core": "workspace:*",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/vue3": "^8.6.12",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/vue": "^8.1.0",
+    "@vitejs/plugin-vue": "^5.2.3",
+    "jsdom": "^26.1.0",
+    "rsbuild-plugin-unplugin-vue": "^0.1.0",
+    "storybook": "^8.6.12",
+    "storybook-addon-rslib": "^1.0.1",
+    "storybook-vue3-rsbuild": "^1.0.1",
+    "vitest": "^3.1.2",
+    "vue": "^3.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/template-[vue]-[storybook,vitest]-js/rslib.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from '@rslib/core';
+import { pluginUnpluginVue } from 'rsbuild-plugin-unplugin-vue';
+
+export default defineConfig({
+  lib: [
+    {
+      bundle: false,
+      format: 'esm',
+    },
+  ],
+  output: {
+    target: 'web',
+  },
+  plugins: [pluginUnpluginVue()],
+});

package/template-[vue]-[storybook,vitest]-js/src/Button.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { computed } from 'vue';
+import './style.css';
+
+const {
+  primary = false,
+  backgroundColor,
+  size = 'medium',
+  label,
+  onClick,
+} = defineProps({
+  primary: {
+    type: Boolean,
+  },
+  backgroundColor: {
+    type: String,
+  },
+  size: {
+    type: String,
+  },
+  label: {
+    type: String,
+  },
+  onClick: {
+    type: Function,
+  },
+});
+
+const mode = computed(() =>
+  primary ? 'demo-button--primary' : 'demo-button--secondary',
+);
+</script>
+
+<template>
+  <button
+    type="button"
+    :class="['demo-button', `demo-button--${size}`, mode]"
+    :style="{ backgroundColor }"
+    @click="onClick"
+  >
+    {{ label }}
+  </button>
+</template>

package/template-[vue]-[storybook,vitest]-js/src/index.js

@@ -0,0 +1 @@
+export { default as Button } from './Button.vue';