@open-dy/vibecoding-cli 0.0.1-beta.1

package/src/adapters/interest-card/opencard/lint.sh

@@ -0,0 +1,131 @@
+#!/usr/bin/env bash
+# opencard lint：结构 / 底板 / Lynx CSS / tsc / eslint 并行，失败汇总后一次退出。
+# LINT_INCREMENTAL=1 时 eslint 只扫 git 变更的 src 文件；仅 CSS 变更时跳过 eslint。
+set -euo pipefail
+
+ROOT="${1:?Missing project root}"
+shift
+cd "$ROOT"
+ADAPTER_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+
+resolve_git_base() {
+  local top
+  top="$(git rev-parse --show-toplevel 2>/dev/null || true)"
+  if [[ -z "${top}" ]] || ! git -C "${top}" rev-parse --git-dir >/dev/null 2>&1; then
+    return 1
+  fi
+  if git -C "${top}" rev-parse --verify origin/main >/dev/null 2>&1; then
+    echo "origin/main"
+  elif git -C "${top}" rev-parse --verify origin/master >/dev/null 2>&1; then
+    echo "origin/master"
+  else
+    git -C "${top}" rev-list --max-parents=0 HEAD 2>/dev/null | tail -n 1
+  fi
+}
+
+collect_opencard_changed() {
+  local top base changed rel_prefix="opencard/"
+  top="$(git rev-parse --show-toplevel 2>/dev/null || true)"
+  if [[ -z "${top}" ]]; then
+    return 1
+  fi
+  base="$(resolve_git_base || true)"
+  if [[ -z "${base:-}" ]]; then
+    return 1
+  fi
+  changed="$(git -C "${top}" diff --name-only "${base}"...HEAD -- 'opencard/src/**' 2>/dev/null || true)"
+  if [[ -z "${changed}" ]]; then
+    changed="$(git -C "${top}" diff --name-only HEAD -- 'opencard/src/**' 2>/dev/null || true)"
+  fi
+  if [[ -z "${changed}" ]]; then
+    return 1
+  fi
+  while IFS= read -r file; do
+    [[ -n "${file}" ]] && echo "${file#${rel_prefix}}"
+  done <<< "${changed}"
+}
+
+CHANGED_FILES=()
+if [[ "${LINT_INCREMENTAL:-}" == "1" ]]; then
+  while IFS= read -r file; do
+    [[ -n "${file}" ]] && CHANGED_FILES+=("${file}")
+  done <<< "$(collect_opencard_changed || true)"
+fi
+
+RUN_ESLINT=1
+ESLINT_FILES=()
+if [[ "${#CHANGED_FILES[@]}" -gt 0 ]]; then
+  echo "[opencard lint] incremental mode (${#CHANGED_FILES[@]} files)"
+  has_script=0
+  for file in "${CHANGED_FILES[@]}"; do
+    case "${file}" in
+      *.js|*.jsx|*.ts|*.tsx)
+        has_script=1
+        ESLINT_FILES+=("${file}")
+        ;;
+    esac
+  done
+  if [[ "${has_script}" -eq 0 ]]; then
+    RUN_ESLINT=0
+  fi
+fi
+
+mkdir -p node_modules/.cache/eslint
+
+TMPDIR="$(mktemp -d)"
+trap 'rm -rf "$TMPDIR"' EXIT
+
+NAMES=()
+PIDS=()
+
+launch() {
+  local name="$1"
+  shift
+  NAMES+=("${name}")
+  (
+    set +e
+    "$@" >"${TMPDIR}/${name}.log" 2>&1
+    echo $? >"${TMPDIR}/${name}.code"
+  ) &
+  PIDS+=("$!")
+}
+
+launch structure node "$ADAPTER_DIR/validate.mjs" "$ROOT" opencard-structure
+launch widget-shell node "$ADAPTER_DIR/validate.mjs" "$ROOT" widget-shell
+launch lynx-css node "$ADAPTER_DIR/validate.mjs" "$ROOT" lynx-css
+launch tsc tsc --noEmit
+
+if [[ "${RUN_ESLINT}" -eq 1 ]]; then
+  if [[ "${#ESLINT_FILES[@]}" -gt 0 ]]; then
+    launch eslint eslint --cache --cache-location node_modules/.cache/eslint/opencard-src "${ESLINT_FILES[@]}"
+  else
+    launch eslint eslint --cache --cache-location node_modules/.cache/eslint/opencard-src 'src/**/*.{js,jsx,ts,tsx}'
+  fi
+fi
+
+for pid in "${PIDS[@]}"; do
+  wait "${pid}" || true
+done
+
+FAILED=0
+for name in "${NAMES[@]}"; do
+  code="$(cat "${TMPDIR}/${name}.code" 2>/dev/null || echo 1)"
+  if [[ "${code}" != "0" ]]; then
+    FAILED=1
+    echo "" >&2
+    echo "[opencard lint] ${name} failed (exit ${code})" >&2
+    if [[ -s "${TMPDIR}/${name}.log" ]]; then
+      cat "${TMPDIR}/${name}.log" >&2
+    fi
+  elif [[ -s "${TMPDIR}/${name}.log" ]]; then
+    echo "" >&2
+    echo "[opencard lint] ${name} warnings:" >&2
+    cat "${TMPDIR}/${name}.log" >&2
+  fi
+done
+
+if [[ "${FAILED}" -ne 0 ]]; then
+  echo "" >&2
+  echo "[opencard lint] ERROR: lint 失败，需要修改后重新检测，直到通过为止" >&2
+  exit 1
+fi

