exodeui-react-native 1.2.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exodeui-react-native",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "React Native runtime for ExodeUI animations",
   "main": "index.js",
   "files": [

package/src/engine.ts

@@ -2105,11 +2105,11 @@ export class ExodeUIEngine {
       const svgContent = geometry.svgContent;
       if (!svgContent) return;
 
-      // Extract path data from potentially multiple <path d="..."> tags
-      const pathMatches = svgContent.matchAll(/d="([^"]+)"/g);
+      // Extract path data from potentially multiple <path d="..."> or d='...' tags
+      const pathMatches = svgContent.matchAll(/d=["']([^"']+)["']/g);
       const paths: string[] = [];
       for (const match of pathMatches) {
-          paths.push(match[1] as string);
+          if (match[1]) paths.push(match[1]);
       }
       
       if (paths.length === 0) return;
@@ -2118,30 +2118,34 @@ export class ExodeUIEngine {
       const style = state?.style || obj.style || {};
       
       paths.forEach(d => {
-          const path = Skia.Path.MakeFromSVGString(d);
-          if (!path) return;
-          
-          // Draw fill
-          if (style.fill && style.fill.type !== 'None') {
-              const paint = Skia.Paint();
-              const fillCol = style.fill.color || '#ffffff';
-              const fillColStr = typeof fillCol === 'string' ? fillCol.replace(/\s+/g, '') : '#ffffff';
-              try { paint.setColor(Skia.Color(fillColStr)); } catch { paint.setColor(Skia.Color('#ffffff')); }
-              paint.setAlphaf((state?.opacity ?? 1) * (style.fill.opacity ?? 1));
-              paint.setStyle(PaintStyle.Fill);
-              canvas.drawPath(path, paint);
-          }
-          
-          // Draw stroke if enabled
-          if (style.stroke && style.stroke.width > 0 && style.stroke.isEnabled !== false) {
-              const paint = Skia.Paint();
-              const strokeCol = style.stroke.color || '#000000';
-              const strokeColStr = typeof strokeCol === 'string' ? strokeCol.replace(/\s+/g, '') : '#000000';
-              try { paint.setColor(Skia.Color(strokeColStr)); } catch { paint.setColor(Skia.Color('#000000')); }
-              paint.setStrokeWidth(style.stroke.width);
-              paint.setAlphaf((state?.opacity ?? 1) * (style.stroke.opacity ?? 1));
-              paint.setStyle(PaintStyle.Stroke);
-              canvas.drawPath(path, paint);
+          try {
+              const path = Skia.Path.MakeFromSVGString(d);
+              if (!path) return;
+              
+              // Draw fill
+              if (style.fill && style.fill.type !== 'None') {
+                  const paint = Skia.Paint();
+                  const fillCol = style.fill.color || '#ffffff';
+                  const fillColStr = typeof fillCol === 'string' ? fillCol.replace(/\s+/g, '') : '#ffffff';
+                  try { paint.setColor(Skia.Color(fillColStr)); } catch { paint.setColor(Skia.Color('#ffffff')); }
+                  paint.setAlphaf((state?.opacity ?? 1) * (style.fill.opacity ?? 1));
+                  paint.setStyle(PaintStyle.Fill);
+                  canvas.drawPath(path, paint);
+              }
+              
+              // Draw stroke if enabled
+              if (style.stroke && style.stroke.width > 0 && style.stroke.isEnabled !== false) {
+                  const paint = Skia.Paint();
+                  const strokeCol = style.stroke.color || '#000000';
+                  const strokeColStr = typeof strokeCol === 'string' ? strokeCol.replace(/\s+/g, '') : '#000000';
+                  try { paint.setColor(Skia.Color(strokeColStr)); } catch { paint.setColor(Skia.Color('#000000')); }
+                  paint.setStrokeWidth(style.stroke.width);
+                  paint.setAlphaf((state?.opacity ?? 1) * (style.stroke.opacity ?? 1));
+                  paint.setStyle(PaintStyle.Stroke);
+                  canvas.drawPath(path, paint);
+              }
+          } catch (e) {
+              console.warn(`[ExodeUIEngine] Failed to parse SVG path for ${obj.id}:`, e);
           }
       });
   }