@open-dy/vibecoding-sdk-taro 0.0.1 → 0.1.0-beta.0

package/src/eslint/eslint-plugin-network-json-body.mjs

@@ -0,0 +1,103 @@
+// Inspect only statically known options; dynamic request builders need runtime tests.
+const unknown = Symbol('unknown');
+
+function propertyName(node) {
+  if (!node.computed && node.key.type === 'Identifier') return node.key.name;
+  return node.key.type === 'Literal' ? node.key.value : unknown;
+}
+
+function property(object, name, ignoreCase = false) {
+  if (!object || object.type !== 'ObjectExpression') return unknown;
+  let result;
+  for (const item of object.properties) {
+    if (item.type !== 'Property') {
+      result = unknown;
+      continue;
+    }
+    const key = propertyName(item);
+    if (key === unknown) {
+      result = unknown;
+    } else if (typeof key === 'string' && (ignoreCase ? key.toLowerCase() === name : key === name)) {
+      result = item.value;
+    }
+  }
+  return result;
+}
+
+function literal(node) {
+  if (node?.type === 'Literal') return node.value;
+  if (node?.type === 'TemplateLiteral' && node.expressions.length === 0) {
+    return node.quasis[0].value.cooked;
+  }
+  return unknown;
+}
+
+function variableFor(context, node) {
+  let scope = context.sourceCode.getScope(node);
+  while (scope) {
+    const variable = scope.set.get(node.name);
+    if (variable) return variable;
+    scope = scope.upper;
+  }
+}
+
+function isNetworkImport(context, node) {
+  if (node?.type !== 'Identifier') return false;
+  return variableFor(context, node)?.defs.some(def =>
+    def.type === 'ImportBinding' &&
+    def.node.type === 'ImportSpecifier' &&
+    (def.node.imported.name ?? def.node.imported.value) === 'Network' &&
+    /(?:^|\/)network(?:\.ts)?$/.test(def.parent.source.value),
+  ) ?? false;
+}
+
+function isEmptyBody(context, node) {
+  if (node === undefined) return true;
+  if (node === unknown) return false;
+  if (node.type === 'UnaryExpression' && node.operator === 'void') return true;
+  if (node.type === 'Identifier' && node.name === 'undefined') {
+    return !variableFor(context, node)?.defs.length;
+  }
+  const value = literal(node);
+  return value === null || (typeof value === 'string' && value.trim() === '');
+}
+
+export default {
+  rules: {
+    'require-delete-json-body': {
+      meta: {
+        type: 'problem',
+        schema: [],
+        docs: { description: 'Require a non-empty JSON body for Network.request DELETE calls.' },
+        messages: {
+          empty: 'Network.request 的 DELETE 请求使用默认或显式 JSON Content-Type 时，必须传非空 data；无业务参数请传 data: {}。否则真机可能触发 Fastify FST_ERR_CTP_EMPTY_JSON_BODY。',
+        },
+      },
+      create(context) {
+        return {
+          CallExpression(node) {
+            const callee = node.callee;
+            if (callee.type !== 'MemberExpression' || !isNetworkImport(context, callee.object)) return;
+            const methodName = callee.computed ? literal(callee.property) : callee.property.name;
+            if (methodName !== 'request') return;
+            const options = node.arguments[0];
+            const method = literal(property(options, 'method'));
+            if (typeof method !== 'string' || method.toUpperCase() !== 'DELETE') return;
+            const header = property(options, 'header');
+            if (header !== undefined) {
+              const contentType = property(header, 'content-type', true);
+              if (contentType === unknown) return;
+              if (contentType !== undefined) {
+                const value = literal(contentType);
+                if (typeof value !== 'string' || !/^application\/json(?:\s*;|\s*$)/i.test(value.trim())) return;
+              }
+            }
+            if (isEmptyBody(context, property(options, 'data'))) {
+              context.report({ node: options, messageId: 'empty' });
+            }
+          },
+        };
+      },
+    },
+  },
+};

package/src/eslint/taro.mjs

@@ -6,6 +6,8 @@ import reactHooksPlugin from 'eslint-plugin-react-hooks';
 import importPlugin from 'eslint-plugin-import';
 import globals from 'globals';
 import microappPages from './eslint-plugin-microapp-pages.mjs';
