@webmaster-droid/web 0.1.0 → 0.1.1

package/dist/index.js

@@ -197,7 +197,7 @@ function parseSelectedEditableFromTarget(target, pagePath) {
   }
   return selected;
 }
-function pickStringValue(document2, path, fallback, componentName, fallbackPropName) {
+function pickStringValue(document2, path, fallback, componentName, fallbackPropName, missingBehavior = "throw") {
   const value = readByPath(document2, path);
   if (typeof value === "string" && value.trim()) {
     return value;
@@ -205,9 +205,12 @@ function pickStringValue(document2, path, fallback, componentName, fallbackPropN
   if (typeof fallback === "string") {
     return fallback;
   }
-  throw new Error(
-    `${componentName} missing content for "${path}". Provide a CMS value or set \`${fallbackPropName}\`.`
-  );
+  const message = `${componentName} missing content for "${path}". Provide a CMS value or set \`${fallbackPropName}\`.`;
+  if (missingBehavior === "empty") {
+    console.error(message);
+    return "";
+  }
+  throw new Error(message);
 }
 function sanitizeRichTextHtml(html) {
   return sanitizeHtml(html, {
@@ -229,7 +232,7 @@ function EditableText({
   ...rest
 }) {
   const { document: document2, enabled } = useEditableDocument();
-  const value = pickStringValue(document2, path, fallback, "EditableText", "fallback");
+  const value = pickStringValue(document2, path, fallback, "EditableText", "fallback", "empty");
   const attrs = enabled ? editableMeta({
     path,
     label: label ?? path,
@@ -247,7 +250,14 @@ function EditableRichText({
   ...rest
 }) {
   const { document: document2, enabled } = useEditableDocument();
-  const value = pickStringValue(document2, path, fallback, "EditableRichText", "fallback");
+  const value = pickStringValue(
+    document2,
+    path,
+    fallback,
+    "EditableRichText",
+    "fallback",
+    "empty"
+  );
   const sanitizedHtml = sanitizeRichTextHtml(value);
   const attrs = enabled ? editableMeta({
     path,
@@ -270,8 +280,22 @@ function EditableImage({
   ...rest
 }) {
   const { document: document2, enabled } = useEditableDocument();
-  const src = pickStringValue(document2, path, fallbackSrc, "EditableImage", "fallbackSrc");
-  const alt = altPath ? pickStringValue(document2, altPath, fallbackAlt, "EditableImage", "fallbackAlt") : fallbackAlt ?? "";
+  const src = pickStringValue(
+    document2,
+    path,
+    fallbackSrc,
+    "EditableImage",
+    "fallbackSrc",
+    "empty"
+  );
+  const alt = altPath ? pickStringValue(
+    document2,
+    altPath,
+    fallbackAlt,
+    "EditableImage",
+    "fallbackAlt",
+    "empty"
+  ) : fallbackAlt ?? "";
   const attrs = enabled ? editableMeta({
     path,
     label: label ?? path,
@@ -290,13 +314,21 @@ function EditableLink({
   ...rest
 }) {
   const { document: document2, enabled } = useEditableDocument();
-  const href = pickStringValue(document2, hrefPath, fallbackHref, "EditableLink", "fallbackHref");
+  const href = pickStringValue(
+    document2,
+    hrefPath,
+    fallbackHref,
+    "EditableLink",
+    "fallbackHref",
+    "empty"
+  );
   const text = pickStringValue(
     document2,
     labelPath,
     fallbackLabel,
     "EditableLink",
-    "fallbackLabel"
+    "fallbackLabel",
+    "empty"
   );
   const attrs = enabled ? editableMeta({
     path: labelPath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webmaster-droid/web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",