@maple-design/cli-vue 0.0.0-stage → 1.1.0

package/lib/node/shared/logger.js

@@ -0,0 +1,18 @@
+import pico from 'picocolors';
+export default {
+    info(text) {
+        console.log(text);
+    },
+    success(text) {
+        console.log(pico.green(text));
+    },
+    warning(text) {
+        console.log(pico.yellow(text));
+    },
+    error(text) {
+        console.log(pico.red(text));
+    },
+    title(text) {
+        console.log(pico.cyan(text));
+    },
+};

package/lib/node/shared/serial-task.d.ts

@@ -0,0 +1,2 @@
+/** Run watcher-triggered rebuilds one at a time, including after a failed run. */
+export declare function createSerialTask(): <T>(task: () => Promise<T>) => Promise<T>;

package/lib/node/shared/serial-task.js

@@ -0,0 +1,9 @@
+/** Run watcher-triggered rebuilds one at a time, including after a failed run. */
+export function createSerialTask() {
+    let pending = Promise.resolve();
+    return (task) => {
+        const next = pending.catch(() => undefined).then(task);
+        pending = next;
+        return next;
+    };
+}

package/package.json

@@ -1,6 +1,114 @@
 {
   "name": "@maple-design/cli-vue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.1.0",
+  "description": "cli of maple",
+  "keywords": [
+    "cli",
+    "maple"
+  ],
+  "bugs": {
+    "url": "https://github.com/loca-spirit/maple-design-mobile/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/loca-spirit/maple-design-mobile.git",
+    "directory": "packages/cli"
+  },
+  "license": "MIT",
+  "author": "shuai.meng",
+  "type": "module",
+  "exports": {
+    ".": "./lib/node/index.js",
+    "./release": "./lib/node/release/index.js",
+    "./client": "./client.js"
+  },
+  "main": "./lib/node/index.js",
+  "module": "./lib/node/index.js",
+  "bin": {
+    "maple-cli": "./bin/cli.mjs"
+  },
+  "files": [
+    "bin",
+    "lib",
+    "client.js",
+    "client.d.ts",
+    "template",
+    "site"
+  ],
+  "dependencies": {
+    "@babel/core": "^7.28.0",
+    "@babel/preset-typescript": "^7.27.1",
+    "@inquirer/prompts": "^6.0.1",
+    "@sparknest/ui-build-vue": "^1.0.0",
+    "@sparknest/ui-doc-preview-vue": "^1.0.0",
+    "@vitejs/plugin-vue": "5.2.1",
+    "@vitejs/plugin-vue-jsx": "4.1.1",
+    "@vue/babel-plugin-jsx": "1.2.5",
+    "@vue/compiler-sfc": "3.5.13",
+    "@vue/runtime-core": "3.5.13",
+    "chokidar": "^3.6.0",
+    "commander": "^8.3.0",
+    "conventional-changelog": "^5.1.0",
+    "ejs": "^3.1.10",
+    "esbuild": "0.23.1",
+    "fs-extra": "^9.0.1",
+    "glob": "7.2.3",
+    "hash-sum": "^2.0.0",
+    "less": "^3.13.1",
+    "markdown-it": "^14.3.0",
+    "nanospinner": "^1.2.2",
+    "picocolors": "^1.1.1",
+    "sass": "^1.89.2",
+    "semver": "^7.7.2",
+    "tinyexec": "npm:tinyexec@^0.3.0",
+    "typescript": "5.3.3",
+    "unplugin-auto-import": "^0.18.6",
+    "unplugin-vue-components": "^0.27.5",
+    "vite": "6.1.1",
+    "vitest": "3.0.6",
+    "vue": "3.5.13",
+    "@maple-design/shared-vue": "1.1.0",
+    "@maple-design/vite-plugins-vue": "1.1.0",
+    "@maple-design/resolver-vue": "1.1.0"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.5",
+    "@types/ejs": "^3.1.5",
+    "@types/fs-extra": "^9.0.13",
+    "@types/glob": "7.2.0",
+    "@types/hash-sum": "^1.0.2",
+    "@types/markdown-it": "^12.2.3",
+    "@types/node": "^18.7.20",
+    "@types/semver": "^7",
+    "rimraf": "^5.0.1",
+    "@maple-design/touch-emulator-vue": "1.1.0",
+    "@maple-design/icons-vue": "1.1.1",
+    "@maple-design/ui-vue": "1.1.0"
+  },
+  "peerDependencies": {
+    "@vitest/coverage-istanbul": "3.0.6",
+    "@vue/runtime-core": "3.5.13",
+    "@vue/test-utils": "2.4.6",
+    "clipboard": "^2.0.6",
+    "jsdom": "24.1.1",
+    "live-server": "^1.2.1",
+    "vue": "3.5.13",
+    "vue-router": "4.5.0",
+    "@maple-design/touch-emulator-vue": "1.1.0",
+    "@maple-design/icons-vue": "1.1.1",
+    "@maple-design/ui-vue": "1.1.0"
+  },
+  "engines": {
+    "node": "^14.18.0 || >=16.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "rimraf ./lib && tsc",
+    "dev": "tsc --watch",
+    "test": "vitest run --config vitest.config.ts",
+    "build:node": "tsc -p tsconfig.node.json"
+  }
 }