package/src/adapters/interest-card/opencard/lynx-css-rules.mjs

@@ -0,0 +1,508 @@
+/**
+ * Lynx 机械禁写规则（单一事实源）。
+ * rendering.md 解释差异和替代写法；本文件决定 `pnpm lint` 拦什么。
+ * 无法静态判定的布局语义（margin collapse、尺寸链路、flex-shrink 权重等）不在这里。
+ */
+
+export const HINT = '见 rendering.md';
+
+const FORBIDDEN_AT_RULES = new Set([
+  'media',
+  'supports',
+  'layer',
+  'charset',
+  'namespace',
+]);
+
+const FORBIDDEN_AT_RULE_HINT = {
+  media: 'Lynx 的 @media 不生效。文字保持 DESIGN.md 的 px 基线；容器用 flex、vw/vh 适配。',
+  supports: 'Lynx 不支持 @supports。能力分支放构建期或运行时 class。',
+  layer: 'Lynx 不支持 @layer。用常规 CSS 顺序。',
+  charset: '不要手写 @charset，交给构建系统。',
+  namespace: 'Lynx 不支持 @namespace。',
+};
+
+const FORBIDDEN_PROPERTIES = new Set([
+  'float',
+  'clear',
+  'grid-column',
+  'grid-row',
+  'grid-area',
+  'pointer-events',
+  'cursor',
+  'resize',
+  'scroll-behavior',
+  'overscroll-behavior',
+  'content',
+  'quotes',
+  'list-style',
+  'list-style-type',
+  'list-style-image',
+  'list-style-position',
+  'caption-side',
+  'table-layout',
+  'border-collapse',
+  'border-spacing',
+  'empty-cells',
+  'word-break',
+  'overflow-wrap',
+  'word-wrap',
+  'word-spacing',
+  'hyphens',
+  'tab-size',
+  'text-transform',
+  'unicode-bidi',
+  'writing-mode',
+  'text-orientation',
+  'transform-style',
+  'background-attachment',
+  '-webkit-line-clamp',
+  '-webkit-box-orient',
+]);
+
+const FORBIDDEN_PROPERTY_HINT = {
+  float: '不要用 float/clear。改用 Flex / Grid。',
+  clear: '不要用 float/clear。改用 Flex / Grid。',
+  'grid-column': '不要用 grid-column 简写。改用 grid-column-start / grid-column-end。',
+  'grid-row': '不要用 grid-row 简写。改用 grid-row-start / grid-row-end。',
+  'grid-area': '不要用 grid-area。拆成 start/end。',
+  'pointer-events': 'Lynx 不支持 pointer-events。用条件渲染或事件层级。',
+  cursor: 'Lynx 不支持 cursor。不要生成。',
+  resize: 'Lynx 不支持 resize。用组件状态或 JS 调尺寸。',
+  'scroll-behavior': 'Lynx 不支持 scroll-behavior。纵向滚动仍禁止。',
+  'overscroll-behavior': 'Lynx 不支持 overscroll-behavior。不要生成纵向滚动容器。',
+  content: '不能配合伪元素生成内容。增加真实节点。',
+  quotes: 'Lynx 不支持 quotes。写在文本内容里。',
+  'list-style': '列表 marker 不可用。用真实节点模拟。',
+  'list-style-type': '列表 marker 不可用。用真实节点模拟。',
+  'list-style-image': '列表图片 marker 不可用；SVG marker 也不要用。',
+  'list-style-position': '用外层 View 的 Flex / Grid 组织 marker。',
+  'caption-side': 'table caption 不可用。用普通节点。',
+  'table-layout': 'table layout 不可用。用 CSS Grid。',
+  'border-collapse': 'table border 合并不可用。用 grid gap / 单元格边框。',
+  'border-spacing': 'table spacing 不可用。用 gap。',
+  'empty-cells': 'table empty-cell 不可用。条件渲染或空节点。',
+  'word-break': 'Lynx 不支持 word-break。控制宽度 / white-space / ellipsis。',
+  'overflow-wrap': 'Lynx 不支持 overflow-wrap。控制文本节点宽度。',
+  'word-wrap': 'Lynx 不支持 word-wrap。控制文本节点宽度。',
+  'word-spacing': 'Lynx 不支持 word-spacing。',
+  hyphens: 'Lynx 不支持 hyphens。',
+  'tab-size': 'Lynx 不支持 tab-size。数据层替换 tab。',
+  'text-transform': 'Lynx 不支持 text-transform。在数据层转换文本。',
+  'unicode-bidi': 'Lynx 不支持 unicode-bidi。',
+  'writing-mode': 'Lynx 不支持 writing-mode。必要时用 transform 旋转。',
+  'text-orientation': 'Lynx 不支持 text-orientation。',
+  'transform-style': 'Lynx 不支持 transform-style。',
+  'background-attachment': '不支持 background-attachment。只保留 color/image/repeat/position。',
+  '-webkit-line-clamp': '不要迁移 -webkit-line-clamp。单行用 nowrap + ellipsis；多行减行。',
+  '-webkit-box-orient': '不要迁移 -webkit-box。',
+};
+
+const FORBIDDEN_PROPERTY_PREFIXES = [
+  ['scroll-snap-', 'Lynx 不支持 scroll-snap-*。横向轮播用 Swiper。'],
+  ['counter-', 'CSS counter 不可用。在数据层计算序号。'],
+];
+
+const DISPLAY_FORBIDDEN = [
+  [/^inline\b/i, '不要用 inline / inline-block。结构用外层 View 的 Flex / Grid。'],
+  [/^table/i, 'table layout 不可用。用 CSS Grid。'],
+  [/^contents$/i, 'display: contents 不可用。保留容器或重构层级。'],
+  [/^list-item$/i, 'display: list-item 不可用。用真实节点模拟 marker。'],
+  [/-webkit-box/i, '不要迁移 display: -webkit-box / -webkit-line-clamp。'],
+];
+
+const POSITION_FORBIDDEN = new Set(['static', 'sticky']);
+
+const OVERFLOW_BLOCKED = new Set(['auto', 'scroll']);
+
+const WHITE_SPACE_FORBIDDEN = new Set([
+  'pre',
+  'pre-wrap',
+  'pre-line',
+  'break-spaces',
+]);
+
+const FORBIDDEN_UNITS = new Set(['cm', 'mm', 'in', 'pt', 'pc', 'ch', 'ex']);
+
+const FORBIDDEN_FUNCTIONS = {
+  min: 'Lynx 不支持 min()。用明确尺寸、JS 计算或 class 切换。',
+  max: 'Lynx 不支持 max()。用明确尺寸、JS 计算或 class 切换。',
+  clamp: 'Lynx 不支持 clamp()。文字保持 px 基线；容器用 flex、vw/vh 或明确尺寸。',
+};
+
+const CALC_ALLOW = new Set([
+  'width',
+  'height',
+  'min-width',
+  'max-width',
+  'min-height',
+  'max-height',
+  'top',
+  'right',
+  'bottom',
+  'left',
+  'inset',
+  'margin',
+  'padding',
+  'flex-basis',
+  'gap',
+  'row-gap',
+  'column-gap',
+  'grid-row-gap',
+  'grid-column-gap',
+  'font-size',
+  'text-indent',
+  'perspective',
+  'margin-top',
+  'margin-right',
+  'margin-bottom',
+  'margin-left',
+  'padding-top',
+  'padding-right',
+  'padding-bottom',
+  'padding-left',
+  'margin-inline-start',
+  'margin-inline-end',
+  'padding-inline-start',
+  'padding-inline-end',
+  'inset-inline-start',
+  'inset-inline-end',
+]);
+
+const STEPS_DIRECTIONS = new Set([
+  'start',
+  'jump-start',
+  'end',
+  'jump-end',
+  'jump-none',
+  'jump-both',
+]);
+
+const SAFE_AREA_ENV = /^safe-area-inset-(top|right|bottom|left)$/i;
+
+const STRUCTURAL_PSEUDO =
+  /:(?:first-child|last-child|only-child|first-of-type|last-of-type|only-of-type|nth-child|nth-last-child|nth-of-type|nth-last-of-type|empty)\b/i;
+
+const PSEUDO_ELEMENT = /::(?:before|after|first-line|first-letter|marker|backdrop)\b/i;
+
+const LEGACY_PSEUDO_ELEMENT = /(?:^|[^:]):(?:before|after)\b/i;
+
+const MODERN_PSEUDO_FN = /:(?:is|where|has)\s*\(/i;
+
+const STATE_PSEUDO = /:(?:disabled|enabled|checked)\b/i;
+
+const ROOT_PSEUDO = /(?:^|[^A-Za-z0-9_-]):root(?![A-Za-z0-9_-])/i;
+
+const ATTR_TILDE = /\[[^\]]*~=/;
+
+const UNIT_RE =
+  /(?:^|[^A-Za-z0-9_-])(?:\d*\.\d+|\d+)(cm|mm|in|pt|pc|ch|ex)(?![A-Za-z0-9_-])/gi;
+
+const NEGATIVE_LENGTH = /(?:^|[,\s])-\d/;
+
+export const TEXT_CONTAINER_PROPS = new Set([
+  'flex-direction',
+  'flex-wrap',
+  'flex-flow',
+  'justify-content',
+  'align-items',
+  'align-content',
+  'gap',
+  'row-gap',
+  'column-gap',
+]);
+
+export function toKebab(prop) {
+  if (!prop) return '';
+  return String(prop)
+    .trim()
+    .replace(/^['"]|['"]$/g, '')
+    .replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)
+    .replace(/^ms-/, '-ms-')
+    .toLowerCase();
+}
+
+export function normalizeValue(value) {
+  return String(value ?? '')
+    .replace(/\/\*[\s\S]*?\*\//g, ' ')
+    .replace(/\s*!important\s*$/i, '')
+    .replace(/\s+/g, ' ')
+    .trim();
+}
+
+export function splitCssList(value) {
+  const parts = [];
+  let current = '';
+  let depth = 0;
+  for (let i = 0; i < value.length; i += 1) {
+    const ch = value[i];
+    if (ch === '(') depth += 1;
+    if (ch === ')') depth = Math.max(0, depth - 1);
+    if (depth === 0 && /\s/.test(ch)) {
+      if (current) parts.push(current);
+      current = '';
+    } else {
+      current += ch;
+    }
+  }
+  if (current) parts.push(current);
+  return parts;
+}
+
+function matchingParen(text, openIndex) {
+  let depth = 0;
+  for (let i = openIndex; i < text.length; i += 1) {
+    const ch = text[i];
+    if (ch === '"' || ch === "'") {
+      const q = ch;
+      i += 1;
+      while (i < text.length && text[i] !== q) {
+        if (text[i] === '\\') i += 1;
+        i += 1;
+      }
+      continue;
+    }
+    if (ch === '(') depth += 1;
+    else if (ch === ')') {
+      depth -= 1;
+      if (depth === 0) return i;
+    }
+  }
+  return text.length;
+}
+
+export function forEachCssFunction(value, callback) {
+  const re = /([A-Za-z_-][A-Za-z0-9_-]*)\s*\(/g;
+  let match;
+  while ((match = re.exec(value))) {
+    const name = match[1];
+    const open = match.index + match[0].length - 1;
+    const close = matchingParen(value, open);
+    const inner = value.slice(open + 1, close);
+    callback(name.toLowerCase(), inner);
+    re.lastIndex = Math.max(re.lastIndex, open + 1);
+  }
+}
+
+function isCompleteFlex(value) {
+  if (value === 'none') return true;
+  return splitCssList(value).length >= 3;
+}
+
+function hasSvgSource(value) {
+  return (
+    /\.svg(?:\s*['")]|$|\?|#)/i.test(value) ||
+    /data:image\/svg\+xml/i.test(value) ||
+    /image\/svg\+xml/i.test(value)
+  );
+}
+
+function finding(id, message) {
+  return { id, message };
+}
+
+export function lintAtRule(name) {
+  const key = String(name || '').toLowerCase();
+  if (!FORBIDDEN_AT_RULES.has(key)) return [];
+  return [finding('forbidden-at-rule', FORBIDDEN_AT_RULE_HINT[key] || `Lynx 不支持 @${key}。`)];
+}
+
+export function isTextContainerDeclaration(prop, value) {
+  const p = toKebab(prop);
+  if (TEXT_CONTAINER_PROPS.has(p)) return true;
+  if (p !== 'display') return false;
+  const v = normalizeValue(value).toLowerCase();
+  return v === 'flex' || v === 'grid';
+}
+
+export function lintSelector(selector, { allowRoot = false } = {}) {
+  const findings = [];
+  const text = String(selector || '');
+  if (!allowRoot && ROOT_PSEUDO.test(text)) {
+    findings.push(
+      finding(
+        'root-selector',
+        '只有 opencard/src/app.css 允许 :root。变量上移 app.css，或写在局部 class 上。',
+      ),
+    );
+  }
+  if (STRUCTURAL_PSEUDO.test(text)) {
+    findings.push(
+      finding(
+        'structural-pseudo',
+        '结构伪类（:first-child / :nth-child 等）解析但不匹配。在 JSX/数据层加 class。',
+      ),
+    );
+  }
+  if (PSEUDO_ELEMENT.test(text) || LEGACY_PSEUDO_ELEMENT.test(text)) {
+    findings.push(
+      finding(
+        'pseudo-element',
+        '不要用 ::before / ::after 等伪元素。需要内容时增加真实节点。',
+      ),
+    );
+  }
+  if (MODERN_PSEUDO_FN.test(text)) {
+    findings.push(
+      finding('modern-pseudo', ':is() / :where() / :has() 不可用。拆成明确 class。'),
+    );
+  }
+  if (STATE_PSEUDO.test(text)) {
+    findings.push(
+      finding(
+        'state-pseudo',
+        ':disabled / :enabled / :checked 不参与匹配。用 .disabled 等 state class。',
+      ),
+    );
+  }
+  if (ATTR_TILDE.test(text)) {
+    findings.push(finding('attr-tilde', '[attr~="value"] 不可用。改用 class。'));
+  }
+  return findings;
+}
+
+export function lintDeclaration(prop, rawValue) {
+  const p = toKebab(prop);
+  const value = normalizeValue(rawValue);
+  if (!p) return [];
+  const findings = [];
+
+  if (FORBIDDEN_PROPERTIES.has(p)) {
+    findings.push(
+      finding('forbidden-property', FORBIDDEN_PROPERTY_HINT[p] || `Lynx 不支持 ${p}。${HINT}`),
+    );
+  }
+  for (const [prefix, hint] of FORBIDDEN_PROPERTY_PREFIXES) {
+    if (p.startsWith(prefix)) {
+      findings.push(finding('forbidden-property', hint));
+    }
+  }
+
+  if (p === 'display') {
+    for (const [pattern, hint] of DISPLAY_FORBIDDEN) {
+      if (pattern.test(value)) findings.push(finding('forbidden-value', hint));
+    }
+  }
+
+  if (p === 'position' && POSITION_FORBIDDEN.has(value.toLowerCase())) {
+    findings.push(
+      finding(
+        'forbidden-value',
+        value.toLowerCase() === 'sticky'
+          ? 'opencard 不提供纵向滚动上下文，不要用 position: sticky。改用 relative / absolute。'
+          : '不要显式生成 position: static。',
+      ),
+    );
+  }
+
+  if (p === 'overflow' || p === 'overflow-y') {
+    const tokens = splitCssList(value.toLowerCase());
+    if (tokens.some((token) => OVERFLOW_BLOCKED.has(token))) {
+      findings.push(
+        finding(
+          'forbidden-value',
+          p === 'overflow-y'
+            ? '禁止 overflow-y: auto/scroll。纵向内容收敛，不要滚动承接。'
+            : '禁止 overflow: auto/scroll 承接纵向溢出。横向滚动只用 overflow-x。',
+        ),
+      );
+    }
+  }
+
+  if (p === 'white-space' && WHITE_SPACE_FORBIDDEN.has(value.toLowerCase())) {
+    findings.push(
+      finding(
+        'forbidden-value',
+        'white-space 只生成 normal / nowrap。pre* 用真实换行节点或数据预处理。',
+      ),
+    );
+  }
+
+  if (p === 'flex' && !isCompleteFlex(value)) {
+    findings.push(
+      finding(
+        'flex-shorthand',
+        `不要写 flex: ${value}。使用完整三值，例如 flex: 1 1 0 或 flex: 0 0 auto。`,
+      ),
+    );
+  }
+
+  if ((p === 'flex-basis' || p === 'flex') && /\bmin-content\b/i.test(value)) {
+    findings.push(
+      finding(
+        'min-content-flex-basis',
+        'flex-basis 中不要用 min-content（会按 0px 处理）。用 auto、固定值或 JS 计算。',
+      ),
+    );
+  }
+
+  if (p === 'padding' || p.startsWith('padding-')) {
+    if (NEGATIVE_LENGTH.test(value) || /^-\d/.test(value)) {
+      findings.push(finding('negative-padding', '不要生成负 padding。改为 0 或重写布局。'));
+    }
+  }
+
+  UNIT_RE.lastIndex = 0;
+  if (UNIT_RE.test(value)) {
+    findings.push(
+      finding(
+        'forbidden-unit',
+        '不要用 cm/mm/in/pt/pc/ch/ex。物理单位改 px/rem；字体相关单位不要类推。',
+      ),
+    );
+  }
+
+  if (hasSvgSource(value)) {
+    findings.push(
+      finding(
+        'svg-url',
+        '不要在 CSS 中引用 SVG 图片（.svg / data:image/svg+xml）。改用 PNG/WebP/JPG，或按 components.md 用 Taro Svg。',
+      ),
+    );
+  }
+
+  forEachCssFunction(value, (name, inner) => {
+    if (FORBIDDEN_FUNCTIONS[name]) {
+      findings.push(finding('forbidden-function', FORBIDDEN_FUNCTIONS[name]));
+    }
+    if (name === 'calc' && !CALC_ALLOW.has(p) && !p.startsWith('margin-') && !p.startsWith('padding-')) {
+      findings.push(
+        finding(
+          'calc-property',
+          `calc() 不能用于 ${p}。只用于尺寸、定位、margin/padding、gap、font-size 等 allowlist 属性。`,
+        ),
+      );
+    }
+    if (name === 'steps') {
+      const args = splitCssList(inner.replace(/,/g, ' '));
+      const direction = args[1]?.toLowerCase();
+      if (args.length < 2 || !STEPS_DIRECTIONS.has(direction)) {
+        findings.push(
+          finding('steps-direction', 'steps() 必须包含 direction，例如 steps(5, end)。'),
+        );
+      }
+    }
+    if (name === 'env' && !SAFE_AREA_ENV.test(inner.trim())) {
+      findings.push(
+        finding('env-function', `不支持 env(${inner.trim() || '...'} )。仅 safe-area-inset-* 可用且不要默认加到卡片根节点。`),
+      );
+    }
+  });
+
+  return uniqueFindings(findings);
+}
+
+function uniqueFindings(findings) {
+  const seen = new Set();
+  return findings.filter((item) => {
+    const key = `${item.id}:${item.message}`;
+    if (seen.has(key)) return false;
+    seen.add(key);
+    return true;
+  });
+}
+
+export function formatFinding(file, line, column, message) {
+  const loc = column ? `${line}:${column}` : String(line);
+  return `${file}:${loc}: ${message}`;
+}

package/src/adapters/interest-card/opencard/pack.sh

@@ -0,0 +1,27 @@
+#!/usr/bin/env bash
+set -Eeuo pipefail
+
+PACKAGE_ROOT="${1:?Missing project root}"
+shift
+ARTIFACTS_DIR="${ARTIFACTS_DIR:-/tmp/microapp_artifacts}"
+DIST_DIR="${PACKAGE_ROOT}/dist"
+ARTIFACT_PATH="${ARTIFACTS_DIR}/opencard.zip"
+
+cd "${PACKAGE_ROOT}"
+
+echo "Running opencard build:pack"
+# CLI 启动此脚本前，根据宿主路由配置注入构建环境变量。
+TARO_TOOLCHAIN_ENTRY="$(node -p 'require.resolve("@open-dy/vibecoding-sdk-opencard/build/taro-toolchain")')"
+node "${TARO_TOOLCHAIN_ENTRY}" build --type tt
+
+if [[ ! -d "${DIST_DIR}" ]]; then
+    echo "Error: ${DIST_DIR} not found after opencard build:pack"
+    exit 1
+fi
+
+node "$(dirname "${BASH_SOURCE[0]}")/write-web-config.mjs" "${DIST_DIR}"
+
+mkdir -p "${ARTIFACTS_DIR}"
+echo "Packing ${DIST_DIR} into ${ARTIFACT_PATH}"
+rm -f "${ARTIFACT_PATH}"
+(cd "${DIST_DIR}" && zip -rq "${ARTIFACT_PATH}" .)