+import customNavigation from './eslint-plugin-custom-navigation.mjs';
+import networkJsonBody from './eslint-plugin-network-json-body.mjs';
 
 const REMOTE_CSS_IMPORT_PATTERN =
   /@import\s+(?:url\(\s*['"]?((?:https?:)?\/\/[^'")\s]+)['"]?\s*\)|['"]((?:https?:)?\/\/[^'"\s]+)['"])/g;
@@ -69,7 +71,7 @@ function createLucideColorCheckPlugin(importSources = ['@open-dy/lucide-taro'])
 const cssImportGuardPlugin = {
   processors: {
     css: {
-      preprocess(text) {
+      preprocess(text, filename) {
         const lines = text.replace(/\/\*[\s\S]*?\*\//g, comment => {
           if (comment.includes('eslint-')) return comment;
           return comment.replace(/[^\n]/g, ' ');
@@ -101,6 +103,18 @@ const cssImportGuardPlugin = {
           ].join(' ');
         });
 
+        // Scope this guard to the SDK-based host app; OpenCard has its own CSS pipeline.
+        if (filename.replaceAll('\\', '/').endsWith('/src/app.css')) {
+          const css = lines.join('\n');
+          const imports = [...css.matchAll(/@import\s+(?:url\(\s*)?['"]([^'"]+)['"]/g)]
+            .map(match => match[1]);
+          const usesSdkTheme = imports.some(value => /^@[^/]+\/vibecoding-sdk-taro\/ui\/tailwind\.css$/.test(value));
+          const hasUtilities = imports.some(value => ['weapp-tailwindcss', 'tailwindcss', 'tailwindcss/utilities.css', 'weapp-tailwindcss/utilities.css'].includes(value))
+            || /@tailwind\s+utilities\s*;/.test(css);
+          if (usesSdkTheme && !hasUtilities) {
+            virtualLines[0] = `${virtualLines[0] ?? ''} __cssMissingTailwindEntry();`;
+          }
+        }
         return [virtualLines.join('\n')];
       },
       postprocess(messages) {
@@ -249,6 +263,16 @@ function collectStaticStrings(node, result = []) {
 
 const tailwindEnforcementPlugin = {
   rules: {
+    'require-utilities-entry': {
+      create(context) {
+        return {
+          CallExpression(node) {
+            if (node.callee?.name !== '__cssMissingTailwindEntry') return;
+            context.report({ node, message: 'src/app.css 缺少 Tailwind 工具类入口。请保留模板的 @import "weapp-tailwindcss";；SDK ui/tailwind.css 只提供主题和组件扫描，不能替代此入口。' });
+          },
+        };
+      },
+    },
     'no-arbitrary-font-size': {
       create(context) {
         function reportArbitraryFontSize(node, className) {
@@ -440,15 +464,27 @@ export function createMicroappTaroEslintConfig(options = {}) {
       'tailwindcss/no-custom-classname': 'off',
     },
   },
+  {
+    files: ['src/**/*.{js,jsx,ts,tsx}'],
+    plugins: { customNavigation },
+    rules: {
+      'customNavigation/no-navigation-control-apis': 'error',
+    },
+  },
   {
     files: ['src/**/*.{js,jsx,ts,tsx}'],
     ignores: ['src/network.ts'],
     plugins: {
+      networkJsonBody,
       lucide: lucideColorCheckPlugin,
       microappPages,
+      customNavigation,
       tailwind: tailwindEnforcementPlugin,
     },
     rules: {
+      'customNavigation/require-custom-navigation-style': 'error',
+      'customNavigation/pages-must-use-custom-nav-space': 'error',
+      'networkJsonBody/require-delete-json-body': 'error',
       'microappPages/nav-url-in-app-pages': 'error',
       // 'microappPages/page-dirs-in-app-pages': 'error',
       'microappPages/declared-pages-must-exist': 'error',
@@ -508,6 +544,7 @@ export function createMicroappTaroEslintConfig(options = {}) {
     },
     processor: 'local/css',
     rules: {
+      'tailwind/require-utilities-entry': 'error',
       'no-undef': 'off',
       'tailwind/no-arbitrary-font-size': 'error',
       'no-restricted-syntax': ['error', ...baseRestrictedSyntaxRules],

package/src/runtime/client.ts

@@ -77,10 +77,6 @@ export function createMicroappClient(
     const externalPlatformHeader = mergeExternalPlatformChannelHeader(option.header)
     const fallbackHeader = mergeRequestIdentityHeaders(externalPlatformHeader)
 
-    const logResponse = (url: string, res: Taro.request.SuccessCallbackResult<any>) => {
-      console.log(`[Network] ${method} ${url} ${res.statusCode}`, res.data)
-    }
-
     if (
       isDouyinMiniProgram() &&
       !isWebPreviewEnv() &&
@@ -93,7 +89,6 @@ export function createMicroappClient(
         method,
         header,
       })
-      promise.then(res => logResponse(option.url, res)).catch(() => { })
       return promise
     }
 
@@ -116,7 +111,6 @@ export function createMicroappClient(
         ...(method.toUpperCase() === 'GET' ? {} : { data }),
       })
     })
-    promise.then(res => logResponse(option.url, res)).catch(() => { })
     return promise
   }) as typeof Taro.request
 

package/src/runtime/douyin-container-request.ts

@@ -174,7 +174,6 @@ export const requestByDouyinContainer = (
           ...(method.toUpperCase() === "GET" ? {} : { body: option.data }),
         },
         success: (result) => {
-          console.log("[callContainer] raw result:", JSON.stringify(result));
           const payload = "data" in result ? result.data : result.body;
           const response: Taro.request.SuccessCallbackResult<any> = {
             data: parseContainerResponseBody(payload, option.dataType),
@@ -188,7 +187,6 @@ export const requestByDouyinContainer = (
           resolve(response);
         },
         fail: (result) => {
-          console.log("[callContainer] fail result:", result);
           const error = {
             errMsg: result.errMsg || "request:fail callContainer error",
           };
@@ -250,7 +248,6 @@ export const requestSSEByDouyinContainer = (
         resolve((result as any).eventSourceTask);
       },
       fail: (result) => {
-        console.log("[callContainer] fail result:", result);
         const errMsg = result.errMsg || "request:fail callContainer error";
         reject(new Error(errMsg));
       },
@@ -283,7 +280,6 @@ export const uploadByDouyinContainer = (option: Taro.uploadFile.Option) => {
           filePath: option.filePath,
           cloudPath: option.fileName ?? '',
           success: (result) => {
-            console.log("[uploadFile] raw result:", JSON.stringify(result));
             const response: Taro.uploadFile.SuccessCallbackResult = {
               data: '',
               statusCode: 200,
@@ -296,7 +292,6 @@ export const uploadByDouyinContainer = (option: Taro.uploadFile.Option) => {
             resolve(response);
           },
           fail: (result) => {
-            console.log("[uploadFile] fail result:", result);
             const error = {
               errMsg: result.errMsg || "request:fail uploadFile error",
               errNo: result.errNo,
@@ -335,7 +330,6 @@ export const downloadByDouyinContainer = (option: Taro.downloadFile.Option) => {
         downloadFile.bind(cloud)({
           cloudPath: option.filePath ?? '',
           success: (result) => {
-            console.log("[downloadFile] raw result:", JSON.stringify(result));
             const response: Taro.downloadFile.FileSuccessCallbackResult = {
               filePath: result.filePath,
               tempFilePath: result.tempFilePath,
@@ -349,7 +343,6 @@ export const downloadByDouyinContainer = (option: Taro.downloadFile.Option) => {
             resolve(response);
           },
           fail: (result) => {
-            console.log("[downloadFile] fail result:", result);
             const error = {
               errMsg: result.errMsg || "request:fail downloadFile error",
               errNo: result.errNo,

package/src/runtime/network-url.ts

@@ -33,7 +33,6 @@ export const appendGetQuery = (
 ): string => {
   if ((method ?? 'GET').toUpperCase() !== 'GET' || !data) {
     const result = encodeExistingQuery(url)
-    // console.log('[appendGetQuery] path:', result)
     return result
   }
 
@@ -44,12 +43,10 @@ export const appendGetQuery = (
 
   const base = encodeExistingQuery(url)
   if (!queryString) {
-    // console.log('[appendGetQuery] path:', base)
     return base
   }
 
   const result = `${base}${base.includes('?') ? '&' : '?'}${queryString}`
-  // console.log('[appendGetQuery] path:', result)
   return result
 }
 

package/src/ui/menubar.tsx

@@ -506,7 +506,6 @@ function MenubarRadioItem({
         className
       )}
       onClick={(event) => {
-        console.log(event)
         if (disabled) return
         group?.onValueChange?.(value)
         onClick?.(event)