package/site/documentation-sections.spec.ts

@@ -0,0 +1,45 @@
+import { describe, expect, it } from 'vitest'
+import { getDocumentationSection, getSectionMenu, sectionRoute } from './documentation-sections'
+import type { Menu } from './utils'
+
+const sections = [
+  { id: 'showcase', text: { 'zh-CN': '特色与场景' }, entry: 'showcase', docs: ['showcase', 'practiceList'] },
+  { id: 'components', text: { 'zh-CN': '组件' }, entry: 'quickstart', mobileEntry: 'home' },
+]
+const menu = [
+  { type: 1, text: { 'zh-CN': '特色与场景' } },
+  { type: 3, doc: 'showcase' },
+  { type: 3, doc: 'practiceList' },
+  { type: 1, text: { 'zh-CN': '开发指南' } },
+  { type: 3, doc: 'quickstart' },
+  { type: 1, text: { 'zh-CN': '组件' } },
+  { type: 2, doc: 'button' },
+] as Menu[]
+describe('independent documentation sections', () => {
+  it('keeps menus isolated across languages and direct routes', () => {
+    for (const locale of ['zh-CN', 'en-US']) {
+      expect(getDocumentationSection(`/${locale}/practiceList`, sections)?.id).toBe('showcase')
+      expect(getDocumentationSection(`/${locale}/button`, sections)?.id).toBe('components')
+    }
+    expect(
+      getSectionMenu(menu, sections[0], sections)
+        .map((item) => item.doc)
+        .filter(Boolean),
+    ).toEqual(['showcase', 'practiceList'])
+    expect(
+      getSectionMenu(menu, sections[1], sections)
+        .map((item) => item.doc)
+        .filter(Boolean),
+    ).toEqual(['quickstart', 'button'])
+    expect(getSectionMenu(menu, undefined, [])).toBe(menu)
+  })
+  it('uses a scoped mobile component home and preserves language exactly once', () => {
+    expect(sectionRoute(sections[0], 'en-US')).toEqual({ path: '/en-US/showcase', query: {} })
+    expect(sectionRoute(sections[1], 'en-US', true)).toEqual({
+      path: '/home',
+      query: { section: 'components', language: 'en-US' },
+    })
+    expect(getDocumentationSection('/home', sections, 'showcase')?.id).toBe('showcase')
+    expect(getDocumentationSection('/home', sections, 'invalid')?.id).toBe('components')
+  })
+})

package/site/documentation-sections.ts

@@ -0,0 +1,48 @@
+import type { Menu } from './utils'
+
+export interface DocumentationSection {
+  id: string
+  text: Record<string, string>
+  entry: string
+  mobileEntry?: string
+  docs?: string[]
+}
+export function getDocumentationSection(path: string, sections: DocumentationSection[], requested?: unknown) {
+  const doc = path.split('?')[0].split('/').filter(Boolean).at(-1) ?? ''
+  if (doc === 'home' && typeof requested === 'string') {
+    const explicit = sections.find((section) => section.id === requested)
+    if (explicit) return explicit
+  }
+  return (
+    sections.find((section) => section.docs?.includes(doc)) ?? sections.find((section) => !section.docs) ?? sections[0]
+  )
+}
+export function getSectionMenu(
+  menu: Menu[],
+  section: DocumentationSection | undefined,
+  sections: DocumentationSection[],
+) {
+  if (!section) return menu
+  const result: Menu[] = []
+  let heading: Menu | undefined
+  for (const item of menu) {
+    if (item.type === 1) {
+      heading = item
+      continue
+    }
+    if (getDocumentationSection(item.doc, sections)?.id !== section.id) continue
+    if (heading) {
+      result.push(heading)
+      heading = undefined
+    }
+    result.push(item)
+  }
+  return result
+}
+export function sectionRoute(section: DocumentationSection, language: string, mobile = false) {
+  const doc = mobile ? (section.mobileEntry ?? section.entry) : section.entry
+  return {
+    path: doc === 'home' ? '/home' : `/${language}/${doc}`,
+    query: doc === 'home' ? { section: section.id, language } : {},
+  }
+}