@cratis/scene 0.106.0 → 0.108.0

package/dist/PrototypeHostModules.d.ts

@@ -0,0 +1 @@
+export declare const exposePrototypeHostModules: (target?: Record<string, unknown>) => void;

package/dist/Prototypes/index.js

@@ -1,4 +1,4 @@
-import { l as n, o as A, p as q } from "../PrototypeComponentRegistry-FLUzIk5a.js";
+import { c as N, f as n, k as q } from "../Scene-DaQtzf1e.js";
 import { createContext as M, useContext as P } from "react";
 import { Fragment as x, jsx as i, jsxs as f } from "react/jsx-runtime";
 var W = { prototypeThumbnail: {
@@ -89,8 +89,8 @@ var W = { prototypeThumbnail: {
         transformOrigin: "top left",
         ...F(r)
       },
-      children: e.filter(Boolean).map((L) => {
-        const o = A(L), y = String(o.id), g = $(o), a = U(o), u = E ? {
+      children: e.filter(Boolean).map((A) => {
+        const o = N(A), y = String(o.id), g = $(o), a = U(o), u = E ? {
           position: "relative",
           width: H ? "100%" : a.width,
           height: a.height,
@@ -113,9 +113,9 @@ var W = { prototypeThumbnail: {
             label: o.label
           })
         }, y);
-        const N = "type" in o && typeof o.type == "string" ? ` prototype-thumbnail-element--${o.type}` : "";
+        const L = "type" in o && typeof o.type == "string" ? ` prototype-thumbnail-element--${o.type}` : "";
         return /* @__PURE__ */ i("div", {
-          className: `prototype-thumbnail-element${N}`,
+          className: `prototype-thumbnail-element${L}`,
           style: u
         }, y);
       })

package/dist/Scene-DaQtzf1e.js

@@ -0,0 +1,449 @@
+import * as U from "@cratis/fundamentals";
+import { DerivedType as w, Guid as j, derivedType as M, field as o } from "@cratis/fundamentals";
+import * as K from "react";
+import * as q from "react/jsx-runtime";
+var T = Object.defineProperty, Y = (e, n) => {
+  let i = {};
+  for (var s in e)
+    T(i, s, {
+      get: e[s],
+      enumerable: !0
+    });
+  return n || T(i, Symbol.toStringTag, { value: "Module" }), i;
+};
+function r(e, n) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, n);
+}
+function t(e, n, i, s) {
+  var p = arguments.length, a = p < 3 ? n : s === null ? s = Object.getOwnPropertyDescriptor(n, i) : s, m;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, n, i, s);
+  else for (var g = e.length - 1; g >= 0; g--) (m = e[g]) && (a = (p < 3 ? m(a) : p > 3 ? m(n, i, a) : m(n, i)) || a);
+  return p > 3 && a && Object.defineProperty(n, i, a), a;
+}
+var z = class {
+  name;
+};
+t([o(String), r("design:type", String)], z.prototype, "name", void 0);
+var k = class {
+  name;
+};
+t([o(String), r("design:type", String)], k.prototype, "name", void 0);
+var F = /* @__PURE__ */ (function(e) {
+  return e[e.left = 0] = "left", e[e.center = 1] = "center", e[e.right = 2] = "right", e[e.stretch = 3] = "stretch", e;
+})({}), y = class {
+  left;
+  top;
+  right;
+  bottom;
+};
+t([o(Number), r("design:type", Number)], y.prototype, "left", void 0);
+t([o(Number), r("design:type", Number)], y.prototype, "top", void 0);
+t([o(Number), r("design:type", Number)], y.prototype, "right", void 0);
+t([o(Number), r("design:type", Number)], y.prototype, "bottom", void 0);
+var _ = /* @__PURE__ */ (function(e) {
+  return e[e.none = 0] = "none", e[e.top = 1] = "top", e[e.right = 2] = "right", e[e.bottom = 4] = "bottom", e[e.left = 8] = "left", e;
+})({}), ge = 15, x = class {
+  id;
+  properties;
+};
+t([o(j), r("design:type", typeof j > "u" ? Object : j)], x.prototype, "id", void 0);
+t([o(Object), r("design:type", typeof Record > "u" ? Object : Record)], x.prototype, "properties", void 0);
+var I = /* @__PURE__ */ (function(e) {
+  return e[e.visible = 0] = "visible", e[e.hidden = 1] = "hidden", e[e.collapsed = 2] = "collapsed", e;
+})({}), c = class extends x {
+  visibility;
+  isEnabled;
+  opacity;
+  width;
+  height;
+  ZIndex;
+  anchoring;
+};
+t([o(Number), r("design:type", typeof I > "u" ? Object : I)], c.prototype, "visibility", void 0);
+t([o(Boolean), r("design:type", Boolean)], c.prototype, "isEnabled", void 0);
+t([o(Number), r("design:type", Number)], c.prototype, "opacity", void 0);
+t([o(Number), r("design:type", Number)], c.prototype, "width", void 0);
+t([o(Number), r("design:type", Number)], c.prototype, "height", void 0);
+t([o(Number), r("design:type", Number)], c.prototype, "ZIndex", void 0);
+t([o(Number), r("design:type", typeof _ > "u" ? Object : _)], c.prototype, "anchoring", void 0);
+var L = /* @__PURE__ */ (function(e) {
+  return e[e.top = 0] = "top", e[e.center = 1] = "center", e[e.bottom = 2] = "bottom", e[e.stretch = 3] = "stretch", e;
+})({}), l = class extends c {
+  name;
+  minWidth;
+  maxWidth;
+  minHeight;
+  maxHeight;
+  margin;
+  horizontalAlignment;
+  verticalAlignment;
+};
+t([o(String), r("design:type", String)], l.prototype, "name", void 0);
+t([o(Number), r("design:type", Number)], l.prototype, "minWidth", void 0);
+t([o(Number), r("design:type", Number)], l.prototype, "maxWidth", void 0);
+t([o(Number), r("design:type", Number)], l.prototype, "minHeight", void 0);
+t([o(Number), r("design:type", Number)], l.prototype, "maxHeight", void 0);
+t([o(y), r("design:type", typeof y > "u" ? Object : y)], l.prototype, "margin", void 0);
+t([o(Number), r("design:type", typeof F > "u" ? Object : F)], l.prototype, "horizontalAlignment", void 0);
+t([o(Number), r("design:type", typeof L > "u" ? Object : L)], l.prototype, "verticalAlignment", void 0);
+var u = class extends l {
+  background;
+  foreground;
+  borderBrush;
+  borderThickness;
+  padding;
+  fontFamily;
+  fontSize;
+  fontWeight;
+  tabIndex;
+};
+t([o(String), r("design:type", String)], u.prototype, "background", void 0);
+t([o(String), r("design:type", String)], u.prototype, "foreground", void 0);
+t([o(String), r("design:type", String)], u.prototype, "borderBrush", void 0);
+t([o(y), r("design:type", typeof y > "u" ? Object : y)], u.prototype, "borderThickness", void 0);
+t([o(y), r("design:type", typeof y > "u" ? Object : y)], u.prototype, "padding", void 0);
+t([o(String), r("design:type", String)], u.prototype, "fontFamily", void 0);
+t([o(Number), r("design:type", Number)], u.prototype, "fontSize", void 0);
+t([o(String), r("design:type", String)], u.prototype, "fontWeight", void 0);
+t([o(Number), r("design:type", Number)], u.prototype, "tabIndex", void 0);
+var S = class extends u {
+  content;
+};
+t([o(c), r("design:type", typeof c > "u" ? Object : c)], S.prototype, "content", void 0);
+S = t([M("contentControl")], S);
+var h = class extends l {
+  componentName;
+  slots;
+};
+t([o(String), r("design:type", String)], h.prototype, "componentName", void 0);
+t([o(Object), r("design:type", typeof Record > "u" ? Object : Record)], h.prototype, "slots", void 0);
+h = t([M("externalComponent")], h);
+var W = class extends h {
+  initialSize = {
+    width: 220,
+    height: 72
+  };
+  resizeBehavior = "both";
+  acceptsChildren = !1;
+  constructor() {
+    super();
+    let e = "";
+    Object.defineProperty(this, "id", {
+      get() {
+        return e;
+      },
+      set(n) {
+        e = String(n ?? "");
+      },
+      enumerable: !0,
+      configurable: !0
+    });
+  }
+  get label() {
+    return this.name ?? "";
+  }
+  set label(e) {
+    this.name = e;
+  }
+  get position() {
+    const e = this.properties?.canvas ?? {};
+    return {
+      x: e.x ?? 0,
+      y: e.y ?? 0
+    };
+  }
+  set position(e) {
+    this.properties = {
+      ...this.properties ?? {},
+      canvas: {
+        x: e.x,
+        y: e.y
+      }
+    };
+  }
+  get size() {
+    return {
+      width: this.width ?? 0,
+      height: this.height ?? 0
+    };
+  }
+  set size(e) {
+    this.width = Math.trunc(e.width), this.height = Math.trunc(e.height);
+  }
+  get children() {
+    return this.slots?.children ?? [];
+  }
+  set children(e) {
+    this.slots = {
+      ...this.slots ?? {},
+      children: e
+    };
+  }
+  get type() {
+    const e = this.componentName ?? "", n = e.split(".").pop() ?? e;
+    return this.library ? `${this.library}.${n}` : n;
+  }
+  initialize(e) {
+    return e.id !== void 0 && (this.id = e.id), e.label !== void 0 && (this.label = e.label), e.position !== void 0 && (this.position = e.position), e.size !== void 0 && (this.size = e.size), e.ZIndex !== void 0 && (this.ZIndex = e.ZIndex), e.anchoring !== void 0 && (this.anchoring = e.anchoring), e.children !== void 0 && (this.children = e.children), this.name || (this.name = this.componentName), e.size || (this.size = { ...this.initialSize }), this.componentName = this.type, this;
+  }
+};
+o(String)(W.prototype, "id");
+var J = class {
+}, b = class extends l {
+  children;
+  background;
+};
+t([o(c, !0), r("design:type", Array)], b.prototype, "children", void 0);
+t([o(String), r("design:type", String)], b.prototype, "background", void 0);
+var C = class extends u {
+  items;
+  itemsPanel;
+};
+t([o(c, !0), r("design:type", Array)], C.prototype, "items", void 0);
+t([o(b), r("design:type", typeof b > "u" ? Object : b)], C.prototype, "itemsPanel", void 0);
+C = t([M("itemsControl")], C);
+var A = class {
+}, v = class {
+  name;
+  namespace;
+  category;
+  library;
+  bundlePath;
+  type;
+};
+t([o(String), r("design:type", String)], v.prototype, "name", void 0);
+t([o(String), r("design:type", String)], v.prototype, "namespace", void 0);
+t([o(String), r("design:type", String)], v.prototype, "category", void 0);
+t([o(String), r("design:type", String)], v.prototype, "library", void 0);
+t([o(String), r("design:type", String)], v.prototype, "bundlePath", void 0);
+t([o(String), r("design:type", String)], v.prototype, "type", void 0);
+var Q = class {
+}, N = class {
+  name;
+  components;
+};
+t([o(String), r("design:type", String)], N.prototype, "name", void 0);
+t([o(v, !0), r("design:type", Array)], N.prototype, "components", void 0);
+var O = class {
+  name;
+  bundlePath;
+  categories;
+};
+t([o(String), r("design:type", String)], O.prototype, "name", void 0);
+t([o(String), r("design:type", String)], O.prototype, "bundlePath", void 0);
+t([o(N, !0), r("design:type", Array)], O.prototype, "categories", void 0);
+var X = /* @__PURE__ */ (function(e) {
+  return e[e.absolute = 0] = "absolute", e[e.flexRow = 1] = "flexRow", e[e.flexColumn = 2] = "flexColumn", e[e.grid = 3] = "grid", e;
+})({}), G = {
+  "@cratis/fundamentals": "__cratisPrototypeHostFundamentals",
+  "@cratis/scene": "__cratisPrototypeHostScene",
+  react: "__cratisPrototypeHostReact",
+  "react/jsx-runtime": "__cratisPrototypeHostReactJsxRuntime"
+}, V = () => ({
+  "@cratis/fundamentals": U,
+  "@cratis/scene": le,
+  react: K,
+  "react/jsx-runtime": q
+}), ee = (e = globalThis) => {
+  const n = V();
+  for (const [i, s] of Object.entries(G)) e[s] ??= n[i];
+}, B = () => (window.__cratisPrototypeComponents ??= {}, window.__cratisPrototypeComponents), te = () => (window.__cratisPrototypeBundleLoads ??= {}, window.__cratisPrototypeBundleLoads), oe = (e) => {
+  const n = [e], i = e.split(".").pop();
+  return i && i !== e && n.push(i), n;
+}, P = (e, n) => {
+  if (typeof window > "u") return;
+  const i = B()[e];
+  if (i)
+    for (const s of oe(n)) {
+      const p = i[s];
+      if (p) return p;
+    }
+}, re = (e, n) => {
+  B()[e] = n;
+  for (const [i, s] of Object.entries(n)) {
+    if (!i.includes(".")) continue;
+    w.set(s, i);
+    let p = Object.getPrototypeOf(s.prototype);
+    for (; p && p.constructor && p.constructor !== Object; )
+      w.set(s, i, p.constructor), p = Object.getPrototypeOf(p);
+  }
+}, Z = (e) => {
+  if ("RenderPrototype" in e && typeof e.RenderPrototype == "function") return e;
+  const n = "_derivedTypeId" in e && typeof e._derivedTypeId == "string" && e._derivedTypeId.includes(".") ? e._derivedTypeId : "componentName" in e && typeof e.componentName == "string" ? e.componentName : "", i = n.indexOf(".");
+  if (i < 1) return e;
+  const s = P(n.slice(0, i), n.slice(i + 1));
+  if (!s) return e;
+  const p = Object.fromEntries(Object.entries(e).filter(([a]) => ![
+    "type",
+    "label",
+    "position",
+    "size",
+    "children"
+  ].includes(a)));
+  if ("slots" in e && e.slots && typeof e.slots == "object") {
+    let a;
+    for (const [m, g] of Object.entries(e.slots)) {
+      if (!Array.isArray(g)) continue;
+      let f;
+      for (const [H, E] of g.entries()) {
+        const D = Z(E);
+        D !== E && (f ??= g.slice(), f[H] = D);
+      }
+      f && (a ??= { ...e.slots }, a[m] = f);
+    }
+    a && (p.slots = a);
+  }
+  return Object.assign(new s(), p);
+}, ne = (e, n) => {
+  const i = P(e, n);
+  return i ? new i() : void 0;
+}, ie = (e, n, i) => {
+  const s = P(e, n);
+  if (!s) return;
+  const p = new s();
+  return typeof p.initialize == "function" ? p.initialize(i) : (Object.assign(p, i), p);
+}, $ = async (e) => {
+  ee();
+  const n = te();
+  if (n[e]) {
+    await n[e];
+    return;
+  }
+  n[e] = new Promise((i, s) => {
+    const p = document.querySelector(`script[data-prototype-bundle="${e}"]`);
+    if (p) {
+      p.addEventListener("load", () => i(), { once: !0 }), p.addEventListener("error", () => s(/* @__PURE__ */ new Error(`Failed to load prototype bundle '${e}'.`)), { once: !0 });
+      return;
+    }
+    const a = document.createElement("script");
+    a.src = e, a.async = !0, a.dataset.prototypeBundle = e, a.onload = () => i(), a.onerror = () => s(/* @__PURE__ */ new Error(`Failed to load prototype bundle '${e}'.`)), document.head.appendChild(a);
+  }), await n[e];
+}, se = async (e) => {
+  const n = [...new Set(e.filter(Boolean))];
+  await Promise.all(n.map($)), pe();
+}, pe = () => {
+  const e = B();
+  for (const n of Object.values(e)) for (const [i, s] of Object.entries(n))
+    i.includes(".") && w.set(s, i, c);
+}, R = (e) => {
+  const n = e, i = n.componentName;
+  if (!i) return e;
+  const s = i.indexOf(".");
+  if (s < 0) return e;
+  const p = i.substring(0, s), a = i.substring(s + 1), m = P(p, a);
+  if (!m) return e;
+  const g = new m();
+  Object.assign(g, e);
+  const f = n.slots;
+  return f?.children?.length && (g.slots = {
+    ...f,
+    children: f.children.map(R)
+  }), g;
+}, ae = (e) => e.map(R), d = {
+  Layout: "Layout",
+  Containers: "Containers",
+  Form: "Form",
+  Button: "Button",
+  Buttons: "Buttons",
+  Data: "Data",
+  Panel: "Panel",
+  Panels: "Panels",
+  Overlay: "Overlay",
+  File: "File",
+  Menu: "Menu",
+  Menus: "Menus",
+  Chart: "Chart",
+  Charts: "Charts",
+  Messages: "Messages",
+  Media: "Media",
+  Misc: "Misc"
+}, de = {
+  [d.Layout]: "pi pi-objects-column",
+  [d.Containers]: "pi pi-box",
+  [d.Form]: "pi pi-pencil",
+  [d.Button]: "pi pi-stop",
+  [d.Buttons]: "pi pi-stop",
+  [d.Data]: "pi pi-list",
+  [d.Panel]: "pi pi-table",
+  [d.Panels]: "pi pi-table",
+  [d.Overlay]: "pi pi-clone",
+  [d.File]: "pi pi-file",
+  [d.Menu]: "pi pi-bars",
+  [d.Menus]: "pi pi-bars",
+  [d.Chart]: "pi pi-chart-bar",
+  [d.Charts]: "pi pi-chart-bar",
+  [d.Messages]: "pi pi-envelope",
+  [d.Media]: "pi pi-image",
+  [d.Misc]: "pi pi-ellipsis-h"
+}, ce = "pi pi-folder-open";
+function ye(e) {
+  return de[e] ?? ce;
+}
+var le = /* @__PURE__ */ Y({
+  AnchorEdges: () => _,
+  CategoryAttribute: () => z,
+  Component: () => W,
+  ComponentLibraryAttribute: () => k,
+  ContentControl: () => S,
+  Control: () => u,
+  ExternalComponent: () => h,
+  FrameworkElement: () => l,
+  IPrototypeComponentDiscovery: () => J,
+  IUIElement: () => A,
+  ItemsControl: () => C,
+  Panel: () => b,
+  PrototypeComponentCategoryDescriptor: () => N,
+  PrototypeComponentDescriptor: () => v,
+  PrototypeComponentDiscovery: () => Q,
+  PrototypeComponentLibraryDescriptor: () => O,
+  PrototypeLayout: () => X,
+  SceneObject: () => x,
+  UIElement: () => c,
+  Visibility: () => I,
+  WellKnownCategories: () => d,
+  allAnchorEdges: () => 15,
+  createPrototypeComponentInstance: () => ie,
+  ensurePrototypeComponentBundle: () => $,
+  getCategoryIcon: () => ye,
+  getPrototypeComponent: () => ne,
+  hydrateElement: () => R,
+  hydrateElements: () => ae,
+  hydratePrototypeElement: () => Z,
+  loadPrototypeComponentLibraries: () => se,
+  prototypeHostGlobals: () => G,
+  registerPrototypeComponentLibrary: () => re
+});
+export {
+  ge as A,
+  S as C,
+  I as D,
+  c as E,
+  z as M,
+  x as O,
+  h as S,
+  l as T,
+  A as _,
+  ne as a,
+  J as b,
+  Z as c,
+  G as d,
+  X as f,
+  O as g,
+  Q as h,
+  $ as i,
+  k as j,
+  _ as k,
+  se as l,
+  v as m,
+  ye as n,
+  R as o,
+  N as p,
+  ie as r,
+  ae as s,
+  d as t,
+  re as u,
+  C as v,
+  u as w,
+  W as x,
+  b as y
+};

package/dist/index.d.ts

@@ -20,4 +20,5 @@ export * from './Layout/Visibility';
 export * from './Layout/PrototypeLayout';
 export * from './UIElement';
 export * from './PrototypeComponentRegistry';
+export * from './prototypeHostGlobals';
 export * from './WellKnownCategories';

package/dist/index.js

@@ -1,261 +1,35 @@
-import { a as O, c as I, d as j, f as E, g as o, h as t, i as B, l as F, m as L, n as k, o as z, p as D, r as _, s as w, t as W, u as a } from "./PrototypeComponentRegistry-FLUzIk5a.js";
-import { derivedType as l, field as i } from "@cratis/fundamentals";
-var S = class {
-  name;
-};
-t([i(String), o("design:type", String)], S.prototype, "name", void 0);
-var C = class {
-  name;
-};
-t([i(String), o("design:type", String)], C.prototype, "name", void 0);
-var b = /* @__PURE__ */ (function(e) {
-  return e[e.left = 0] = "left", e[e.center = 1] = "center", e[e.right = 2] = "right", e[e.stretch = 3] = "stretch", e;
-})({}), n = class {
-  left;
-  top;
-  right;
-  bottom;
-};
-t([i(Number), o("design:type", Number)], n.prototype, "left", void 0);
-t([i(Number), o("design:type", Number)], n.prototype, "top", void 0);
-t([i(Number), o("design:type", Number)], n.prototype, "right", void 0);
-t([i(Number), o("design:type", Number)], n.prototype, "bottom", void 0);
-var f = /* @__PURE__ */ (function(e) {
-  return e[e.top = 0] = "top", e[e.center = 1] = "center", e[e.bottom = 2] = "bottom", e[e.stretch = 3] = "stretch", e;
-})({}), p = class extends a {
-  name;
-  minWidth;
-  maxWidth;
-  minHeight;
-  maxHeight;
-  margin;
-  horizontalAlignment;
-  verticalAlignment;
-};
-t([i(String), o("design:type", String)], p.prototype, "name", void 0);
-t([i(Number), o("design:type", Number)], p.prototype, "minWidth", void 0);
-t([i(Number), o("design:type", Number)], p.prototype, "maxWidth", void 0);
-t([i(Number), o("design:type", Number)], p.prototype, "minHeight", void 0);
-t([i(Number), o("design:type", Number)], p.prototype, "maxHeight", void 0);
-t([i(n), o("design:type", typeof n > "u" ? Object : n)], p.prototype, "margin", void 0);
-t([i(Number), o("design:type", typeof b > "u" ? Object : b)], p.prototype, "horizontalAlignment", void 0);
-t([i(Number), o("design:type", typeof f > "u" ? Object : f)], p.prototype, "verticalAlignment", void 0);
-var s = class extends p {
-  background;
-  foreground;
-  borderBrush;
-  borderThickness;
-  padding;
-  fontFamily;
-  fontSize;
-  fontWeight;
-  tabIndex;
-};
-t([i(String), o("design:type", String)], s.prototype, "background", void 0);
-t([i(String), o("design:type", String)], s.prototype, "foreground", void 0);
-t([i(String), o("design:type", String)], s.prototype, "borderBrush", void 0);
-t([i(n), o("design:type", typeof n > "u" ? Object : n)], s.prototype, "borderThickness", void 0);
-t([i(n), o("design:type", typeof n > "u" ? Object : n)], s.prototype, "padding", void 0);
-t([i(String), o("design:type", String)], s.prototype, "fontFamily", void 0);
-t([i(Number), o("design:type", Number)], s.prototype, "fontSize", void 0);
-t([i(String), o("design:type", String)], s.prototype, "fontWeight", void 0);
-t([i(Number), o("design:type", Number)], s.prototype, "tabIndex", void 0);
-var m = class extends s {
-  content;
-};
-t([i(a), o("design:type", typeof a > "u" ? Object : a)], m.prototype, "content", void 0);
-m = t([l("contentControl")], m);
-var g = class extends p {
-  componentName;
-  slots;
-};
-t([i(String), o("design:type", String)], g.prototype, "componentName", void 0);
-t([i(Object), o("design:type", typeof Record > "u" ? Object : Record)], g.prototype, "slots", void 0);
-g = t([l("externalComponent")], g);
-var N = class extends g {
-  initialSize = {
-    width: 220,
-    height: 72
-  };
-  resizeBehavior = "both";
-  acceptsChildren = !1;
-  constructor() {
-    super();
-    let e = "";
-    Object.defineProperty(this, "id", {
-      get() {
-        return e;
-      },
-      set(h) {
-        e = String(h ?? "");
-      },
-      enumerable: !0,
-      configurable: !0
-    });
-  }
-  get label() {
-    return this.name ?? "";
-  }
-  set label(e) {
-    this.name = e;
-  }
-  get position() {
-    const e = this.properties?.canvas ?? {};
-    return {
-      x: e.x ?? 0,
-      y: e.y ?? 0
-    };
-  }
-  set position(e) {
-    this.properties = {
-      ...this.properties ?? {},
-      canvas: {
-        x: e.x,
-        y: e.y
-      }
-    };
-  }
-  get size() {
-    return {
-      width: this.width ?? 0,
-      height: this.height ?? 0
-    };
-  }
-  set size(e) {
-    this.width = Math.trunc(e.width), this.height = Math.trunc(e.height);
-  }
-  get children() {
-    return this.slots?.children ?? [];
-  }
-  set children(e) {
-    this.slots = {
-      ...this.slots ?? {},
-      children: e
-    };
-  }
-  get type() {
-    const e = this.componentName ?? "", h = e.split(".").pop() ?? e;
-    return this.library ? `${this.library}.${h}` : h;
-  }
-  initialize(e) {
-    return e.id !== void 0 && (this.id = e.id), e.label !== void 0 && (this.label = e.label), e.position !== void 0 && (this.position = e.position), e.size !== void 0 && (this.size = e.size), e.ZIndex !== void 0 && (this.ZIndex = e.ZIndex), e.anchoring !== void 0 && (this.anchoring = e.anchoring), e.children !== void 0 && (this.children = e.children), this.name || (this.name = this.componentName), e.size || (this.size = { ...this.initialSize }), this.componentName = this.type, this;
-  }
-};
-i(String)(N.prototype, "id");
-var A = class {
-}, y = class extends p {
-  children;
-  background;
-};
-t([i(a, !0), o("design:type", Array)], y.prototype, "children", void 0);
-t([i(String), o("design:type", String)], y.prototype, "background", void 0);
-var c = class extends s {
-  items;
-  itemsPanel;
-};
-t([i(a, !0), o("design:type", Array)], c.prototype, "items", void 0);
-t([i(y), o("design:type", typeof y > "u" ? Object : y)], c.prototype, "itemsPanel", void 0);
-c = t([l("itemsControl")], c);
-var K = class {
-}, d = class {
-  name;
-  namespace;
-  category;
-  library;
-  bundlePath;
-  type;
-};
-t([i(String), o("design:type", String)], d.prototype, "name", void 0);
-t([i(String), o("design:type", String)], d.prototype, "namespace", void 0);
-t([i(String), o("design:type", String)], d.prototype, "category", void 0);
-t([i(String), o("design:type", String)], d.prototype, "library", void 0);
-t([i(String), o("design:type", String)], d.prototype, "bundlePath", void 0);
-t([i(String), o("design:type", String)], d.prototype, "type", void 0);
-var U = class {
-}, u = class {
-  name;
-  components;
-};
-t([i(String), o("design:type", String)], u.prototype, "name", void 0);
-t([i(d, !0), o("design:type", Array)], u.prototype, "components", void 0);
-var v = class {
-  name;
-  bundlePath;
-  categories;
-};
-t([i(String), o("design:type", String)], v.prototype, "name", void 0);
-t([i(String), o("design:type", String)], v.prototype, "bundlePath", void 0);
-t([i(u, !0), o("design:type", Array)], v.prototype, "categories", void 0);
-var r = {
-  Layout: "Layout",
-  Containers: "Containers",
-  Form: "Form",
-  Button: "Button",
-  Buttons: "Buttons",
-  Data: "Data",
-  Panel: "Panel",
-  Panels: "Panels",
-  Overlay: "Overlay",
-  File: "File",
-  Menu: "Menu",
-  Menus: "Menus",
-  Chart: "Chart",
-  Charts: "Charts",
-  Messages: "Messages",
-  Media: "Media",
-  Misc: "Misc"
-}, P = {
-  [r.Layout]: "pi pi-objects-column",
-  [r.Containers]: "pi pi-box",
-  [r.Form]: "pi pi-pencil",
-  [r.Button]: "pi pi-stop",
-  [r.Buttons]: "pi pi-stop",
-  [r.Data]: "pi pi-list",
-  [r.Panel]: "pi pi-table",
-  [r.Panels]: "pi pi-table",
-  [r.Overlay]: "pi pi-clone",
-  [r.File]: "pi pi-file",
-  [r.Menu]: "pi pi-bars",
-  [r.Menus]: "pi pi-bars",
-  [r.Chart]: "pi pi-chart-bar",
-  [r.Charts]: "pi pi-chart-bar",
-  [r.Messages]: "pi pi-envelope",
-  [r.Media]: "pi pi-image",
-  [r.Misc]: "pi pi-ellipsis-h"
-}, x = "pi pi-folder-open";
-function Y(e) {
-  return P[e] ?? x;
-}
+import { A as t, C as e, D as r, E as a, M as n, O as s, S as p, T as y, _ as m, a as C, b as l, c as i, d as c, f as P, g as b, h as g, i as E, j as d, k as I, l as h, m as u, n as D, o as A, p as L, r as v, s as w, t as x, u as f, v as j, w as k, x as O, y as S } from "./Scene-DaQtzf1e.js";
 export {
-  D as AnchorEdges,
-  S as CategoryAttribute,
-  N as Component,
-  C as ComponentLibraryAttribute,
-  m as ContentControl,
-  s as Control,
-  g as ExternalComponent,
-  p as FrameworkElement,
-  A as IPrototypeComponentDiscovery,
-  K as IUIElement,
-  c as ItemsControl,
-  y as Panel,
-  u as PrototypeComponentCategoryDescriptor,
-  d as PrototypeComponentDescriptor,
-  U as PrototypeComponentDiscovery,
-  v as PrototypeComponentLibraryDescriptor,
-  F as PrototypeLayout,
-  E as SceneObject,
+  I as AnchorEdges,
+  n as CategoryAttribute,
+  O as Component,
+  d as ComponentLibraryAttribute,
+  e as ContentControl,
+  k as Control,
+  p as ExternalComponent,
+  y as FrameworkElement,
+  l as IPrototypeComponentDiscovery,
+  m as IUIElement,
+  j as ItemsControl,
+  S as Panel,
+  L as PrototypeComponentCategoryDescriptor,
+  u as PrototypeComponentDescriptor,
+  g as PrototypeComponentDiscovery,
+  b as PrototypeComponentLibraryDescriptor,
+  P as PrototypeLayout,
+  s as SceneObject,
   a as UIElement,
-  j as Visibility,
-  r as WellKnownCategories,
-  L as allAnchorEdges,
-  W as createPrototypeComponentInstance,
-  k as ensurePrototypeComponentBundle,
-  Y as getCategoryIcon,
-  _ as getPrototypeComponent,
-  B as hydrateElement,
-  O as hydrateElements,
-  z as hydratePrototypeElement,
-  w as loadPrototypeComponentLibraries,
-  I as registerPrototypeComponentLibrary
+  r as Visibility,
+  x as WellKnownCategories,
+  t as allAnchorEdges,
+  v as createPrototypeComponentInstance,
+  E as ensurePrototypeComponentBundle,
+  D as getCategoryIcon,
+  C as getPrototypeComponent,
+  A as hydrateElement,
+  w as hydrateElements,
+  i as hydratePrototypeElement,
+  h as loadPrototypeComponentLibraries,
+  c as prototypeHostGlobals,
+  f as registerPrototypeComponentLibrary
 };

package/dist/prototypeHostGlobals.d.ts

@@ -0,0 +1,7 @@
+export declare const prototypeHostGlobals: {
+    readonly '@cratis/fundamentals': '__cratisPrototypeHostFundamentals';
+    readonly '@cratis/scene': '__cratisPrototypeHostScene';
+    readonly react: '__cratisPrototypeHostReact';
+    readonly 'react/jsx-runtime': '__cratisPrototypeHostReactJsxRuntime';
+};
+export type PrototypeHostModule = keyof typeof prototypeHostGlobals;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cratis/scene",
-  "version": "0.106.0",
+  "version": "0.108.0",
   "description": "Cratis Scene: renders Studio prototypes as thumbnails and previews.",
   "license": "MIT",
   "author": "Cratis",

package/dist/PrototypeComponentRegistry-FLUzIk5a.js

@@ -1,148 +0,0 @@
-import { DerivedType as v, Guid as y, field as d } from "@cratis/fundamentals";
-function a(e, o) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, o);
-}
-function p(e, o, t, n) {
-  var r = arguments.length, i = r < 3 ? o : n === null ? n = Object.getOwnPropertyDescriptor(o, t) : n, c;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") i = Reflect.decorate(e, o, t, n);
-  else for (var s = e.length - 1; s >= 0; s--) (c = e[s]) && (i = (r < 3 ? c(i) : r > 3 ? c(o, t, i) : c(o, t)) || i);
-  return r > 3 && i && Object.defineProperty(o, t, i), i;
-}
-var O = /* @__PURE__ */ (function(e) {
-  return e[e.none = 0] = "none", e[e.top = 1] = "top", e[e.right = 2] = "right", e[e.bottom = 4] = "bottom", e[e.left = 8] = "left", e;
-})({}), T = 15, b = class {
-  id;
-  properties;
-};
-p([d(y), a("design:type", typeof y > "u" ? Object : y)], b.prototype, "id", void 0);
-p([d(Object), a("design:type", typeof Record > "u" ? Object : Record)], b.prototype, "properties", void 0);
-var j = /* @__PURE__ */ (function(e) {
-  return e[e.visible = 0] = "visible", e[e.hidden = 1] = "hidden", e[e.collapsed = 2] = "collapsed", e;
-})({}), u = class extends b {
-  visibility;
-  isEnabled;
-  opacity;
-  width;
-  height;
-  ZIndex;
-  anchoring;
-};
-p([d(Number), a("design:type", typeof j > "u" ? Object : j)], u.prototype, "visibility", void 0);
-p([d(Boolean), a("design:type", Boolean)], u.prototype, "isEnabled", void 0);
-p([d(Number), a("design:type", Number)], u.prototype, "opacity", void 0);
-p([d(Number), a("design:type", Number)], u.prototype, "width", void 0);
-p([d(Number), a("design:type", Number)], u.prototype, "height", void 0);
-p([d(Number), a("design:type", Number)], u.prototype, "ZIndex", void 0);
-p([d(Number), a("design:type", typeof O > "u" ? Object : O)], u.prototype, "anchoring", void 0);
-var S = /* @__PURE__ */ (function(e) {
-  return e[e.absolute = 0] = "absolute", e[e.flexRow = 1] = "flexRow", e[e.flexColumn = 2] = "flexColumn", e[e.grid = 3] = "grid", e;
-})({}), m = () => (window.__cratisPrototypeComponents ??= {}, window.__cratisPrototypeComponents), N = () => (window.__cratisPrototypeBundleLoads ??= {}, window.__cratisPrototypeBundleLoads), _ = (e) => {
-  const o = [e], t = e.split(".").pop();
-  return t && t !== e && o.push(t), o;
-}, l = (e, o) => {
-  if (typeof window > "u") return;
-  const t = m()[e];
-  if (t)
-    for (const n of _(o)) {
-      const r = t[n];
-      if (r) return r;
-    }
-}, E = (e, o) => {
-  m()[e] = o;
-  for (const [t, n] of Object.entries(o)) {
-    if (!t.includes(".")) continue;
-    v.set(n, t);
-    let r = Object.getPrototypeOf(n.prototype);
-    for (; r && r.constructor && r.constructor !== Object; )
-      v.set(n, t, r.constructor), r = Object.getPrototypeOf(r);
-  }
-}, x = (e) => {
-  if ("RenderPrototype" in e && typeof e.RenderPrototype == "function") return e;
-  const o = "_derivedTypeId" in e && typeof e._derivedTypeId == "string" && e._derivedTypeId.includes(".") ? e._derivedTypeId : "componentName" in e && typeof e.componentName == "string" ? e.componentName : "", t = o.indexOf(".");
-  if (t < 1) return e;
-  const n = l(o.slice(0, t), o.slice(t + 1));
-  if (!n) return e;
-  const r = Object.fromEntries(Object.entries(e).filter(([i]) => ![
-    "type",
-    "label",
-    "position",
-    "size",
-    "children"
-  ].includes(i)));
-  if ("slots" in e && e.slots && typeof e.slots == "object") {
-    let i;
-    for (const [c, s] of Object.entries(e.slots)) {
-      if (!Array.isArray(s)) continue;
-      let f;
-      for (const [C, w] of s.entries()) {
-        const g = x(w);
-        g !== w && (f ??= s.slice(), f[C] = g);
-      }
-      f && (i ??= { ...e.slots }, i[c] = f);
-    }
-    i && (r.slots = i);
-  }
-  return Object.assign(new n(), r);
-}, P = (e, o) => {
-  const t = l(e, o);
-  return t ? new t() : void 0;
-}, z = (e, o, t) => {
-  const n = l(e, o);
-  if (!n) return;
-  const r = new n();
-  return typeof r.initialize == "function" ? r.initialize(t) : (Object.assign(r, t), r);
-}, R = async (e) => {
-  const o = N();
-  if (o[e]) {
-    await o[e];
-    return;
-  }
-  o[e] = new Promise((t, n) => {
-    const r = document.querySelector(`script[data-prototype-bundle="${e}"]`);
-    if (r) {
-      r.addEventListener("load", () => t(), { once: !0 }), r.addEventListener("error", () => n(/* @__PURE__ */ new Error(`Failed to load prototype bundle '${e}'.`)), { once: !0 });
-      return;
-    }
-    const i = document.createElement("script");
-    i.src = e, i.async = !0, i.dataset.prototypeBundle = e, i.onload = () => t(), i.onerror = () => n(/* @__PURE__ */ new Error(`Failed to load prototype bundle '${e}'.`)), document.head.appendChild(i);
-  }), await o[e];
-}, D = async (e) => {
-  const o = [...new Set(e.filter(Boolean))];
-  await Promise.all(o.map(R)), B();
-}, B = () => {
-  const e = m();
-  for (const o of Object.values(e)) for (const [t, n] of Object.entries(o))
-    t.includes(".") && v.set(n, t, u);
-}, h = (e) => {
-  const o = e, t = o.componentName;
-  if (!t) return e;
-  const n = t.indexOf(".");
-  if (n < 0) return e;
-  const r = t.substring(0, n), i = t.substring(n + 1), c = l(r, i);
-  if (!c) return e;
-  const s = new c();
-  Object.assign(s, e);
-  const f = o.slots;
-  return f?.children?.length && (s.slots = {
-    ...f,
-    children: f.children.map(h)
-  }), s;
-}, F = (e) => e.map(h);
-export {
-  F as a,
-  E as c,
-  j as d,
-  b as f,
-  a as g,
-  p as h,
-  h as i,
-  S as l,
-  T as m,
-  R as n,
-  x as o,
-  O as p,
-  P as r,
-  D as s,
-  z as t,
-  u
-};