visualfries 0.1.9 → 0.1.10

package/dist/components/hooks/HtmlToCanvasHook.js

@@ -67,7 +67,8 @@ export class HtmlToCanvasHook {
         }
         const { width, height } = this.state;
         if (!this.svgBase) {
-            const { base, content, end } = await svgGenerator.generateSVG(this.#htmlEl, this.#context.data.appearance.text, width, height, 'svg-' + this.#context.contextData.id, encodeURIComponent(this.state.getCharactersList().join('')));
+            const { base, content, end } = await svgGenerator.generateSVG(this.#htmlEl, this.#context.data.appearance.text, width, height, 'svg-' + this.#context.contextData.id, encodeURIComponent(this.state.getCharactersList().join('')) // current component text encoded
+            );
             this.svgBase = base;
             this.svgEnd = end;
             this.svg = base + content + end;

package/dist/schemas/scene/core.d.ts

@@ -262,7 +262,7 @@ export declare const SceneSettingsShape: z.ZodObject<{
             radial: "radial";
         }>;
         colors: z.ZodArray<z.ZodString>;
-        stops: z.ZodOptional<z.ZodArray<z.ZodNumber>>;
+        stops: z.ZodOptional<z.ZodArray<z.ZodPipe<z.ZodTransform<unknown, unknown>, z.ZodCoercedNumber<unknown>>>>;
         angle: z.ZodOptional<z.ZodPrefault<z.ZodNumber>>;
         position: z.ZodOptional<z.ZodString>;
         shape: z.ZodOptional<z.ZodEnum<{
@@ -10723,7 +10723,7 @@ export declare const SceneShape: z.ZodObject<{
                 radial: "radial";
             }>;
             colors: z.ZodArray<z.ZodString>;
-            stops: z.ZodOptional<z.ZodArray<z.ZodNumber>>;
+            stops: z.ZodOptional<z.ZodArray<z.ZodPipe<z.ZodTransform<unknown, unknown>, z.ZodCoercedNumber<unknown>>>>;
             angle: z.ZodOptional<z.ZodPrefault<z.ZodNumber>>;
             position: z.ZodOptional<z.ZodString>;
             shape: z.ZodOptional<z.ZodEnum<{

package/dist/schemas/scene/core.js

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { isValidColor } from './utils.js';
+import { coerceNumber, isValidColor } from './utils.js';
 import { ComponentShape } from './components.js';
 import { SubtitleCollectionShape, SubtitleWithCompactWordsShape } from './subtitles.js';
 // Utility functions
@@ -69,7 +69,7 @@ export const SceneSettingsShape = z.object({
         z.object({
             type: z.enum(['linear', 'radial']),
             colors: z.array(z.string().refine(isValidColor)).min(2),
-            stops: z.array(z.number().min(0).max(100)).optional(),
+            stops: z.array(coerceNumber(0, 100)).optional(),
             angle: z.number().min(0).max(360).prefault(180).optional(),
             position: z.string().optional(),
             shape: z.enum(['ellipse', 'circle']).optional()

package/dist/schemas/scene/properties.js

@@ -16,11 +16,13 @@ export const GradientDefinitionShape = z.object({
     /** Gradient type */
     type: z.enum(['linear', 'radial']),
     /** Array of color strings */
-    colors: z.array(z.string().refine(isValidColor, {
+    colors: z
+        .array(z.string().refine(isValidColor, {
         error: 'Invalid gradient color'
-    })).min(2),
-    /** Optional array of stop positions (0-1) matching colors */
-    stops: z.array(coerceNormalizedNumber()).optional(),
+    }))
+        .min(2),
+    /** Optional array of stop positions (0-100) matching colors */
+    stops: z.array(coerceNumber(0, 100)).optional(),
     /** Angle in degrees (for linear gradients) */
     angle: coerceNumber(-360, 360).optional(),
     /** Position description (for radial gradients) */
@@ -106,9 +108,12 @@ export const ShadowShape = z.object({
     /** Optional preset name */
     preset: z.string().optional(),
     /** Shadow color */
-    color: z.string().refine(isValidColor, {
+    color: z
+        .string()
+        .refine(isValidColor, {
         error: 'Invalid shadow color format'
-    }).optional(),
+    })
+        .optional(),
     /** Shadow blur radius in pixels */
     blur: coerceNonNegativeNumber().optional(),
     /** Shadow size in pixels */
@@ -191,7 +196,7 @@ export const GradientShape = z.object({
     /** Gradient stops */
     stops: z.array(GradientStopShape).min(2),
     /** Angle in degrees (for linear gradients) */
-    angle: z.number().min(0).max(360).prefault(0).optional(),
+    angle: z.number().min(-360).max(360).prefault(0).optional(),
     /** Center position (for radial gradients) */
     center: z
         .object({

package/dist/utils/utils.js

@@ -19,6 +19,19 @@ export function changeIdDeep(obj) {
     }
     return obj;
 }
+/**
+ * Checks if a character is an emoji.
+ * Preserves all legitimate Unicode letters and numbers (Chinese, Japanese, Korean, Arabic, etc.).
+ */
+function isEmoji(char) {
+    // If it's a legitimate Unicode letter or number, it's NOT an emoji
+    // This includes Chinese, Japanese, Korean, Arabic, and all other writing systems
+    if (/\p{L}|\p{N}/u.test(char)) {
+        return false;
+    }
+    // Use Unicode emoji property - automatically maintained by the Unicode standard
+    return /\p{Emoji}/u.test(char);
+}
 export const buildCharactersListFromComponentsAndSubtitles = function (layers, subtitlesCharactersList) {
     const characters = ' ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.-,;:!$?\'"';
     const charactestList = characters.split('');
@@ -31,8 +44,11 @@ export const buildCharactersListFromComponentsAndSubtitles = function (layers, s
                 const textList = text.split('');
                 const missingChars = textList.filter((char) => {
                     // Check if the character is not whitespace, not in the characters list,
-                    // and is a Unicode letter or number
-                    return !/\s/.test(char) && !characters.includes(char) && /\p{L}|\p{N}/u.test(char);
+                    // is a Unicode letter or number, and is NOT an emoji
+                    return (!/\s/.test(char) &&
+                        !characters.includes(char) &&
+                        /\p{L}|\p{N}/u.test(char) &&
+                        !isEmoji(char));
                 });
                 // Add both uppercase and lowercase variants of missing chars
                 const variantChars = missingChars.flatMap((char) => [
@@ -44,7 +60,7 @@ export const buildCharactersListFromComponentsAndSubtitles = function (layers, s
         }
         if (subtitlesCharactersList.length > 0) {
             for (const char of subtitlesCharactersList) {
-                if (!characters.includes(char)) {
+                if (!characters.includes(char) && !isEmoji(char)) {
                     // Add both uppercase and lowercase variants of missing chars
                     charactestList.push(char.toLowerCase(), char.toUpperCase());
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "visualfries",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "license": "MIT",
   "author": "ContentFries",
   "repository": {