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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-dy/vibecoding-cli",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.2",
   "description": "Command orchestration, validation and packaging for Douyin vibecoding Taro and OpenCard projects.",
   "type": "module",
   "bin": {
@@ -40,8 +40,8 @@
     "ajv": "^8.18.0"
   },
   "peerDependencies": {
-    "@open-dy/vibecoding-sdk-taro": "0.0.1-beta.1",
-    "@open-dy/vibecoding-sdk-opencard": "0.0.1-beta.1"
+    "@open-dy/vibecoding-sdk-taro": "0.0.1-beta.2",
+    "@open-dy/vibecoding-sdk-opencard": "0.0.1-beta.2"
   },
   "peerDependenciesMeta": {
     "@open-dy/vibecoding-sdk-taro": {
@@ -54,5 +54,10 @@
   "engines": {
     "node": ">=18"
   },
-  "license": "UNLICENSED"
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "tag": "beta",
+    "access": "public"
+  }
 }

package/src/adapters/interest-card/opencard/validate-widget-shell.mjs

@@ -14,7 +14,6 @@ const __dirname = path.join(process.env.VIBECODING_OPENCARD_ROOT || process.cwd(
 const ROOT = path.resolve(__dirname, '..');
 const SRC = path.join(ROOT, 'src');
 const PAGE_ENTRY = path.join(SRC, 'pages/index/index.tsx');
-const require = createRequire(path.join(ROOT, 'scripts', 'package.json'));
 
 const SHELL_CLASS = 'widget-root';
 const REQUIRED_RADIUS_PX = 12;
@@ -332,7 +331,8 @@ function jsxName(el) {
   return '';
 }
 
-function loadBabel() {
+function loadBabel(root = ROOT) {
+  const require = createRequire(path.join(root, 'scripts', 'package.json'));
   try {
     const parser = require('@babel/parser');
     const traverseMod = require('@babel/traverse');
@@ -384,8 +384,8 @@ function collectPageRootClassSetsRegex(source) {
   return [{ type: 'View', classes }];
 }
 
-export function collectPageRootClassSets(source) {
-  const babel = loadBabel();
+export function collectPageRootClassSets(source, root = ROOT) {
+  const babel = loadBabel(root);
   if (!babel) return collectPageRootClassSetsRegex(source);
 
   let ast;
@@ -626,9 +626,10 @@ export function lintWidgetShell({
   pageSource,
   pageFile = 'src/pages/index/index.tsx',
   rules,
+  root = ROOT,
 }) {
   const findings = [];
-  const roots = collectPageRootClassSets(pageSource);
+  const roots = collectPageRootClassSets(pageSource, root);
   if (roots.length === 0) {
     findings.push(
       finding(
@@ -698,9 +699,9 @@ function parseInlineCssFiles(files) {
   }).flat();
 }
 
-export function lintWidgetShellFromSources({ pageSource, cssFiles }) {
+export function lintWidgetShellFromSources({ pageSource, cssFiles, root = ROOT }) {
   const rules = parseInlineCssFiles(cssFiles);
-  return lintWidgetShell({ pageSource, rules });
+  return lintWidgetShell({ pageSource, rules, root });
 }
 
 function assertSelfTest() {

package/src/validators/widget-shell.mjs

@@ -1,5 +1,6 @@
 import { existsSync, readFileSync, readdirSync } from 'node:fs'
 import path from 'node:path'
+import { lintWidgetShellFromSources } from '../adapters/interest-card/opencard/validate-widget-shell.mjs'
 
 function listCssFiles(directory, files = []) {
   if (!existsSync(directory)) return files
@@ -14,94 +15,41 @@ function listCssFiles(directory, files = []) {
   return files
 }
 
-function rootRule(source) {
-  const match = /\.widget-root\s*\{([\s\S]*?)\}/m.exec(source)
-  return match?.[1] ?? ''
-}
-
-function hasDeclaration(css, property, value) {
-  const expression = new RegExp(
-    `${property.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}\\s*:\\s*${value}`,
-    'i',
-  )
-  return expression.test(css)
-}
-
-function formatFinding(file, line, column, message) {
-  return `${file}:${line}:${column} ${message}`
-}
-
 export function validateWidgetShell(context) {
   const root = context.target === 'opencard' ? context.root : context.opencardRoot
   if (!root) return { skipped: true, findings: [] }
 
   const pageFile = path.join(root, 'src/pages/index/index.tsx')
-  const sourceDirectory = path.join(root, 'src')
-  const findings = []
+  let findings
   if (!existsSync(pageFile)) {
-    findings.push({
-      file: 'src/pages/index/index.tsx',
-      line: 1,
-      column: 1,
+    findings = [{
+      file: 'src/pages/index/index.tsx', line: 1, column: 1,
       message: '缺少 OpenCard 页面入口。',
-    })
+    }]
   } else {
-    const page = readFileSync(pageFile, 'utf8')
-    if (!/<View\b[^>]*className\s*=\s*(?:"[^"]*\bwidget-root\b[^"]*"|'[^']*\bwidget-root\b[^']*')/m.test(page)) {
-      findings.push({
-        file: 'src/pages/index/index.tsx',
-        line: 1,
-        column: 1,
-        message: '页面根 View 必须使用 widget-root 作为固定 widget 底板。',
+    // Reuse the master checker: inspect returned roots and merged CSS, including variables.
+    const cssFiles = listCssFiles(path.join(root, 'src'))
+      .map((file) => ({
+        filename: path.relative(root, file).replace(/\\/g, '/'),
+        source: readFileSync(file, 'utf8'),
+      }))
+      .sort((a, b) => {
+        if (a.filename === 'src/app.css') return -1
+        if (b.filename === 'src/app.css') return 1
+        return a.filename.localeCompare(b.filename)
       })
-    }
-  }
-
-  const cssFiles = listCssFiles(sourceDirectory)
-  const css = cssFiles.map((file) => readFileSync(file, 'utf8')).join('\n')
-  const shell = rootRule(css)
-  if (!shell) {
-    findings.push({
-      file: 'src/pages/index/index.css',
-      line: 1,
-      column: 1,
-      message: '缺少 .widget-root CSS。',
+    findings = lintWidgetShellFromSources({
+      root,
+      pageSource: readFileSync(pageFile, 'utf8'),
+      cssFiles,
     })
-  } else {
-    const checks = [
-      [/box-sizing\s*:\s*border-box/i, '底板必须使用 box-sizing: border-box。'],
-      [/display\s*:\s*flex/i, '底板必须使用 Flex 布局。'],
-      [/height\s*:\s*100%/i, '底板必须使用 height: 100%，不能使用 100vh。'],
-      [/background(?:-color)?\s*:\s*(?!transparent|none)[^;]+/i, '底板必须有非透明背景。'],
-      [/border\s*:\s*1px\s+(?:solid|dashed|dotted)\s+[^;]+/i, '底板必须有 1px 描边。'],
-      [/border-radius\s*:\s*(?:12px|var\(--[A-Za-z0-9_-]+\))/i, '底板四角必须使用 12px 圆角。'],
-    ]
-    for (const [expression, message] of checks) {
-      if (!expression.test(shell)) {
-        findings.push({
-          file: 'src/pages/index/index.css',
-          line: 1,
-          column: 1,
-          message,
-        })
-      }
-    }
-    if (hasDeclaration(shell, 'height', '100vh')) {
-      findings.push({
-        file: 'src/pages/index/index.css',
-        line: 1,
-        column: 1,
-        message: '固定 widget 禁止使用 height: 100vh。',
-      })
-    }
   }
 
   if (findings.length > 0) {
     console.warn(`WARN: OpenCard widget 底板校验未通过（${findings.length}），不阻断构建`)
     for (const finding of findings) {
-      console.warn(formatFinding(finding.file, finding.line, finding.column, finding.message))
+      console.warn(`${finding.file}:${finding.line}:${finding.column} ${finding.message}`)
     }
   }
-
   return { skipped: false, findings }
 }