@embeddable.com/sdk-react 2.2.11 → 2.2.13

package/lib/index.js

@@ -441,8 +441,8 @@ const editorMetaSchema = zod.z
 })
     .strict();
 
-const editorMetaValidator = (meta) => {
-    const result = editorMetaSchema.safeParse(meta);
+const editorMetaValidator = (metaInfo) => {
+    const result = editorMetaSchema.safeParse(metaInfo.meta);
     if (result.success)
         return [];
     return errorFormatter(result.error.issues);
@@ -453,6 +453,8 @@ const componentMetaSchema = zod.z
     name: zod.z.string(),
     label: zod.z.string(),
     classNames: zod.z.string().array().min(1).optional(),
+    defaultWidth: zod.z.number().optional(),
+    defaultHeight: zod.z.number().optional(),
     inputs: zod.z
         .object({
         name: zod.z.string(),
@@ -501,13 +503,35 @@ const componentMetaSchema = zod.z
         .array()
         .optional(),
 })
-    .strict();
+    .strict()
+    .superRefine(({ defaultWidth, defaultHeight }, refinementContext) => {
+    const widthAndHeight = [defaultHeight, defaultWidth].filter(Boolean);
+    if (widthAndHeight.length === 1) {
+        return refinementContext.addIssue({
+            code: zod.z.ZodIssueCode.custom,
+            message: "both defaultWidth and defaultHeight must be set",
+            path: ["defaultWidth | defaultHeight"],
+        });
+    }
+});
 
-const componentMetaValidator = (meta) => {
-    const result = componentMetaSchema.safeParse(meta);
+const componentMetaValidator = (metaInfo) => {
+    const result = componentMetaSchema.safeParse(metaInfo.meta);
     if (!result.success)
         return errorFormatter(result.error.issues);
-    return validateVariables(meta);
+    let errors = validateModuleName(metaInfo);
+    errors = errors.concat(validateVariables(metaInfo.meta));
+    return errors;
+};
+const validateModuleName = (metaInfo) => {
+    const basename = path__namespace.basename(metaInfo.moduleId);
+    const fileName = basename.split(".");
+    if (!basename.includes(metaInfo.meta.name)) {
+        return [
+            `meta.name: The name of the .emb.* file and [meta.name]'s value must match. In this case, [meta.name] must be ${fileName[0]}`,
+        ];
+    }
+    return [];
 };
 const validateVariables = (meta) => {
     const variables = meta.variables;
@@ -576,10 +600,13 @@ const validateVariableEvents = (meta) => {
                     errors.push(`${path}: property "${event.property}" is not defined`);
                     return;
                 }
+                const path = formatErrorPath(["variables", idx]);
                 if (definedProperty.type !== variableConfig.type) {
-                    const path = formatErrorPath(["variables", idx]);
                     errors.push(`${path}: the type of the variable "${variableConfig.name}" and the type of the property "${event.property}" do not match`);
                 }
+                if (Boolean(definedProperty.array) !== Boolean(variableConfig.array)) {
+                    errors.push(`${path}: the array of the variable "${variableConfig.name}" and the array of the property "${event.property}" do not match`);
+                }
             });
         }
     });
@@ -625,7 +652,7 @@ var validateComponentMetaPlugin = (componentFileRegex) => {
             const errors = [];
             for (const metaConfig of metaConfigs) {
                 const validator = validators[metaConfig.moduleType];
-                const validationResult = validator(metaConfig.meta);
+                const validationResult = validator(metaConfig);
                 if (validationResult && validationResult.length) {
                     errors.push(`\nComponent meta is not valid ${metaConfig.moduleId}:\n${validationResult.join("\n")}`);
                 }