@agent-native/core 0.140.0 → 0.141.0

package/corpus/templates/clips/app/routes/share.$shareId.tsx

@@ -293,6 +293,8 @@ const CLIPS_AGENT_DOCS_URL =
   "https://www.agent-native.com/docs/template-clips#agent-readable-clips";
 const UPLOAD_STUCK_TIMEOUT_MS = 5 * 60 * 1000;
 const PROCESSING_STUCK_TIMEOUT_MS = 12 * 60 * 1000;
+const READY_MEDIA_SETTLE_POLL_MS = 20 * 1000;
+const READY_MEDIA_SETTLE_POLL_INTERVAL_MS = 1000;
 
 type ViewerPlatform = "mac" | "windows" | "linux";
 
@@ -404,6 +406,7 @@ export default function ShareRoute() {
   }, [recordingId, attribution.ref, attribution.via]);
 
   const playerRef = useRef<VideoPlayerHandle | null>(null);
+  const readyMediaPollRef = useRef<{ key: string; until: number } | null>(null);
   const [password, setPassword] = useState<string | null>(() => {
     if (typeof window === "undefined" || !shareId) return null;
     try {
@@ -463,7 +466,26 @@ export default function ShareRoute() {
       // page auto-upgrades from "Processing" to the real player the moment
       // the server flips status to 'ready' and writes videoUrl. Mirrors
       // r.$recordingId.tsx's playerDataQ.refetchInterval.
-      if (rec.status !== "ready" || !rec.videoUrl) return 2000;
+      if (rec.status !== "ready" || !rec.videoUrl) {
+        readyMediaPollRef.current = null;
+        return 2000;
+      }
+      const mediaKey = [
+        rec.id,
+        rec.durationMs ?? "",
+        rec.videoSizeBytes ?? "",
+        rec.videoFormat ?? "",
+      ].join(":");
+      const now = Date.now();
+      if (readyMediaPollRef.current?.key !== mediaKey) {
+        readyMediaPollRef.current = {
+          key: mediaKey,
+          until: now + READY_MEDIA_SETTLE_POLL_MS,
+        };
+      }
+      if (now < readyMediaPollRef.current.until) {
+        return READY_MEDIA_SETTLE_POLL_INTERVAL_MS;
+      }
       // Also keep polling while a transcript is pending so "Transcribing…"
       // auto-flips to the ready transcript (or to the failure card). The
       // public payload has no transcript.cleanup field (that's authenticated
@@ -985,6 +1007,10 @@ export default function ShareRoute() {
               onVideoElementChange={setTrackedVideoEl}
               recordingId={recording.id}
               videoUrl={recording.videoUrl}
+              mediaVersion={[
+                recording.videoSizeBytes ?? "",
+                recording.updatedAt ?? "",
+              ].join(":")}
               videoFormat={recording.videoFormat}
               embedProvider={isLoomEmbedBacked ? "loom" : null}
               durationMs={recording.durationMs}

package/corpus/templates/clips/changelog/2026-08-05-comment-and-video-reaction-pickers-now-include-eyes-and-mind.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-05
+---
+
+Comment and video reaction pickers now include eyes and mind-blown reactions consistently.

package/corpus/templates/clips/changelog/2026-08-05-fresh-recordings-now-open-with-the-complete-video.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-05
+---
+
+Fresh recordings now open with the complete video

package/corpus/templates/clips/server/lib/transactional-email-templates.ts

@@ -86,29 +86,6 @@ export type ClipsTransactionalEmailInput =
       videoTimestampMs?: number | null;
     });
 
-export const CLIPS_FIRST_VIEW_EMAIL_ID = "clips.first-view";
-export const CLIPS_UNVIEWED_REMINDER_EMAIL_ID = "clips.unviewed-reminder";
-export const CLIPS_FIRST_AGENT_VIEW_EMAIL_ID = "clips.first-agent-view";
-export const CLIPS_FIRST_IMPORT_EMAIL_ID = "clips.first-import";
-export const CLIPS_MONTHLY_RECAP_EMAIL_ID = "clips.monthly-recap";
-export const CLIPS_TWO_CLIPS_EMAIL_ID = "clips.two-clips";
-export const CLIPS_ACTIVITY_COMMENT_EMAIL_ID = "clips.activity-comment";
-export const CLIPS_ACTIVITY_REACTION_EMAIL_ID = "clips.activity-reaction";
-
-export const CLIPS_EMAIL_ID_BY_KIND: Record<
-  ClipsTransactionalEmailInput["kind"],
-  string
-> = {
-  "first-view": CLIPS_FIRST_VIEW_EMAIL_ID,
-  "unviewed-reminder": CLIPS_UNVIEWED_REMINDER_EMAIL_ID,
-  "first-agent-view": CLIPS_FIRST_AGENT_VIEW_EMAIL_ID,
-  "first-import": CLIPS_FIRST_IMPORT_EMAIL_ID,
-  "monthly-recap": CLIPS_MONTHLY_RECAP_EMAIL_ID,
-  "two-clips": CLIPS_TWO_CLIPS_EMAIL_ID,
-  "activity-comment": CLIPS_ACTIVITY_COMMENT_EMAIL_ID,
-  "activity-reaction": CLIPS_ACTIVITY_REACTION_EMAIL_ID,
-};
-
 export interface RecapTopClipInput {
   recordingId: string;
   title?: string | null;
@@ -636,7 +613,6 @@ export async function sendClipsTransactionalEmail(
         ? (validReplyTo(input.senderEmail) ?? FRIENDLY_REPLY_TO)
         : FRIENDLY_REPLY_TO,
     timeoutMs: EMAIL_SEND_TIMEOUT_MS,
-    templateId: CLIPS_EMAIL_ID_BY_KIND[input.kind],
   });
 }
 

package/corpus/templates/clips/server/routes/api/public-recording.get.ts

@@ -453,6 +453,7 @@ export default defineEventHandler(async (event) => {
       editsJson: rec.editsJson,
       videoUrl: playbackVideoUrl,
       videoFormat: rec.videoFormat,
+      videoSizeBytes: rec.videoSizeBytes ?? null,
       width: rec.width,
       height: rec.height,
       hasAudio: Boolean(rec.hasAudio),

package/corpus/templates/content/server/lib/comment-notifications.ts

@@ -21,10 +21,6 @@ import { and, eq } from "drizzle-orm";
 
 import { CONTENT_USER_PREFS_KEY } from "../../shared/content-user-prefs.js";
 import { getDb, schema } from "../db/index.js";
-import {
-  CONTENT_DOCUMENT_COMMENT_EMAIL_ID,
-  CONTENT_DOCUMENT_MENTION_EMAIL_ID,
-} from "./emails.js";
 
 export type DocumentCommentNotificationResult = ActivityNotificationResult;
 
@@ -74,48 +70,6 @@ export interface DocumentCommentNotificationInput {
   isReply: boolean;
 }
 
-export function renderDocumentCommentEmail({
-  actor,
-  title,
-  url,
-  content,
-  isReply,
-  wasMentioned,
-}: {
-  actor: string;
-  title: string;
-  url: string;
-  content: string;
-  isReply: boolean;
-  wasMentioned: boolean;
-}) {
-  const lead = wasMentioned
-    ? `${emailStrong(actor)} mentioned you in a comment on ${emailStrong(title)}.`
-    : isReply
-      ? `${emailStrong(actor)} replied in a comment thread on ${emailStrong(title)}.`
-      : `${emailStrong(actor)} commented on ${emailStrong(title)}.`;
-
-  return {
-    subject: wasMentioned
-      ? `${actor} mentioned you on "${title}"`
-      : isReply
-        ? `${actor} replied to a comment on "${title}"`
-        : `${actor} commented on "${title}"`,
-    ...renderEmail({
-      preheader: `${actor} commented on ${title}.`,
-      heading: wasMentioned
-        ? "You were mentioned"
-        : isReply
-          ? "New reply on your document"
-          : "New comment",
-      paragraphs: [lead, `"${excerpt(content)}"`],
-      cta: { label: "Open document", url },
-      footer:
-        "You received this because you own, were mentioned in, or participated in this thread. Turn these off in Documents settings.",
-    }),
-  };
-}
-
 export async function notifyDocumentComment(
   input: DocumentCommentNotificationInput,
 ): Promise<DocumentCommentNotificationResult> {
@@ -158,19 +112,34 @@ async function deliverDocumentCommentEmails(
     logLabel: LOG_LABEL,
     send: async (to) => {
       const wasMentioned = mentioned.has(to);
+      const lead = wasMentioned
+        ? `${emailStrong(actor)} mentioned you in a comment on ${emailStrong(title)}.`
+        : input.isReply
+          ? `${emailStrong(actor)} replied in a comment thread on ${emailStrong(title)}.`
+          : `${emailStrong(actor)} commented on ${emailStrong(title)}.`;
+
+      const { html, text } = renderEmail({
+        preheader: `${actor} commented on ${title}.`,
+        heading: wasMentioned
+          ? "You were mentioned"
+          : input.isReply
+            ? "New reply on your document"
+            : "New comment",
+        paragraphs: [lead, `"${excerpt(input.content)}"`],
+        cta: { label: "Open document", url },
+        footer:
+          "You received this because you own, were mentioned in, or participated in this thread. Turn these off in Documents settings.",
+      });
+
       await sendEmail({
-        ...renderDocumentCommentEmail({
-          actor,
-          title,
-          url,
-          content: input.content,
-          isReply: input.isReply,
-          wasMentioned,
-        }),
         to,
-        templateId: wasMentioned
-          ? CONTENT_DOCUMENT_MENTION_EMAIL_ID
-          : CONTENT_DOCUMENT_COMMENT_EMAIL_ID,
+        subject: wasMentioned
+          ? `${actor} mentioned you on "${title}"`
+          : input.isReply
+            ? `${actor} replied to a comment on "${title}"`
+            : `${actor} commented on "${title}"`,
+        html,
+        text,
       });
     },
   });

package/corpus/templates/design/.agents/skills/design-systems/SKILL.md

@@ -73,14 +73,6 @@ interface DesignSystemData {
     name: string;
     variant: "light" | "dark" | "auto";
   }[];
-  tokens?: {
-    name: string;      // The source system's own name, e.g. "interactive-01"
-    cssVar: string;    // e.g. "--cds-interactive-01"
-    value: string;     // e.g. "#0F62FE" or "0.5rem"
-    type: "color" | "typography" | "spacing" | "radius" | "shadow" | "other";
-    group?: string;    // Collection path, e.g. "Colors/Interactive"
-    source?: string;   // e.g. "Carbon v11" or "globals.css"
-  }[];
   imageStyle?: {
     referenceUrls: string[];
     styleDescription: string;  // e.g., "Clean, minimal product photography"
@@ -90,29 +82,6 @@ interface DesignSystemData {
 }
 ```
 
-### The seven color roles are a summary, not the vocabulary
-
-`colors` exists so a generated page can be themed from any brand. It is **not**
-where a real design system goes. Carbon has `interactive-01`, Material has
-`md-sys-color-primary-container`; mapping those onto `secondary` throws away the
-only name the design team uses, and the Brand Kit page then shows the wrong
-label for a token the user recognises.
-
-So when a source names its tokens, populate **both**: `colors` for generation,
-and `tokens` for the real vocabulary. `tokens` is capped at 500 entries, every
-`cssVar` must be a valid custom property, and values may not contain `;`, `{`,
-`}`, `<`, `>`, or CSS comments — `create-design-system` and
-`update-design-system` reject the whole write and name the offending entries
-rather than storing a partial vocabulary that would read as a smaller system.
-
-`update-design-system` replaces the entire `data` object, so carry the existing
-`tokens` array through any edit or those names are lost.
-
-A kit with no stored `tokens` falls back to whatever names its `customCSS`
-declares, which is why the production templates already display real Carbon,
-Material, and Primer token names. Prefer real stored `tokens` when a source
-gives them to you.
-
 `imageStyle.styleDescription` is not just metadata — fold it into every
 `generate-asset` prompt for a design linked to this system, alongside the
 subject/composition/lighting direction described in the design-generation
@@ -487,11 +456,7 @@ When the user provides multiple sources, call all applicable import actions in p
 3. **Cross-reference with website** — validates colors/fonts are actually deployed
 4. **Documents supplement** — presentations may reveal brand colors not in code
 5. **Images inform mood** — color temperature, density, visual style
-6. **Aggregate into DesignSystemData** — merge all extracted tokens, resolve
-   conflicts, and carry every extracted name into `tokens`. The import actions
-   return `cssCustomProperties` keyed by the source's real variable names; those
-   keys are the vocabulary, so do not reduce them to the seven `colors` roles and
-   drop the rest.
+6. **Aggregate into DesignSystemData** — merge all extracted tokens, resolve conflicts
 7. **Call `create-design-system`** with the combined result
 8. **Link to design** via `update-design --designSystemId`
 
@@ -544,14 +509,6 @@ When generating a design that has a linked design system, replace all default CS
 }
 ```
 
-### Reference named tokens, do not inline their values
-
-`get-design-system` injects the kit's colour tokens and this requirement into
-the generation context, so follow it there: write `var(--cds-link-primary,
-#0f62fe)` rather than the colour. The fallback is required — exports and
-kit-less designs define no custom properties, and a bare `var()` renders
-transparent.
-
 Also update the Google Fonts `<link>` tag to include the design system's fonts:
 
 ```html

package/corpus/templates/design/.generated/bridge/editor-chrome.generated.ts

@@ -388,263 +388,6 @@ export const editorChromeBridgeScript: string = `"use strict";
     };
   }
 
-  // shared/authored-color-styles.ts
-  var AUTHORED_COLOR_PROPERTIES = [
-    "color",
-    "backgroundColor",
-    "borderColor",
-    "outlineColor",
-    // Not colours themselves, but the only place a shadow's colour keeps its name.
-    "boxShadow",
-    "textShadow"
-  ];
-  var SHORTHAND_FALLBACK = {
-    backgroundColor: "background",
-    borderColor: "border",
-    outlineColor: "outline"
-  };
-  var INHERITED_PROPERTIES = ["color"];
-  var RESET_KEYWORDS = /* @__PURE__ */ new Set([
-    "initial",
-    "inherit",
-    "unset",
-    "revert",
-    "revert-layer"
-  ]);
-  function isAuthoredColor(value) {
-    return typeof value === "string" && value !== "" && !RESET_KEYWORDS.has(value.trim().toLowerCase());
-  }
-  var LINE_STYLE_KEYWORDS = /* @__PURE__ */ new Set([
-    "none",
-    "hidden",
-    "solid",
-    "dashed",
-    "dotted",
-    "double",
-    "groove",
-    "ridge",
-    "inset",
-    "outset"
-  ]);
-  var LINE_WIDTH = /^(thin|medium|thick|-?\\d*\\.?\\d+[a-z%]*)$/i;
-  function splitTopLevel(value) {
-    const parts = [];
-    let depth = 0;
-    let current = "";
-    for (const char of value) {
-      if (char === "(") depth += 1;
-      else if (char === ")") depth -= 1;
-      if (depth === 0 && /\\s/.test(char)) {
-        if (current) parts.push(current);
-        current = "";
-        continue;
-      }
-      current += char;
-    }
-    if (current) parts.push(current);
-    return parts;
-  }
-  function lineShorthandColor(value) {
-    const rest = splitTopLevel(value).filter((part) => {
-      const lower = part.toLowerCase();
-      return !LINE_STYLE_KEYWORDS.has(lower) && !LINE_WIDTH.test(part);
-    });
-    return rest.length === 1 ? rest[0] : null;
-  }
-  function shorthandColorValue(shorthand, value) {
-    const trimmed = value.trim();
-    if (!trimmed) return null;
-    if (/url\\(|gradient\\(/i.test(trimmed)) return null;
-    if (/^var\\(.*\\)$/.test(trimmed)) return trimmed;
-    if (shorthand === "border" || shorthand === "outline") {
-      return lineShorthandColor(trimmed);
-    }
-    return /\\s/.test(trimmed) ? null : trimmed;
-  }
-  function selectorSpecificity(selector) {
-    const cleaned = selector.replace(/\\\\./g, "").replace(/\\[[^\\]]*\\]/g, " :attr ").replace(/\\(([^()]*)\\)/g, " ");
-    const count = (pattern) => (cleaned.match(pattern) ?? []).length;
-    const ids = count(/#[\\w-]+/g);
-    const classes = count(/\\.[\\w-]+/g) + count(/:(?!:)[\\w-]+/g);
-    const types = count(/(?:^|[\\s>+~])[a-zA-Z][\\w-]*/g) + count(/::[\\w-]+/g);
-    return ids * 1e4 + classes * 100 + types;
-  }
-  function matchedSpecificity(element, selectorText) {
-    let best = -1;
-    for (const selector of selectorText.split(",")) {
-      const trimmed = selector.trim();
-      if (!trimmed) continue;
-      try {
-        if (!element.matches(trimmed)) continue;
-      } catch {
-        continue;
-      }
-      best = Math.max(best, selectorSpecificity(trimmed));
-    }
-    return best;
-  }
-  var INLINE_SPECIFICITY = Number.MAX_SAFE_INTEGER;
-  function beats(next, current) {
-    if (!current) return true;
-    if (next.important !== current.important) return next.important;
-    if (next.specificity !== current.specificity) {
-      return next.specificity > current.specificity;
-    }
-    return next.order >= current.order;
-  }
-  function readRules(element, rules, out, counter) {
-    if (!rules) return;
-    for (let index = 0; index < rules.length; index += 1) {
-      const rule = rules[index];
-      if (!rule) continue;
-      const declaresOwnStyles = Boolean(rule.selectorText && rule.style);
-      if (!declaresOwnStyles) {
-        if (!rule.cssRules) continue;
-        if (rule.conditionText === void 0) {
-          readRules(element, rule.cssRules, out, counter);
-          continue;
-        }
-        let applies = false;
-        try {
-          applies = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(rule.conditionText).matches : false;
-        } catch {
-          applies = false;
-        }
-        if (applies) readRules(element, rule.cssRules, out, counter);
-        continue;
-      }
-      if (rule.cssRules?.length) {
-        readRules(element, rule.cssRules, out, counter);
-      }
-      if (!rule.selectorText || !rule.style) continue;
-      const specificity = matchedSpecificity(element, rule.selectorText);
-      if (specificity < 0) continue;
-      const order = counter.order++;
-      const style = rule.style;
-      const priority = (name) => style.getPropertyPriority?.(name) === "important";
-      const offer = (property, value, cssName) => {
-        const candidate = {
-          value,
-          important: priority(cssName),
-          specificity,
-          order
-        };
-        if (beats(candidate, out[property])) out[property] = candidate;
-      };
-      for (const property of AUTHORED_COLOR_PROPERTIES) {
-        const declared = style[property];
-        if (isAuthoredColor(declared)) {
-          offer(property, declared, cssPropertyName(property));
-          continue;
-        }
-        const shorthand = SHORTHAND_FALLBACK[property];
-        if (!shorthand) continue;
-        const shorthandValue = style[shorthand];
-        if (typeof shorthandValue !== "string") continue;
-        const colorOnly = shorthandColorValue(shorthand, shorthandValue);
-        if (colorOnly) offer(property, colorOnly, shorthand);
-      }
-    }
-  }
-  function cssPropertyName(property) {
-    return property.replace(/[A-Z]/g, (c) => \`-\${c.toLowerCase()}\`);
-  }
-  function authoredMatchesPainted(element, property, authored) {
-    const view = element.ownerDocument?.defaultView;
-    if (!view || typeof view.getComputedStyle !== "function") return true;
-    let painted = "";
-    try {
-      painted = view.getComputedStyle(element)[property] ?? "";
-    } catch {
-      return true;
-    }
-    if (!painted) return true;
-    const probe = element.ownerDocument.createElement("span");
-    const name = cssPropertyName(property);
-    probe.style.setProperty("display", "none");
-    probe.style.setProperty(name, authored);
-    if (!probe.style.getPropertyValue(name)) return false;
-    element.appendChild(probe);
-    let resolved = "";
-    try {
-      resolved = view.getComputedStyle(probe)[property] ?? "";
-    } catch {
-      resolved = "";
-    }
-    probe.remove();
-    return resolved === "" || resolved === painted;
-  }
-  function collectForElement(element) {
-    const ranked = {};
-    const counter = { order: 0 };
-    try {
-      const doc = element.ownerDocument;
-      const sheets = [
-        ...Array.from(doc?.styleSheets ?? []),
-        ...Array.from(
-          doc?.adoptedStyleSheets ?? []
-        )
-      ];
-      for (const sheet of sheets) {
-        let rules;
-        try {
-          rules = sheet.cssRules;
-        } catch {
-          continue;
-        }
-        readRules(element, rules, ranked, counter);
-      }
-    } catch (error) {
-      console.warn(
-        "[design] could not read stylesheets for authored colours; token names will fall back to resolved values",
-        error
-      );
-    }
-    const inline = element.style;
-    if (inline) {
-      const order = counter.order++;
-      for (const property of AUTHORED_COLOR_PROPERTIES) {
-        const value = inline[property];
-        if (!isAuthoredColor(value)) continue;
-        const candidate = {
-          value,
-          important: inline.getPropertyPriority?.(cssPropertyName(property)) === "important",
-          specificity: INLINE_SPECIFICITY,
-          order
-        };
-        if (beats(candidate, ranked[property])) ranked[property] = candidate;
-      }
-    }
-    const out = {};
-    for (const [property, candidate] of Object.entries(ranked)) {
-      out[property] = candidate.value;
-    }
-    return out;
-  }
-  function collectAuthoredColorStyles(element) {
-    const out = collectForElement(element);
-    for (const property of Object.keys(out)) {
-      if (!authoredMatchesPainted(element, property, out[property])) {
-        delete out[property];
-      }
-    }
-    for (const property of INHERITED_PROPERTIES) {
-      if (out[property]) continue;
-      let ancestor = element.parentElement;
-      while (ancestor) {
-        const inherited = collectForElement(ancestor)[property];
-        if (inherited) {
-          if (authoredMatchesPainted(element, property, inherited)) {
-            out[property] = inherited;
-          }
-          break;
-        }
-        ancestor = ancestor.parentElement;
-      }
-    }
-    return out;
-  }
-
   // app/components/design/bridge/editor-chrome.bridge.ts
   (function() {
     if (window.__anEditorChromeBridge) return;
@@ -1890,13 +1633,7 @@ export const editorChromeBridgeScript: string = `"use strict";
       "width",
       "height",
       "transform",
-      "whiteSpace",
-      "color",
-      "backgroundColor",
-      "borderColor",
-      "outlineColor",
-      "boxShadow",
-      "textShadow"
+      "whiteSpace"
     ];
     function collectInlineStyles(el) {
       var styles = {};
@@ -2100,7 +1837,6 @@ export const editorChromeBridgeScript: string = `"use strict";
           whiteSpace: cs.whiteSpace
         },
         inlineStyles: collectInlineStyles(el),
-        authoredColorStyles: collectAuthoredColorStyles(el),
         primitiveKind: el.getAttribute("data-an-primitive") || void 0,
         portableStyleSnapshot: collectPortableStyleSnapshot(el),
         boundingRect: {

package/corpus/templates/design/actions/create-design-system.ts

@@ -8,7 +8,6 @@ import { nanoid } from "nanoid";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
-import { assertStorableDesignSystemTokens } from "../server/lib/design-system-tokens.js";
 import {
   DESIGN_SYSTEM_TEMPLATE_IDS,
   getProductionDesignSystemTemplate,
@@ -40,13 +39,7 @@ export const createDesignSystemSchema = z
       .min(1, "data is required")
       .optional()
       .describe(
-        "JSON string of DesignSystemData (required without templateId; templates supply their verified token snapshot). " +
-          "Include a `tokens` array whenever the source names its tokens: " +
-          // guard:allow-raw-color — an agent-facing payload example, not a styled value
-          '[{ "name": "interactive-01", "cssVar": "--cds-interactive-01", "value": "#0F62FE", ' +
-          '"type": "color", "group": "Colors/Interactive", "source": "Carbon v11" }]. ' +
-          "The seven `colors` roles are a summary for generation, not a place to squash a " +
-          "real system's vocabulary into — send both.",
+        "JSON string of DesignSystemData (required without templateId; templates supply their verified token snapshot)",
       ),
     assets: z
       .string()
@@ -118,7 +111,15 @@ export default defineAction({
       throw new Error("title and data are required");
     }
 
-    assertStorableDesignSystemTokens(resolvedData);
+    // Validate that data is valid JSON and not an empty primitive.
+    try {
+      const parsed = JSON.parse(resolvedData);
+      if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+        throw new Error();
+      }
+    } catch {
+      throw new Error("data must be a valid JSON object string");
+    }
     if (assets) {
       try {
         JSON.parse(assets);