create-shopify-scss-autofill 0.6.2 → 0.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-shopify-scss-autofill",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "description": "Scaffold scss-kit (SCSS workflow + responsive autofill) for Shopify theme development.",
   "keywords": [
     "shopify",

package/template/tools/scss-kit/MAINTAINING.md

@@ -10,6 +10,9 @@
 - 响应式：PC + Mobile 双设计稿，通过 `r.resp(pc, mobile, desktopType[, mobileType])` 埋点 + 自动生成移动端覆盖。
 - 小稿策略：当 `design.mobileWidth < responsive.smallMobileThreshold`（默认 `400`）时，`mobileClampMode=auto` 会切到 `max-first`，让小稿按上限增长而不是过早封顶。
 - 中稿策略：当 `design.mobileWidth` 落在 `responsive.dualClampMinWidth ~ responsive.dualClampMaxWidth`（默认 `500~600`）时，`mobileClampMode=auto` 会切到 `dual-bound`，用一条 `clamp(min, fluid, max)` 同时约束小屏下限与大屏上限。
+- **设计稿安全防护**：`resp()` 和 `resp_mb()` 均将内部计算的 raw min/max 与设计稿原值对齐，防止 floor/ceiling 配置过大/过小导致 clamp 区间非法：
+  - `resp()`：`eff-min = math.min(min_px(pc), pc)` — 保证 min 不超过 PC 设计稿值
+  - `resp_mb()`：`eff-min = math.min(min_px(mb), mb)`，`eff-max = math.max(max_px(mb), mb)` — 双向安全兜底
 
 ## 关键约束（不要破坏）
 

package/template/tools/scss-kit/cli.mjs

@@ -1083,17 +1083,29 @@ $mobile-clamp-mode: ${responsive.resolvedMobileClampMode};
 }
 
 // 移动段响应式输出策略：
-// - min-first: 传统逻辑（按系数推导 min）
-// - max-first: 小设计稿逻辑（设计值作为 min，按系数推导 max）
-// - dual-bound: 中等设计稿（500-600）逻辑，双向边界 clamp(min, fluid, max)
+// - min-first: 传统逻辑（按系数推导 min），以设计稿值为 min 上限兜底
+// - max-first: 小设计稿逻辑（设计值作为 min），以设计稿值为 max 下限兜底
+// - dual-bound: 中等设计稿（500-600）逻辑，双向边界均以设计稿值兜底
 @function resp_mb($mobile, $type) {
+  $v: _to-px($mobile);
+
   @if $mobile-clamp-mode == max-first {
-    @return clamp_mb($mobile, $mobile, max_px($mobile, $type, mobile));
+    $raw-max: max_px($mobile, $type, mobile);
+    $eff-max: math.max($raw-max, $v);
+    @return clamp_mb($mobile, $mobile, $eff-max);
   }
+
   @if $mobile-clamp-mode == dual-bound {
-    @return clamp_mb($mobile, min_px($mobile, $type, mobile), max_px($mobile, $type, mobile));
+    $raw-min: min_px($mobile, $type, mobile);
+    $raw-max: max_px($mobile, $type, mobile);
+    $eff-min: math.min($raw-min, $v);
+    $eff-max: math.max($raw-max, $v);
+    @return clamp_mb($mobile, $eff-min, $eff-max);
   }
-  @return clamp_mb($mobile, min_px($mobile, $type, mobile));
+
+  $raw-min: min_px($mobile, $type, mobile);
+  $eff-min: math.min($raw-min, $v);
+  @return clamp_mb($mobile, $eff-min);
 }
 
 // 直接输出 PC 段 vw，并用设计稿 px 做上限兜底。
@@ -1133,7 +1145,10 @@ $mobile-clamp-mode: ${responsive.resolvedMobileClampMode};
   @if meta.type-of($pc) != number {
     @error "resp() expects a number (px) for pc value";
   }
-  @return clamp_pc($pc, min_px($pc, $type, desktop));
+  $v: _to-px($pc);
+  $raw-min: min_px($pc, $type, desktop);
+  $eff-min: math.min($raw-min, $v);
+  @return clamp_pc($pc, $eff-min);
 }
 
 // re(): passthrough for non-dimension responsive values (color, display, background, etc.)
@@ -1621,15 +1636,16 @@ function main() {
         JSON.stringify(
           {
             action: 'responsive:generate:entries',
-            ok: false,
+            ok: true,
+            skipped: true,
             reason:
-              'missing autofill.entries in scss-kit.config.json (expected array of entry scss paths)',
+              'autofill.entries is empty — nothing to generate. Create .scss files in src/styles/ and the responsive:watch watcher will register them automatically.',
           },
           null,
           2
         )
       )
-      process.exit(1)
+      process.exit(0)
     }
 
     // Load incremental cache