@blinkk/root-cms 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/ui/ui.css

@@ -619,6 +619,9 @@
   object-fit: contain;
   object-position: center;
 }
+.DocEditor__ImageField__imagePreview__image__alt {
+  margin-top: 4px;
+}
 .DocEditor__ImageField__noImage {
   font-family: var(--font-family-mono);
   margin: 10px 0;
@@ -724,7 +727,7 @@
   color: var(--color-text-default);
 }
 .DocumentPage__side__editor {
-  padding: 8px 12px;
+  padding: 8px 12px 120px;
 }
 .DocumentPage__main {
   width: 100%;

package/dist/ui/ui.js

@@ -39866,7 +39866,7 @@ ${content}</tr>
   // package.json
   var package_default = {
     name: "@blinkk/root-cms",
-    version: "1.0.0-beta.6",
+    version: "1.0.0-beta.8",
     author: "s@blinkk.com",
     license: "MIT",
     engines: {
@@ -39956,7 +39956,7 @@ ${content}</tr>
       vitest: "^0.18.1"
     },
     peerDependencies: {
-      "@blinkk/root": "1.0.0-beta.6",
+      "@blinkk/root": "1.0.0-beta.8",
       "firebase-admin": ">=11",
       preact: "*"
     }
@@ -41385,8 +41385,10 @@ ${content}</tr>
         if (document.hidden || document.visibilityState !== "visible") {
           draft.stop();
         } else {
-          setLoading(true);
-          draft.start();
+          if (!draft.started) {
+            setLoading(true);
+            draft.start();
+          }
         }
       });
       return () => draft.dispose();
@@ -41794,7 +41796,9 @@ ${content}</tr>
         const file = files[0];
         const img2 = await uploadFileToGCS(file);
         props.draft.updateKey(props.deepKey, img2);
-        setImg(img2);
+        setImg((currentImg) => {
+          return Object.assign({}, img2, { alt: currentImg.alt || "" });
+        });
         setLoading(false);
       } catch (err) {
         console.error("image upload failed");
@@ -41812,6 +41816,12 @@ ${content}</tr>
         inputEl.value = "";
       }
     }
+    async function setAltText(newValue) {
+      setImg((currentImg) => {
+        return Object.assign({}, currentImg, { alt: newValue });
+      });
+      props.draft.updateKey(`${props.deepKey}.alt`, newValue);
+    }
     return /* @__PURE__ */ o4("div", { className: "DocEditor__ImageField", children: [
       img && img.src ? /* @__PURE__ */ o4("div", { className: "DocEditor__ImageField__imagePreview", children: [
         /* @__PURE__ */ o4("div", { className: "DocEditor__ImageField__imagePreview__image", children: /* @__PURE__ */ o4(
@@ -41825,11 +41835,23 @@ ${content}</tr>
         /* @__PURE__ */ o4(
           TextInput,
           {
+            className: "DocEditor__ImageField__imagePreview__image__url",
             size: "xs",
             radius: 0,
             value: img.gciUrl || img.src,
             disabled: true
           }
+        ),
+        /* @__PURE__ */ o4(
+          TextInput,
+          {
+            className: "DocEditor__ImageField__imagePreview__image__alt",
+            size: "xs",
+            radius: 0,
+            value: img.alt,
+            label: "Alt text",
+            onChange: (e3) => setAltText(e3.target.value)
+          }
         )
       ] }) : /* @__PURE__ */ o4("div", { className: "DocEditor__ImageField__noImage", children: "No image" }),
       /* @__PURE__ */ o4(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkk/root-cms",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "author": "s@blinkk.com",
   "license": "MIT",
   "engines": {
@@ -49,7 +49,7 @@
   "//": "NOTE(stevenle): due to compat issues with mantine and preact, mantine is pinned to v4.2.12",
   "devDependencies": {
     "@babel/core": "^7.17.9",
-    "@blinkk/root": "1.0.0-beta.6",
+    "@blinkk/root": "1.0.0-beta.8",
     "@emotion/react": "^11.10.5",
     "@firebase/rules-unit-testing": "^2.0.3",
     "@mantine/core": "4.2.12",
@@ -77,7 +77,7 @@
     "vitest": "^0.18.1"
   },
   "peerDependencies": {
-    "@blinkk/root": "1.0.0-beta.6",
+    "@blinkk/root": "1.0.0-beta.8",
     "firebase-admin": ">=11",
     "preact": "*"
   },