@grida/refig 0.0.1 → 0.0.2

package/README.md

@@ -1,6 +1,6 @@
 # `@grida/refig`
 
-> **re**nder **fig**ma — headless Figma renderer (Node.js + browser) in the spirit of [`resvg-js`](https://github.com/nicolo-ribaudo/resvg-js)
+> **re**nder **fig**ma — headless Figma renderer (Node.js + browser) in the spirit of [`resvg`](https://github.com/linebender/resvg)
 
 Render Figma documents to **PNG, JPEG, WebP, PDF, and SVG** in **Node.js (no browser required)** or directly in the **browser**.
 

package/dist/browser.mjs

@@ -4,7 +4,7 @@ import {
   collectExportsFromDocument,
   exportSettingToRenderOptions,
   resolveMimeType
-} from "./chunk-PK5L35ID.mjs";
+} from "./chunk-YI7PIULZ.mjs";
 export {
   FigmaDocument,
   FigmaRenderer,

package/dist/{chunk-PK5L35ID.mjs → chunk-YI7PIULZ.mjs}

@@ -13749,11 +13749,19 @@ var iofigma;
         function hasGeometryTrait(node2) {
           return "fillGeometry" in node2 || "strokeGeometry" in node2;
         }
+        function getParentBounds(node2) {
+          const box = "absoluteBoundingBox" in node2 ? node2.absoluteBoundingBox : void 0;
+          const sz = "size" in node2 ? node2.size : void 0;
+          return {
+            width: box?.width ?? sz?.x ?? 0,
+            height: box?.height ?? sz?.y ?? 0
+          };
+        }
         function createVectorNodeFromPath(pathData, geometry, parentNode, childId, name, options) {
           if (!pathData) return null;
           try {
             const vectorNetwork = index_default2.fromSVGPathData(pathData);
-            const bbox = index_default2.getBBox(vectorNetwork);
+            const { width, height } = getParentBounds(parentNode);
             const strokeAsFill = options.strokeAsFill === true;
             return {
               id: childId,
@@ -13767,10 +13775,10 @@ var iofigma;
               }),
               ...positioning_trait({
                 relativeTransform: [
-                  [1, 0, bbox.x],
-                  [0, 1, bbox.y]
+                  [1, 0, 0],
+                  [0, 1, 0]
                 ],
-                size: { x: bbox.width, y: bbox.height }
+                size: { x: width, y: height }
               }),
               ...strokeAsFill ? {
                 ...fills_trait(
@@ -13794,8 +13802,8 @@ var iofigma;
               ..."effects" in parentNode && parentNode.effects ? effects_trait(parentNode.effects) : effects_trait(void 0),
               type: "vector",
               vector_network: vectorNetwork,
-              layout_target_width: bbox.width,
-              layout_target_height: bbox.height,
+              layout_target_width: width,
+              layout_target_height: height,
               fill_rule: map.windingRuleMap[geometry.windingRule] ?? "nonzero"
             };
           } catch (e) {
@@ -13806,13 +13814,73 @@ var iofigma;
             return null;
           }
         }
+        function createPathNodeFromPath(pathData, geometry, parentNode, childId, name, options) {
+          if (!pathData) return null;
+          try {
+            const { width, height } = getParentBounds(parentNode);
+            const strokeAsFill = options.strokeAsFill === true;
+            return {
+              id: childId,
+              ...base_node_trait({
+                name,
+                visible: "visible" in parentNode ? parentNode.visible : true,
+                locked: "locked" in parentNode ? parentNode.locked : false,
+                rotation: 0,
+                opacity: "opacity" in parentNode && parentNode.opacity !== void 0 ? parentNode.opacity : 1,
+                blendMode: "blendMode" in parentNode && parentNode.blendMode ? parentNode.blendMode : "NORMAL"
+              }),
+              ...positioning_trait({
+                relativeTransform: [
+                  [1, 0, 0],
+                  [0, 1, 0]
+                ],
+                size: { x: width, y: height }
+              }),
+              ...strokeAsFill ? {
+                ...fills_trait(
+                  parentNode.strokes ?? [],
+                  context,
+                  imageRefsUsed
+                ),
+                ...stroke_trait(
+                  { strokes: [], strokeWeight: 0 },
+                  context,
+                  imageRefsUsed
+                )
+              } : {
+                ...options.useFill ? fills_trait(parentNode.fills, context, imageRefsUsed) : {},
+                ...options.useStroke ? stroke_trait(parentNode, context, imageRefsUsed) : stroke_trait(
+                  { strokes: [], strokeWeight: 0 },
+                  context,
+                  imageRefsUsed
+                )
+              },
+              ..."effects" in parentNode && parentNode.effects ? effects_trait(parentNode.effects) : effects_trait(void 0),
+              type: "path",
+              data: pathData,
+              layout_target_width: width,
+              layout_target_height: height,
+              fill_rule: map.windingRuleMap[geometry.windingRule] ?? "nonzero"
+            };
+          } catch (e) {
+            console.warn(`Failed to create path node (${name}):`, e);
+            return null;
+          }
+        }
         function processFillGeometries(node2, parentGridaId, nodeTypeName) {
           if (!node2.fillGeometry?.length) return [];
           const childIds = [];
           node2.fillGeometry.forEach((geometry, idx) => {
             const childId = `${parentGridaId}_fill_${idx}`;
             const name = `${node2.name || nodeTypeName} Fill ${idx + 1}`;
-            const childNode = createVectorNodeFromPath(
+            const childNode = context.prefer_path_for_geometry ? createPathNodeFromPath(
+              geometry.path ?? "",
+              geometry,
+              node2,
+              childId,
+              name,
+              { useFill: true, useStroke: false }
+            ) : createVectorNodeFromPath(
               geometry.path ?? "",
               geometry,
               node2,
@@ -13833,7 +13901,14 @@ var iofigma;
           node2.strokeGeometry.forEach((geometry, idx) => {
             const childId = `${parentGridaId}_stroke_${idx}`;
             const name = `${node2.name || nodeTypeName} Stroke ${idx + 1}`;
-            const childNode = createVectorNodeFromPath(
+            const childNode = context.prefer_path_for_geometry ? createPathNodeFromPath(
+              geometry.path ?? "",
+              geometry,
+              node2,
+              childId,
+              name,
+              { useFill: false, useStroke: false, strokeAsFill: true }
+            ) : createVectorNodeFromPath(
               geometry.path ?? "",
               geometry,
               node2,
@@ -14082,7 +14157,7 @@ var iofigma;
           case "REGULAR_POLYGON":
           case "STAR":
           case "VECTOR": {
-            const useRestVectorNetwork = context.disable_volatile_apis !== true && "vectorNetwork" in node && node.vectorNetwork != null;
+            const useRestVectorNetwork = context.prefer_path_for_geometry !== true && context.disable_volatile_apis !== true && "vectorNetwork" in node && node.vectorNetwork != null;
             if (useRestVectorNetwork) {
               try {
                 const ir = restful2.map.normalizeRestVectorNetworkToIR(
@@ -15866,7 +15941,8 @@ function exportSettingToRenderOptions(node, setting) {
     JPG: "jpeg",
     PNG: "png",
     SVG: "svg",
-    PDF: "pdf"
+    PDF: "pdf",
+    WEBP: "webp"
   };
   const format = formatMap[setting.format] ?? "png";
   const constraint = setting.constraint;
@@ -15951,6 +16027,7 @@ function restJsonToSceneJson(json, rootNodeId, images) {
   const resolveImageSrc = images && (Object.keys(images).length > 0 ? (ref) => ref in images ? `res://images/${ref}` : null : void 0);
   const buildContext = (overrides) => ({
     gradient_id_generator: baseGradientGen,
+    prefer_path_for_geometry: true,
     ...resolveImageSrc && { resolve_image_src: resolveImageSrc },
     ...overrides
   });
@@ -16089,6 +16166,7 @@ function figBytesToSceneJson(figBytes, rootNodeId) {
     node_id_generator: () => `refig-${++counter}`,
     gradient_id_generator: () => `grad-${++counter}`,
     preserve_figma_ids: true,
+    prefer_path_for_geometry: true,
     ...resolveImageSrc && { resolve_image_src: resolveImageSrc }
   };
   const { document: packed } = iofigma.kiwi.convertPageToScene(page, context);

package/dist/cli.mjs

@@ -6,7 +6,7 @@ import {
   exportSettingToRenderOptions,
   figFileToRestLikeDocument,
   iofigma
-} from "./chunk-PK5L35ID.mjs";
+} from "./chunk-YI7PIULZ.mjs";
 
 // cli.ts
 import {
@@ -31,6 +31,7 @@ var EXT_BY_FORMAT = {
   png: "png",
   jpeg: "jpeg",
   jpg: "jpeg",
+  webp: "webp",
   svg: "svg",
   pdf: "pdf"
 };

package/dist/index.mjs

@@ -4,7 +4,7 @@ import {
   collectExportsFromDocument,
   exportSettingToRenderOptions,
   resolveMimeType
-} from "./chunk-PK5L35ID.mjs";
+} from "./chunk-YI7PIULZ.mjs";
 
 // index.ts
 import { readFileSync } from "fs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grida/refig",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "description": "Headless Figma renderer — render .fig and REST API JSON to PNG/JPEG/WebP/PDF/SVG",
   "keywords": [
@@ -55,7 +55,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@grida/canvas-wasm": "0.90.0-canary.7",
+    "@grida/canvas-wasm": "0.90.0-canary.8",
     "commander": "^12.1.0"
   },
   "devDependencies": {