create-weapp-vite 1.2.1 → 1.3.1

package/templates/default/src/components/HelloWorld/HelloWorld.ts

@@ -0,0 +1,61 @@
+interface HelloWorldLink {
+  text: string
+  url: string
+  variant?: 'ghost'
+}
+
+Component({
+  properties: {
+    title: {
+      type: String,
+      value: 'Hello weapp-vite',
+    },
+    description: {
+      type: String,
+      value: '欢迎使用 weapp-vite 模板。',
+    },
+    docs: {
+      type: String,
+      value: '',
+    },
+    links: {
+      type: Array,
+      value: [] as HelloWorldLink[],
+    },
+  },
+  lifetimes: {
+    attached() {
+      if (!this.data.links?.length && this.data.docs) {
+        this.setData({
+          links: [
+            {
+              text: '复制文档链接',
+              url: this.data.docs,
+            },
+          ],
+        })
+      }
+    },
+  },
+  methods: {
+    async copyLink(event: WechatMiniprogram.TouchEvent) {
+      const url = event.currentTarget.dataset?.url as string | undefined
+      if (!url) {
+        return
+      }
+
+      try {
+        await wx.setClipboardData({ data: url })
+        wx.showToast({
+          title: '链接已复制',
+          icon: 'success',
+          duration: 1500,
+        })
+      }
+      catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('复制链接失败', error)
+      }
+    },
+  },
+})

package/templates/default/src/components/HelloWorld/HelloWorld.wxml

@@ -0,0 +1,16 @@
+<view class="hello-card">
+  <view class="hello-title">{{title}}</view>
+  <view class="hello-body">{{description}}</view>
+  <view wx:if="{{links.length}}" class="hello-actions">
+    <view
+      wx:for="{{links}}"
+      wx:key="url"
+      class="hello-button {{item.variant === 'ghost' ? 'hello-button--ghost' : ''}}"
+      data-url="{{item.url}}"
+      bindtap="copyLink"
+    >
+      {{item.text}}
+    </view>
+  </view>
+  <view wx:if="{{links.length}}" class="hello-tip">复制后即可在浏览器中打开对应链接</view>
+</view>

package/templates/default/src/pages/index/index.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://vite.icebreaker.top/page.json",
+  "usingComponents": {
+    "HelloWorld": "/components/HelloWorld/HelloWorld"
+  },
+  "navigationBarTitleText": "初始模板"
+}

package/templates/default/src/pages/index/index.ts

@@ -0,0 +1,24 @@
+Page({
+  data: {
+    hello: {
+      title: 'Hello weapp-vite',
+      description: '这是最基础的 weapp-vite 模板，包含快速开发所需的构建与热更新能力。',
+      docs: 'https://vite.icebreaker.top',
+      links: [
+        {
+          text: '复制文档链接',
+          url: 'https://vite.icebreaker.top',
+        },
+        {
+          text: 'GitHub 仓库',
+          url: 'https://github.com/weapp-vite/weapp-vite',
+          variant: 'ghost',
+        },
+      ],
+    },
+  },
+  onClick() {
+    // eslint-disable-next-line no-console
+    console.log('on click')
+  },
+})

package/templates/default/src/pages/index/index.wxml

@@ -0,0 +1,14 @@
+<view>
+  <view style="display:flex;align-items:center;justify-content:center;">
+    <view>
+      <image style="width:200px;height:190px" src="/logo.png" />
+      <view bind:tap="onClick">Hello World From Weapp-vite!</view>
+    </view>
+  </view>
+  <HelloWorld
+    title="{{hello.title}}"
+    description="{{hello.description}}"
+    docs="{{hello.docs}}"
+    links="{{hello.links}}"
+  />
+</view>

package/templates/default/src/sitemap.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://vite.icebreaker.top/sitemap.json",
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [
+    {
+      "action": "allow",
+      "page": "*"
+    }
+  ]
+}

package/templates/default/src/theme.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://vite.icebreaker.top/theme.json",
+  "light": {},
+  "dark": {}
+}

package/templates/default/src/utils/util.ts

@@ -0,0 +1,3 @@
+export function hello() {
+  return 'world'
+}

package/templates/default/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="weapp-vite/client" />

package/templates/default/tsconfig.app.json

@@ -0,0 +1,57 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2023",
+    "jsx": "preserve",
+    "lib": [
+      "ES2023",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "moduleDetection": "force",
+    "baseUrl": ".",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "resolveJsonModule": true,
+    "types": [
+      "miniprogram-api-typings"
+    ],
+    "allowImportingTsExtensions": true,
+    "allowJs": true,
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+    "noUncheckedSideEffectImports": true,
+    "erasableSyntaxOnly": true,
+    "skipLibCheck": true
+  },
+  "vueCompilerOptions": {
+    "plugins": [
+      "weapp-vite/volar"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.js",
+    "src/**/*.jsx",
+    "src/**/*.mts",
+    "src/**/*.cts",
+    "src/**/*.vue",
+    "src/**/*.json",
+    "src/**/*.d.ts",
+    "types/**/*.d.ts",
+    "env.d.ts"
+  ]
+}

