create-soybean 1.2.0 → 1.3.0-beta.1

package/template-vue-tsdown/playground/src/style.css

@@ -0,0 +1,53 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+}

package/template-vue-tsdown/src/demo-pkg.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+interface Props {
+  count?: number;
+}
+
+const props = defineProps<Props>();
+
+interface Emits {
+  (e: 'update:count', value: number): void;
+}
+
+const emit = defineEmits<Emits>();
+
+type Slots = {
+  header?: () => any;
+  default?: () => any;
+  footer?: (props: { count: number }) => any;
+};
+
+defineSlots<Slots>();
+
+const currentCount = ref(props.count || 0);
+
+const handleClick = () => {
+  currentCount.value += 1;
+
+  emit('update:count', currentCount.value);
+};
+</script>
+
+<template>
+  <div>
+    <slot name="header"></slot>
+    <div>
+      <div>{{ currentCount }}</div>
+      <button @click="handleClick">Click me</button>
+    </div>
+    <slot></slot>
+    <slot name="footer" :count="10"></slot>
+  </div>
+</template>
+
+<style scoped></style>

package/template-vue-tsdown/src/index.ts

@@ -0,0 +1,3 @@
+import DemoPkg from './demo-pkg.vue';
+
+export { DemoPkg };

package/{template-ts-lib-tsup → template-vue-tsdown}/tsconfig.json

@@ -2,10 +2,11 @@
   "compilerOptions": {
     "target": "ESNext",
     "jsx": "preserve",
+    "jsxImportSource": "vue",
     "lib": ["DOM", "ESNext"],
     "baseUrl": ".",
     "module": "ESNext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "paths": {
       "@/*": ["./src/*"]
     },
@@ -14,10 +15,15 @@
     "strict": true,
     "strictNullChecks": true,
     "noUnusedLocals": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
     "outDir": "./dist",
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]

package/template-vue-tsdown/tsdown.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'tsdown';
+import unpluginVue from 'unplugin-vue/rolldown';
+import unpluginVueJsx from 'unplugin-vue-jsx/rolldown';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  plugins: [unpluginVue({ isProduction: true }), unpluginVueJsx()],
+  clean: true,
+  dts: {
+    vue: true
+  },
+  platform: 'neutral',
+  shims: true,
+  sourcemap: false,
+  minify: false
+});

package/template-vue-tsdown/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+import vue from 'unplugin-vue/vite';
+
+export default defineConfig({
+  root: './playground',
+  plugins: [vue()]
+});

package/template-vue-tsdown/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config';
+import vue from 'unplugin-vue/vite';
+
+export default defineConfig({
+  plugins: [vue()],
+  test: {
+    environment: 'happy-dom'
+  }
+});

package/template-react/_eslintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "soybeanjs/react"
-}

package/template-react/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "template-react",
-  "type": "module",
-  "version": "0.0.0",
-  "scripts": {}
-}

package/template-react-native/_eslintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "soybeanjs/react-native"
-}

package/template-react-native/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "template-react-native",
-  "type": "module",
-  "version": "0.0.0",
-  "scripts": {}
-}

package/template-solid/_eslintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "soybeanjs/solid"
-}

package/template-solid/_gitignore

@@ -1,34 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-.DS_Store
-dist
-dist-ssr
-coverage
-*.local
-
-/cypress/videos/
-/cypress/screenshots/
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-!.vscode/settings.json
-!.vscode/launch.json
-.idea
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-package-lock.json
-yarn.lock
-pnpm-lock.yaml

package/template-solid/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "template-solid",
-  "type": "module",
-  "version": "0.0.0",
-  "scripts": {}
-}

package/template-ts-lib-unbuild/_npmrc

@@ -1,2 +0,0 @@
-registry=https://registry.npmmirror.com/
-shamefully-hoist=true

package/template-ts-lib-unbuild/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "preserve",
-    "lib": ["DOM", "ESNext"],
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    "resolveJsonModule": true,
-    "types": ["node"],
-    "strict": true,
-    "strictNullChecks": true,
-    "noUnusedLocals": true,
-    "outDir": "./dist",
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-}