@pinepaper.studio/mcp-server 1.6.27 → 1.6.29

package/dist/vendor/design/device-mockup-generator.js

@@ -49,12 +49,8 @@ export function generateBrowserWindowCode(opts) {
     const pillH = Math.round(headerHeight * 0.65);
     const pillX = Math.round(cx - pillW / 2);
     const pillY = Math.round(cy - h / 2 + (headerHeight - pillH) / 2);
-    return `
-  // Browser Window Mockup Frame
-  var frameGroup = new paper.Group();
-  
-  // Outer ambient shadow
-  ${opts.dropShadow !== false ? `
+    return ("\n  // Browser Window Mockup Frame\n  var frameGroup = new paper.Group();\n  \n  // Outer ambient shadow\n  " +
+String(opts.dropShadow !== false ? `
   var shadow = new paper.Path.Rectangle({
     point: [${cx - w / 2 + 6}, ${cy - h / 2 + 10}],
     size: [${w}, ${h}],
@@ -62,77 +58,89 @@ export function generateBrowserWindowCode(opts) {
     fillColor: '${isDark ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.15)"}'
   });
   frameGroup.addChild(shadow);
-  ` : ""}
-
-  // Window Main Body
-  var windowBody = new paper.Path.Rectangle({
-    point: [${cx - w / 2}, ${cy - h / 2}],
-    size: [${w}, ${h}],
-    radius: ${radius},
-    fillColor: '${bgWindow}',
-    strokeColor: '${borderColor}',
-    strokeWidth: 1.5
-  });
-  frameGroup.addChild(windowBody);
-
-  // Header Titlebar
-  var header = new paper.Path.Rectangle({
-    point: [${cx - w / 2}, ${cy - h / 2}],
-    size: [${w}, ${headerHeight}],
-    radius: ${radius},
-    fillColor: '${bgHeader}'
-  });
-  // Clip header bottom corners to keep top rounded
-  var headerCut = new paper.Path.Rectangle({
-    point: [${cx - w / 2}, ${cy - h / 2 + headerHeight - radius}],
-    size: [${w}, ${radius}],
-    fillColor: '${bgHeader}'
-  });
-  var fullHeader = header.unite(headerCut);
-  fullHeader.strokeColor = '${borderColor}';
-  fullHeader.strokeWidth = 1;
-  frameGroup.addChild(fullHeader);
-
-  // Traffic Light Window Controls
-  var closeDot = new paper.Path.Circle({ center: [${dotStartX}, ${dotY}], radius: ${dotR}, fillColor: '#ff5f56' });
-  var minDot = new paper.Path.Circle({ center: [${dotStartX + 14}, ${dotY}], radius: ${dotR}, fillColor: '#ffbd2e' });
-  var maxDot = new paper.Path.Circle({ center: [${dotStartX + 28}, ${dotY}], radius: ${dotR}, fillColor: '#27c93f' });
-  
-  frameGroup.addChild(closeDot);
-  frameGroup.addChild(minDot);
-  frameGroup.addChild(maxDot);
-
-  // Address Bar Pill
-  var urlPill = new paper.Path.Rectangle({
-    point: [${pillX}, ${pillY}],
-    size: [${pillW}, ${pillH}],
-    radius: ${pillH / 2},
-    fillColor: '${bgUrlBar}',
-    strokeColor: '${borderColor}',
-    strokeWidth: 1
-  });
-  frameGroup.addChild(urlPill);
-
-  // SSL Lock Icon
-  var lockIcon = new paper.PointText({
-    point: [${pillX + 12}, ${pillY + pillH / 2 + 4}],
-    content: '🔒',
-    fontSize: 10,
-    fillColor: '${textUrl}'
-  });
-  frameGroup.addChild(lockIcon);
-
-  // Address Bar Text
-  var urlText = new paper.PointText({
-    point: [${pillX + 28}, ${pillY + pillH / 2 + 4}],
-    content: ${lit(urlDisplay)},
-    fontFamily: 'Inter, system-ui, sans-serif',
-    fontSize: 12,
-    fontWeight: 'normal',
-    fillColor: '${textUrl}'
-  });
-  frameGroup.addChild(urlText);
-  `;
+  ` : "") +
+"\n\n  // Window Main Body\n  var windowBody = new paper.Path.Rectangle({\n    point: [" +
+String(cx - w / 2) +
+", " +
+String(cy - h / 2) +
+"],\n    size: [" +
+String(w) +
+", " +
+String(h) +
+"],\n    radius: " +
+String(radius) +
+",\n    fillColor: '" +
+String(bgWindow) +
+"',\n    strokeColor: '" +
+String(borderColor) +
+"',\n    strokeWidth: 1.5\n  });\n  frameGroup.addChild(windowBody);\n\n  // Header Titlebar\n  var header = new paper.Path.Rectangle({\n    point: [" +
+String(cx - w / 2) +
+", " +
+String(cy - h / 2) +
+"],\n    size: [" +
+String(w) +
+", " +
+String(headerHeight) +
+"],\n    radius: " +
+String(radius) +
+",\n    fillColor: '" +
+String(bgHeader) +
+"'\n  });\n  // Clip header bottom corners to keep top rounded\n  var headerCut = new paper.Path.Rectangle({\n    point: [" +
+String(cx - w / 2) +
+", " +
+String(cy - h / 2 + headerHeight - radius) +
+"],\n    size: [" +
+String(w) +
+", " +
+String(radius) +
+"],\n    fillColor: '" +
+String(bgHeader) +
+"'\n  });\n  var fullHeader = header.unite(headerCut);\n  fullHeader.strokeColor = '" +
+String(borderColor) +
+"';\n  fullHeader.strokeWidth = 1;\n  frameGroup.addChild(fullHeader);\n\n  // Traffic Light Window Controls\n  var closeDot = new paper.Path.Circle({ center: [" +
+String(dotStartX) +
+", " +
+String(dotY) +
+"], radius: " +
+String(dotR) +
+", fillColor: '#ff5f56' });\n  var minDot = new paper.Path.Circle({ center: [" +
+String(dotStartX + 14) +
+", " +
+String(dotY) +
+"], radius: " +
+String(dotR) +
+", fillColor: '#ffbd2e' });\n  var maxDot = new paper.Path.Circle({ center: [" +
+String(dotStartX + 28) +
+", " +
+String(dotY) +
+"], radius: " +
+String(dotR) +
+", fillColor: '#27c93f' });\n  \n  frameGroup.addChild(closeDot);\n  frameGroup.addChild(minDot);\n  frameGroup.addChild(maxDot);\n\n  // Address Bar Pill\n  var urlPill = new paper.Path.Rectangle({\n    point: [" +
+String(pillX) +
+", " +
+String(pillY) +
+"],\n    size: [" +
+String(pillW) +
+", " +
+String(pillH) +
+"],\n    radius: " +
+String(pillH / 2) +
+",\n    fillColor: '" +
+String(bgUrlBar) +
+"',\n    strokeColor: '" +
+String(borderColor) +
+"',\n    strokeWidth: 1\n  });\n  frameGroup.addChild(urlPill);\n\n  // SSL Lock Icon\n  var lockIcon = new paper.PointText({\n    point: [" +
+String(pillX + 12) +
+", " +
+String(pillY + pillH / 2 + 4) +
+"],\n    content: '🔒',\n    fontSize: 10,\n    fillColor: '" +
+String(textUrl) +
+"'\n  });\n  frameGroup.addChild(lockIcon);\n\n  // Address Bar Text\n  var urlText = new paper.PointText({\n    point: [" +
+String(pillX + 28) +
+", " +
+String(pillY + pillH / 2 + 4) +
+"],\n    content: " +
+String(lit(urlDisplay)) + ",\n    fontFamily: 'Inter, system-ui, sans-serif',\n    fontSize: 12,\n    fontWeight: 'normal',\n    fillColor: '" + String(textUrl) + "'\n  });\n  frameGroup.addChild(urlText);\n  ");
 }
 /**
  * Generates Paper.js code for a simulated interactive prompt input box.
@@ -150,55 +158,52 @@ export function generateSimulatedPromptInputCode(opts) {
     // Submit / Generate Button Pill
     const btnH = Math.round(h * 0.72);
     const btnFontSize = Math.max(12, Math.round(btnH * 0.38));
-    return `
-  // Simulated Interactive Prompt Bar
-  var promptGroup = new paper.Group();
-
-  // Outer glowing aura
-  var glow = new paper.Path.Rectangle({
-    point: [${x - 2}, ${y - 2}],
-    size: [${w + 4}, ${h + 4}],
-    radius: ${Math.round(h * 0.35) + 2},
-    fillColor: '${accent}22',
-    strokeColor: '${accent}55',
-    strokeWidth: 1.5
-  });
-  promptGroup.addChild(glow);
-
-  // Input background container
-  var inputBg = new paper.Path.Rectangle({
-    point: [${x}, ${y}],
-    size: [${w}, ${h}],
-    radius: ${Math.round(h * 0.35)},
-    fillColor: '#090d13',
-    strokeColor: '${accent}',
-    strokeWidth: 1.5
-  });
-  promptGroup.addChild(inputBg);
-
-  // Prompt Prefix Icon
-  var sparkleIcon = new paper.PointText({
-    point: [${x + 18}, ${y + h / 2 + 5}],
-    content: '✦',
-    fontFamily: 'system-ui',
-    fontSize: ${Math.max(14, Math.round(h * 0.32))},
-    fillColor: '${accent}'
-  });
-  promptGroup.addChild(sparkleIcon);
-
-  // Prompt Text Content
-  var promptContent = new paper.PointText({
-    point: [${x + 44}, ${y + h / 2 + 5}],
-    content: ${lit(text)},
-    fontFamily: 'Inter, -apple-system, sans-serif',
-    fontSize: ${Math.max(13, Math.round(h * 0.28))},
-    fontWeight: '500',
-    fillColor: '${textColor}'
-  });
-  promptGroup.addChild(promptContent);
-
-  // Blinking Caret Cursor
-  ${opts.showCursor !== false ? `
+    return ("\n  // Simulated Interactive Prompt Bar\n  var promptGroup = new paper.Group();\n\n  // Outer glowing aura\n  var glow = new paper.Path.Rectangle({\n    point: [" +
+String(x - 2) +
+", " +
+String(y - 2) +
+"],\n    size: [" +
+String(w + 4) +
+", " +
+String(h + 4) +
+"],\n    radius: " +
+String(Math.round(h * 0.35) + 2) +
+",\n    fillColor: '" +
+String(accent) +
+"22',\n    strokeColor: '" +
+String(accent) +
+"55',\n    strokeWidth: 1.5\n  });\n  promptGroup.addChild(glow);\n\n  // Input background container\n  var inputBg = new paper.Path.Rectangle({\n    point: [" +
+String(x) +
+", " +
+String(y) +
+"],\n    size: [" +
+String(w) +
+", " +
+String(h) +
+"],\n    radius: " +
+String(Math.round(h * 0.35)) +
+",\n    fillColor: '#090d13',\n    strokeColor: '" +
+String(accent) +
+"',\n    strokeWidth: 1.5\n  });\n  promptGroup.addChild(inputBg);\n\n  // Prompt Prefix Icon\n  var sparkleIcon = new paper.PointText({\n    point: [" +
+String(x + 18) +
+", " +
+String(y + h / 2 + 5) +
+"],\n    content: '✦',\n    fontFamily: 'system-ui',\n    fontSize: " +
+String(Math.max(14, Math.round(h * 0.32))) +
+",\n    fillColor: '" +
+String(accent) +
+"'\n  });\n  promptGroup.addChild(sparkleIcon);\n\n  // Prompt Text Content\n  var promptContent = new paper.PointText({\n    point: [" +
+String(x + 44) +
+", " +
+String(y + h / 2 + 5) +
+"],\n    content: " +
+String(lit(text)) +
+",\n    fontFamily: 'Inter, -apple-system, sans-serif',\n    fontSize: " +
+String(Math.max(13, Math.round(h * 0.28))) +
+",\n    fontWeight: '500',\n    fillColor: '" +
+String(textColor) +
+"'\n  });\n  promptGroup.addChild(promptContent);\n\n  // Blinking Caret Cursor\n  " +
+String(opts.showCursor !== false ? `
   var textBounds = promptContent.bounds;
   var caret = new paper.Path.Line({
     from: [textBounds.right + 3, ${y + h * 0.25}],
@@ -207,33 +212,45 @@ export function generateSimulatedPromptInputCode(opts) {
     strokeWidth: 2
   });
   promptGroup.addChild(caret);
-  ` : ""}
+  ` : "") +
+"\n\n  // Submit / Generate Button Pill\n  var btnW = " +
+String(Math.max(90, Math.round(w * 0.18))) +
+";\n  var btnH = " +
+String(btnH) +
+";\n  var btnX = " +
+String(x + w) +
+" - btnW - " +
+String(Math.round(h * 0.14)) +
+";\n  var btnY = " +
+String(y) +
+" + (" +
+String(h) +
+" - btnH) / 2;\n\n  var submitBtn = new paper.Path.Rectangle({\n    point: [btnX, btnY],\n    size: [btnW, btnH],\n    radius: btnH / 2,\n    fillColor: '" +
+String(accent) +
+"'\n  });\n  promptGroup.addChild(submitBtn);\n\n  var btnLabel = new paper.PointText({\n    point: [btnX + btnW / 2, btnY + btnH / 2 + 4],\n    content: " +
+String(lit(btnText)) +
+",\n    fontFamily: 'Inter, system-ui, sans-serif',\n    fontSize: " +
+String(btnFontSize) +
+",\n    fontWeight: 'bold',\n    fillColor: '#090d13',\n    justification: 'center'\n  });\n  promptGroup.addChild(btnLabel);\n  "
 
-  // Submit / Generate Button Pill
-  var btnW = ${Math.max(90, Math.round(w * 0.18))};
-  var btnH = ${btnH};
-  var btnX = ${x + w} - btnW - ${Math.round(h * 0.14)};
-  var btnY = ${y} + (${h} - btnH) / 2;
 
-  var submitBtn = new paper.Path.Rectangle({
-    point: [btnX, btnY],
-    size: [btnW, btnH],
-    radius: btnH / 2,
-    fillColor: '${accent}'
-  });
-  promptGroup.addChild(submitBtn);
 
-  var btnLabel = new paper.PointText({
-    point: [btnX + btnW / 2, btnY + btnH / 2 + 4],
-    content: ${lit(btnText)},
-    fontFamily: 'Inter, system-ui, sans-serif',
-    fontSize: ${btnFontSize},
-    fontWeight: 'bold',
-    fillColor: '#090d13',
-    justification: 'center'
-  });
-  promptGroup.addChild(btnLabel);
-  `;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
 }
 /**
  * Generates Paper.js code for an animated cursor with optional click pulse.

package/dist/vendor/design/recursive-subdivision-generator.js

@@ -207,113 +207,113 @@ export function generateRecursiveSubdivisionCode(opts = {}) {
     const { cells, dividers } = partitionSubdivision(opts);
     const serializedCells = JSON.stringify(cells);
     const serializedDividers = JSON.stringify(dividers);
-    return `// Recursive Quadtree Subdivision Vector Generator (${presetName})
-(function() {
-  const items = [];
-  const prefix = "${prefix}";
-  const cellInset = ${cellInset};
-  const dividerWidth = ${dividerWidth};
-  const dividerColor = "${dividerColor}";
-  const groundColor = "${ground}";
-
-  // 1. Solid Ground Backdrop
-  const bg = new paper.Path.Rectangle({
-    point: [${x}, ${y}],
-    size: [${w}, ${h}],
-    fillColor: groundColor,
-    strokeColor: null
-  });
-  if (typeof app.registerItem === "function") {
-    app.registerItem(bg, prefix + "_backdrop", { source: "recursive_subdivision", role: "backdrop" });
-  }
-  items.push(bg);
-
-  // 2. Leaf Color Blocks & Nested Accents
-  const cells = ${serializedCells};
-  for (let i = 0; i < cells.length; i++) {
-    const c = cells[i];
-    const ix = c.x + cellInset;
-    const iy = c.y + cellInset;
-    const iw = Math.max(1, c.width - cellInset * 2);
-    const ih = Math.max(1, c.height - cellInset * 2);
-
-    if (c.color && c.color !== groundColor) {
-      const rect = new paper.Path.Rectangle({
-        point: [ix, iy],
-        size: [iw, ih],
-        fillColor: c.color,
-        strokeColor: null
-      });
-      const cellId = prefix + "_cell_" + i;
-      if (typeof app.registerItem === "function") {
-        app.registerItem(rect, cellId, {
-          source: "recursive_subdivision",
-          depth: c.depth,
-          isRestCell: Boolean(c.isRestCell)
-        });
-      }
-      items.push(rect);
-
-      // Optional nested accent box
-      if (c.hasNested && c.nestedColor && iw > 24 && ih > 24) {
-        const nestInset = Math.min(iw, ih) * 0.22;
-        const nestRect = new paper.Path.Rectangle({
-          point: [ix + nestInset, iy + nestInset],
-          size: [iw - nestInset * 2, ih - nestInset * 2],
-          fillColor: c.nestedColor,
-          strokeColor: null
-        });
-        const nestId = prefix + "_cell_" + i + "_nested";
-        if (typeof app.registerItem === "function") {
-          app.registerItem(nestRect, nestId, { source: "recursive_subdivision", role: "nested" });
-        }
-        items.push(nestRect);
-      }
-    }
-  }
-
-  // 3. Orthogonal Divider Grid Lines
-  if (dividerWidth > 0) {
-    const dividers = ${serializedDividers};
-    for (let j = 0; j < dividers.length; j++) {
-      const d = dividers[j];
-      const line = new paper.Path.Line({
-        from: [d.x0, d.y0],
-        to: [d.x1, d.y1],
-        strokeColor: dividerColor,
-        strokeWidth: dividerWidth,
-        strokeCap: "square"
-      });
-      const divId = prefix + "_divider_" + j;
-      if (typeof app.registerItem === "function") {
-        app.registerItem(line, divId, { source: "recursive_subdivision", role: "divider" });
-      }
-      items.push(line);
-    }
+    return ("// Recursive Quadtree Subdivision Vector Generator (" +
+String(presetName) +
+")\n(function() {\n  const items = [];\n  const prefix = \"" +
+String(prefix) +
+"\";\n  const cellInset = " +
+String(cellInset) +
+";\n  const dividerWidth = " +
+String(dividerWidth) +
+";\n  const dividerColor = \"" +
+String(dividerColor) +
+"\";\n  const groundColor = \"" +
+String(ground) +
+"\";\n\n  // 1. Solid Ground Backdrop\n  const bg = new paper.Path.Rectangle({\n    point: [" +
+String(x) +
+", " +
+String(y) +
+"],\n    size: [" +
+String(w) +
+", " +
+String(h) +
+"],\n    fillColor: groundColor,\n    strokeColor: null\n  });\n  if (typeof app.registerItem === \"function\") {\n    app.registerItem(bg, prefix + \"_backdrop\", { source: \"recursive_subdivision\", role: \"backdrop\" });\n  }\n  items.push(bg);\n\n  // 2. Leaf Color Blocks & Nested Accents\n  const cells = " +
+String(serializedCells) +
+";\n  for (let i = 0; i < cells.length; i++) {\n    const c = cells[i];\n    const ix = c.x + cellInset;\n    const iy = c.y + cellInset;\n    const iw = Math.max(1, c.width - cellInset * 2);\n    const ih = Math.max(1, c.height - cellInset * 2);\n\n    if (c.color && c.color !== groundColor) {\n      const rect = new paper.Path.Rectangle({\n        point: [ix, iy],\n        size: [iw, ih],\n        fillColor: c.color,\n        strokeColor: null\n      });\n      const cellId = prefix + \"_cell_\" + i;\n      if (typeof app.registerItem === \"function\") {\n        app.registerItem(rect, cellId, {\n          source: \"recursive_subdivision\",\n          depth: c.depth,\n          isRestCell" +
+": Boolean(c.isRestCell)\n        });\n      }\n      items.push(rect);\n\n      // Optional nested accent box\n      if (c.hasNested && c.nestedColor && iw > 24 && ih > 24) {\n        const nestInset = Math.min(iw, ih) * 0.22;\n        const nestRect = new paper.Path.Rectangle({\n          point: [ix + nestInset, iy + nestInset],\n          size: [iw - nestInset * 2, ih - nestInset * 2],\n          fillColor: c.nestedColor,\n          strokeColor: null\n        });\n        const nestId = prefix + \"_cell_\" + i + \"_nested\";\n        if (typeof app.registerItem === \"function\") {\n          app.registerItem(nestRect, nestId, { source: \"recursive_subdivision\", role: \"nested\" });\n   " +
+"     }\n        items.push(nestRect);\n      }\n    }\n  }\n\n  // 3. Orthogonal Divider Grid Lines\n  if (dividerWidth > 0) {\n    const dividers = " +
+String(serializedDividers) +
+";\n    for (let j = 0; j < dividers.length; j++) {\n      const d = dividers[j];\n      const line = new paper.Path.Line({\n        from: [d.x0, d.y0],\n        to: [d.x1, d.y1],\n        strokeColor: dividerColor,\n        strokeWidth: dividerWidth,\n        strokeCap: \"square\"\n      });\n      const divId = prefix + \"_divider_\" + j;\n      if (typeof app.registerItem === \"function\") {\n        app.registerItem(line, divId, { source: \"recursive_subdivision\", role: \"divider\" });\n      }\n      items.push(line);\n    }\n\n    // Outer border frame\n    const frame = new paper.Path.Rectangle({\n      point: [" +
+String(x) +
+", " +
+String(y) +
+"],\n      size: [" +
+String(w) +
+", " +
+String(h) +
+"],\n      fillColor: null,\n      strokeColor: dividerColor,\n      strokeWidth: dividerWidth * 1.5\n    });\n    if (typeof app.registerItem === \"function\") {\n      app.registerItem(frame, prefix + \"_frame\", { source: \"recursive_subdivision\", role: \"frame\" });\n    }\n    items.push(frame);\n  }\n\n  const group = new paper.Group(items);\n  if (typeof app.registerItem === \"function\") {\n    app.registerItem(group, prefix + \"_group\", {\n      source: \"recursive_subdivision\",\n      cellCount: cells.length,\n      preset: \"" +
+String(presetName) +
+"\"\n    });\n  }\n  return group;\n})();"
 
-    // Outer border frame
-    const frame = new paper.Path.Rectangle({
-      point: [${x}, ${y}],
-      size: [${w}, ${h}],
-      fillColor: null,
-      strokeColor: dividerColor,
-      strokeWidth: dividerWidth * 1.5
-    });
-    if (typeof app.registerItem === "function") {
-      app.registerItem(frame, prefix + "_frame", { source: "recursive_subdivision", role: "frame" });
-    }
-    items.push(frame);
-  }
-
-  const group = new paper.Group(items);
-  if (typeof app.registerItem === "function") {
-    app.registerItem(group, prefix + "_group", {
-      source: "recursive_subdivision",
-      cellCount: cells.length,
-      preset: "${presetName}"
-    });
-  }
-  return group;
-})();`;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
 }
 //# sourceMappingURL=recursive-subdivision-generator.js.map