package/templates/default/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ],
+  "files": []
+}

package/templates/default/tsconfig.node.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": [
+      "ES2023"
+    ],
+    "moduleDetection": "force",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "types": [
+      "node"
+    ],
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "verbatimModuleSyntax": true,
+    "noUncheckedSideEffectImports": true,
+    "erasableSyntaxOnly": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.*.ts",
+    "*.config.ts",
+    "config/**/*.ts",
+    "scripts/**/*.ts"
+  ]
+}

package/templates/default/vite.config.ts

@@ -0,0 +1,39 @@
+import { defineConfig } from 'weapp-vite/config'
+
+export default defineConfig(
+  ({ mode }) => {
+    console.log('[mode]:', mode)
+    return {
+      weapp: {
+        srcRoot: 'src',
+        // pnpm g 生成的格式
+        // https://vite.icebreaker.top/guide/generate.html
+        generate: {
+          extensions: {
+            js: 'ts',
+            wxss: 'scss',
+          },
+          dirs: {
+            component: 'src/components',
+            page: 'src/pages',
+          },
+          // 假如你想让默认生成的组件命名为 HelloWorld/index 而不是 HelloWorld/HelloWorld 可以下列选项
+          // filenames: {
+          //   component: 'index',
+          //   page: 'index',
+          // },
+        },
+      },
+      css: {
+        preprocessorOptions: {
+          scss: {
+            silenceDeprecations: ['legacy-js-api', 'import'],
+          },
+        },
+      },
+      plugins: [
+        // 在这里注册 vite 插件
+      ],
+    }
+  },
+)

package/templates/tailwindcss/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/templates/tailwindcss/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "tailwindCSS.includeLanguages": {
+    "wxml": "html"
+  }
+}

package/templates/tailwindcss/README.md

@@ -0,0 +1,28 @@
+# weapp-vite-tailwindcss-template
+
+`weapp-vite` 集成 `tailwindcss` 的模板
+
+## 使用方式
+
+### 开发
+
+- `pnpm dev`
+
+- `pnpm dev --open` 可以打包并直接启动微信开发者工具
+
+### 构建
+
+`pnpm build`
+
+### 打开微信开发者工具
+
+`pnpm open`
+
+### 生成组件/页面
+
+`pnpm g path/to/your/component`
+
+## 文档地址
+
+0. `weapp-vite`: https://vite.icebreaker.top/
+1. `weapp-tailwindcss`: https://tw.icebreaker.top/

package/templates/tailwindcss/auto-import-components.json

@@ -0,0 +1,3 @@
+{
+  "HelloWorld": "/components/HelloWorld/HelloWorld"
+}

package/templates/tailwindcss/gitignore

@@ -0,0 +1,35 @@
+# dependencies
+node_modules
+.pnp
+.pnp.js
+
+# testing
+coverage
+
+# next.js
+.next/
+out/
+build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# turbo
+.turbo
+
+dist
+vite.config.ts.timestamp-*.mjs
+dist-web

package/templates/tailwindcss/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "weapp-vite-tailwindcss-template",
+  "type": "module",
+  "version": "1.0.3",
+  "private": true,
+  "description": "原生微信小程序 weapp-vite + tailwindcss 模板",
+  "author": "ice breaker <1324318532@qq.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/weapp-vite/weapp-vite.git",
+    "directory": "templates/weapp-vite-tailwindcss-template"
+  },
+  "bugs": {
+    "url": "https://github.com/weapp-vite/weapp-vite/issues"
+  },
+  "keywords": [],
+  "scripts": {
+    "dev": "weapp-vite dev",
+    "dev:open": "weapp-vite dev -o",
+    "build": "weapp-vite build",
+    "open": "weapp-vite open",
+    "g": "weapp-vite generate",
+    "postinstall": "weapp-tw patch"
+  },
+  "devDependencies": {
+    "@egoist/tailwindcss-icons": "^1.9.0",
+    "@iconify-json/mdi": "^1.2.3",
+    "autoprefixer": "^10.4.23",
+    "miniprogram-api-typings": "^4.1.2",
+    "postcss": "^8.5.6",
+    "sass": "^1.97.1",
+    "tailwindcss": "^3.4.19",
+    "typescript": "^5.9.3",
+    "weapp-tailwindcss": "^4.9.2",
+    "weapp-vite": "workspace:*"
+  }
+}

package/templates/tailwindcss/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/templates/tailwindcss/project.config.json

@@ -0,0 +1,43 @@
+{
+  "description": "项目配置文件",
+  "miniprogramRoot": "dist/",
+  "compileType": "miniprogram",
+  "setting": {
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "coverView": false,
+    "postcss": false,
+    "minified": false,
+    "enhance": true,
+    "showShadowRootInWxmlPanel": false,
+    "packNpmRelationList": [
+      {
+        "packageJsonPath": "./package.json",
+        "miniprogramNpmDistDir": "./dist"
+      }
+    ],
+    "ignoreUploadUnusedFiles": true,
+    "compileHotReLoad": false,
+    "skylineRenderEnable": true,
+    "packNpmManually": true,
+    "es6": true,
+    "minifyWXML": true
+  },
+  "simulatorType": "wechat",
+  "simulatorPluginLibVersion": {},
+  "condition": {},
+  "srcMiniprogramRoot": "dist/",
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  },
+  "libVersion": "2.32.3",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "appid": "wx6ffee4673b257014"
+}

package/templates/tailwindcss/project.private.config.json

@@ -0,0 +1,8 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "weapp-vite-tailwindcss-template",
+  "setting": {
+    "compileHotReLoad": true
+  },
+  "libVersion": "3.9.3"
+}

package/templates/tailwindcss/src/app.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "https://vite.icebreaker.top/app.json",
+  "pages": [
+    "pages/index/index",
+    "pages/profile/index"
+  ],
+  "window": {},
+  "style": "v2",
+  "componentFramework": "glass-easel",
+  "sitemapLocation": "sitemap.json",
+  "lazyCodeLoading": "requiredComponents",
+  "tabBar": {
+    "color": "#333",
+    "backgroundColor": "#fff",
+    "selectedColor": "#1AAD19",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "text": "首页",
+        "iconPath": "icon0.png",
+        "selectedIconPath": "icon0s.png"
+      },
+      {
+        "pagePath": "pages/profile/index",
+        "text": "我的",
+        "iconPath": "icon1.png",
+        "selectedIconPath": "icon1s.png"
+      }
+    ]
+  }
+}

package/templates/tailwindcss/src/app.scss

@@ -0,0 +1,3 @@
+@use 'tailwindcss/base';
+@use 'tailwindcss/components';
+@use 'tailwindcss/utilities';

package/templates/tailwindcss/src/app.ts

@@ -0,0 +1,6 @@
+App({
+  globalData: {},
+  onLaunch() {
+
+  },
+})

package/templates/tailwindcss/src/components/HelloWorld/HelloWorld.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://vite.icebreaker.top/component.json",
+  "component": true,
+  // 组件需要设置成 "apply-shared" 才能使用 app.wxss 里的全局样式
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

package/templates/tailwindcss/src/components/HelloWorld/HelloWorld.scss

@@ -0,0 +1 @@
+/* Tailwind CSS utilities are applied directly in the template. */

package/templates/tailwindcss/src/components/HelloWorld/HelloWorld.ts

@@ -0,0 +1,61 @@
+interface HelloWorldLink {
+  text: string
+  url: string
+  variant?: 'ghost'
+}
+
+Component({
+  properties: {
+    title: {
+      type: String,
+      value: 'Hello weapp-vite',
+    },
+    description: {
+      type: String,
+      value: '欢迎使用 weapp-vite 模板，这里演示了如何在组件内快速放置介绍信息。',
+    },
+    docs: {
+      type: String,
+      value: '',
+    },
+    links: {
+      type: Array,
+      value: [] as HelloWorldLink[],
+    },
+  },
+  lifetimes: {
+    attached() {
+      if (!this.data.links?.length && this.data.docs) {
+        this.setData({
+          links: [
+            {
+              text: '复制文档链接',
+              url: this.data.docs,
+            },
+          ],
+        })
+      }
+    },
+  },
+  methods: {
+    async copyLink(event: WechatMiniprogram.TouchEvent) {
+      const url = event.currentTarget.dataset?.url as string | undefined
+      if (!url) {
+        return
+      }
+
+      try {
+        await wx.setClipboardData({ data: url })
+        wx.showToast({
+          title: '链接已复制',
+          icon: 'success',
+          duration: 1500,
+        })
+      }
+      catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('复制链接失败', error)
+      }
+    },
+  },
+})

package/templates/tailwindcss/src/components/HelloWorld/HelloWorld.wxml

@@ -0,0 +1,16 @@
+<view class="w-full max-w-[600rpx] mx-auto rounded-3xl p-8 bg-white/90 shadow-xl shadow-sky-200/40 dark:bg-slate-800/90 dark:shadow-slate-900/60 flex flex-col gap-2">
+  <view class="text-xl font-semibold text-sky-500 dark:text-sky-300">{{title}}</view>
+  <view class="text-xs leading-relaxed text-slate-700 dark:text-slate-200">{{description}}</view>
+  <view wx:if="{{links.length}}" class="flex flex-wrap gap-4">
+    <view
+      wx:for="{{links}}"
+      wx:key="url"
+      class="px-5 py-2 rounded-full text-sm font-medium transition active:scale-95 {{ item.variant === 'ghost' ? 'bg-slate-200 text-slate-800 dark:bg-slate-700 dark:text-slate-100' : 'bg-sky-500 text-white hover:bg-sky-600' }}"
+      data-url="{{item.url}}"
+      bindtap="copyLink"
+    >
+      {{item.text}}
+    </view>
+  </view>
+  <view wx:if="{{links.length}}" class="text-xs text-slate-400 dark:text-slate-500">点击按钮会将链接复制到剪贴板</view>
+</view>

package/templates/tailwindcss/src/pages/index/index.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://vite.icebreaker.top/page.json",
+  "usingComponents": {
+    "HelloWorld": "/components/HelloWorld/HelloWorld"
+  },
+  "navigationBarTitleText": "初始模板"
+}