cubeforge 0.7.0 → 0.8.1

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export { AudioAnalyserControls, AudioAnalyserOptions, AudioGroup, AudioScheduler
 export { DevToolsHandle } from '@cubeforge/devtools';
 import { Room } from '@cubeforge/net';
 export { BinaryNetTransport, ClientPrediction, InterpolationBuffer, InterpolationBufferConfig, InterpolationState, NetMessage, NetTransport, NetworkInputConfig, PredictionConfig, Room, RoomConfig, SyncConfig, WebRTCTransport, WebRTCTransportConfig, WebSocketTransportOptions, createWebRTCTransport, createWebSocketTransport, isBinaryTransport, syncEntity, useNetworkInput } from '@cubeforge/net';
+export { BoolField, ColorField, EditorShell, EditorShellProps, EditorState, EntityInfo, EntityInspector, EntityInspectorProps, NumberField, SceneHierarchy, SceneHierarchyProps, TextField, Vec2Field, useEditorState } from '@cubeforge/editor';
 
 interface GameControls {
     pause(): void;

package/dist/index.js

@@ -83,6 +83,20 @@ function applyDeltaSnapshot(baseline, delta) {
   }
   return { nextId: delta.nextId, rngState: delta.rngState, entities };
 }
+function _componentsChanged(a, b) {
+  if (a.length !== b.length) return true;
+  for (let i = 0; i < a.length; i++) {
+    const ca = a[i];
+    const cb = b[i];
+    if (ca["type"] !== cb["type"]) return true;
+    const keysA = Object.keys(ca);
+    if (keysA.length !== Object.keys(cb).length) return true;
+    for (const k of keysA) {
+      if (ca[k] !== cb[k]) return true;
+    }
+  }
+  return false;
+}
 var ECSWorld = class {
   nextId = 0;
   // Secondary index: O(1) single-entity component lookup
@@ -201,6 +215,23 @@ var ECSWorld = class {
   hasComponent(id, type) {
     return this.componentIndex.get(id)?.has(type) ?? false;
   }
+  /**
+   * Returns live references to all components on an entity.
+   * Useful for editor / inspector tooling. Returns an empty array if the
+   * entity does not exist.
+   *
+   * **Do not mutate structural fields** (e.g. `type`) — doing so will
+   * desync the archetype index. Mutating value fields (x, y, color …) is safe.
+   */
+  getEntityComponents(id) {
+    const map = this.componentIndex.get(id);
+    if (!map) return [];
+    return [...map.values()];
+  }
+  /** Returns all live entity IDs currently in the world. */
+  getAllEntityIds() {
+    return [...this.componentIndex.keys()];
+  }
   // Flush pending dirty flags into the query cache immediately.
   // Called inline at the top of query() so any mid-frame mutation
   // (destroyEntity, addComponent, removeComponent) is reflected before
@@ -437,7 +468,7 @@ var ECSWorld = class {
     const removed = [];
     for (const entity of current.entities) {
       const base = baseMap.get(entity.id);
-      if (!base || JSON.stringify(entity.components) !== JSON.stringify(base.components)) {
+      if (!base || _componentsChanged(entity.components, base.components)) {
         changed.push(entity);
       }
     }
@@ -8597,7 +8628,6 @@ function Checkpoint({
 // src/components/Tilemap.tsx
 import { useEffect as useEffect30, useState as useState6, useContext as useContext20 } from "react";
 import { Fragment as Fragment5, jsx as jsx10 } from "react/jsx-runtime";
-var animatedTiles = /* @__PURE__ */ new Map();
 function getProperty(props, name) {
   return props?.find((p) => p.name === name)?.value;
 }
@@ -8629,6 +8659,7 @@ function Tilemap({
   useEffect30(() => {
     if (!engine) return;
     const createdEntities = [];
+    const animatedTiles = /* @__PURE__ */ new Map();
     async function load() {
       let mapData;
       try {
@@ -8764,6 +8795,7 @@ function Tilemap({
               if (frame) {
                 sprite.frame = { sx: frame.sx, sy: frame.sy, sw: frame.sw, sh: frame.sh };
                 engine.assets.loadImage(frame.imageSrc).then((img) => {
+                  if (!engine.ecs.hasEntity(eid)) return;
                   const s2 = engine.ecs.getComponent(eid, "Sprite");
                   if (s2) s2.image = img;
                 }).catch(() => {
@@ -8779,6 +8811,7 @@ function Tilemap({
                 animatedTiles.set(eid, state);
                 const firstFrameRegion = getFrameForLocalId(resolved.tileset, frames[0]);
                 engine.assets.loadImage(firstFrameRegion.imageSrc).then((img) => {
+                  if (!engine.ecs.hasEntity(eid)) return;
                   const s2 = engine.ecs.getComponent(eid, "Sprite");
                   if (s2) {
                     s2.image = img;
@@ -14610,7 +14643,7 @@ function HUDBar({
     display: "flex",
     flexDirection: rtl ? "row-reverse" : "row"
   };
-  const labelStyle = {
+  const labelStyle2 = {
     fontFamily: "system-ui, sans-serif",
     fontSize: 11,
     letterSpacing: 0.5,
@@ -14622,7 +14655,7 @@ function HUDBar({
     marginBottom: 4
   };
   return /* @__PURE__ */ jsxs11("div", { style: { display: "flex", flexDirection: "column", ...style }, "aria-label": label, children: [
-    (label || showValue) && /* @__PURE__ */ jsxs11("div", { style: labelStyle, children: [
+    (label || showValue) && /* @__PURE__ */ jsxs11("div", { style: labelStyle2, children: [
       label && /* @__PURE__ */ jsx22("span", { children: label }),
       showValue && /* @__PURE__ */ jsxs11("span", { style: { fontVariantNumeric: "tabular-nums" }, children: [
         Math.round(value),
@@ -15330,12 +15363,558 @@ function useRemotePlayer(config) {
   }, [room, world]);
   return { players };
 }
+
+// ../editor/src/components/SceneHierarchy.tsx
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+var panelStyle = {
+  background: "#0d1520",
+  borderRight: "1px solid #1a2a3a",
+  color: "#c0d0e0",
+  fontFamily: "system-ui, sans-serif",
+  fontSize: 12,
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden",
+  userSelect: "none"
+};
+var headerStyle = {
+  padding: "6px 10px",
+  fontSize: 10,
+  fontWeight: 700,
+  textTransform: "uppercase",
+  letterSpacing: 1,
+  color: "#4fc3f7",
+  borderBottom: "1px solid #1a2a3a",
+  flexShrink: 0
+};
+var listStyle = {
+  flex: 1,
+  overflowY: "auto",
+  padding: "4px 0"
+};
+function entityRowStyle(selected) {
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: 6,
+    padding: "3px 10px",
+    cursor: "pointer",
+    background: selected ? "#1a3050" : "transparent",
+    borderLeft: selected ? "2px solid #4fc3f7" : "2px solid transparent",
+    color: selected ? "#e0f0ff" : "#a0b4c8",
+    transition: "background 80ms"
+  };
+}
+var componentBadgeStyle = {
+  fontSize: 9,
+  background: "#1a2a3a",
+  color: "#607080",
+  borderRadius: 3,
+  padding: "1px 4px",
+  maxWidth: 60,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+function SceneHierarchy({ entities, selectedId, onSelect, width = 220, style }) {
+  return /* @__PURE__ */ jsxs12("div", { style: { ...panelStyle, width, ...style }, children: [
+    /* @__PURE__ */ jsx23("div", { style: headerStyle, children: "Scene Hierarchy" }),
+    /* @__PURE__ */ jsxs12("div", { style: { padding: "4px 10px", borderBottom: "1px solid #1a2a3a", color: "#4a5a6a", fontSize: 10 }, children: [
+      entities.length,
+      " ",
+      entities.length === 1 ? "entity" : "entities"
+    ] }),
+    /* @__PURE__ */ jsxs12("div", { style: listStyle, children: [
+      entities.map((e) => /* @__PURE__ */ jsx23(
+        "div",
+        {
+          style: entityRowStyle(e.id === selectedId),
+          onClick: () => onSelect(e.id === selectedId ? null : e.id),
+          children: /* @__PURE__ */ jsxs12("div", { style: { flex: 1, overflow: "hidden" }, children: [
+            /* @__PURE__ */ jsx23("div", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: e.name }),
+            /* @__PURE__ */ jsxs12("div", { style: { display: "flex", gap: 3, marginTop: 2, flexWrap: "wrap" }, children: [
+              e.componentTypes.slice(0, 3).map((t) => /* @__PURE__ */ jsx23("span", { style: componentBadgeStyle, children: t }, t)),
+              e.componentTypes.length > 3 && /* @__PURE__ */ jsxs12("span", { style: componentBadgeStyle, children: [
+                "+",
+                e.componentTypes.length - 3
+              ] })
+            ] })
+          ] })
+        },
+        e.id
+      )),
+      entities.length === 0 && /* @__PURE__ */ jsx23("div", { style: { padding: "10px", color: "#3a5060", fontSize: 11, textAlign: "center" }, children: "No entities" })
+    ] })
+  ] });
+}
+
+// ../editor/src/components/PropertyField.tsx
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+var fieldRow = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  marginBottom: 4,
+  minHeight: 24
+};
+var labelStyle = {
+  flex: "0 0 90px",
+  fontSize: 11,
+  color: "#8899aa",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  fontFamily: "system-ui, sans-serif",
+  textTransform: "uppercase",
+  letterSpacing: 0.5
+};
+var inputBase = {
+  flex: 1,
+  background: "#1a2030",
+  border: "1px solid #2a3a50",
+  borderRadius: 3,
+  color: "#d0e0f0",
+  padding: "2px 6px",
+  fontSize: 11,
+  fontFamily: "monospace",
+  outline: "none",
+  minWidth: 0
+};
+function NumberField({ label, value, onChange, step = 1 }) {
+  return /* @__PURE__ */ jsxs13("div", { style: fieldRow, children: [
+    /* @__PURE__ */ jsx24("span", { style: labelStyle, title: label, children: label }),
+    /* @__PURE__ */ jsx24(
+      "input",
+      {
+        type: "number",
+        style: inputBase,
+        value: isNaN(value) ? "" : value,
+        step,
+        onChange: (e) => {
+          const v = parseFloat(e.target.value);
+          if (!isNaN(v)) onChange(v);
+        }
+      }
+    )
+  ] });
+}
+function TextField({ label, value, onChange }) {
+  return /* @__PURE__ */ jsxs13("div", { style: fieldRow, children: [
+    /* @__PURE__ */ jsx24("span", { style: labelStyle, title: label, children: label }),
+    /* @__PURE__ */ jsx24("input", { type: "text", style: inputBase, value, onChange: (e) => onChange(e.target.value) })
+  ] });
+}
+function BoolField({ label, value, onChange }) {
+  return /* @__PURE__ */ jsxs13("div", { style: fieldRow, children: [
+    /* @__PURE__ */ jsx24("span", { style: labelStyle, title: label, children: label }),
+    /* @__PURE__ */ jsx24(
+      "input",
+      {
+        type: "checkbox",
+        checked: value,
+        style: { accentColor: "#4fc3f7", cursor: "pointer" },
+        onChange: (e) => onChange(e.target.checked)
+      }
+    )
+  ] });
+}
+function ColorField({ label, value, onChange }) {
+  return /* @__PURE__ */ jsxs13("div", { style: fieldRow, children: [
+    /* @__PURE__ */ jsx24("span", { style: labelStyle, title: label, children: label }),
+    /* @__PURE__ */ jsxs13("div", { style: { display: "flex", gap: 4, flex: 1 }, children: [
+      /* @__PURE__ */ jsx24(
+        "input",
+        {
+          type: "color",
+          value: value.startsWith("#") ? value.slice(0, 7) : "#ffffff",
+          style: { width: 28, height: 22, padding: 1, border: "1px solid #2a3a50", borderRadius: 3, cursor: "pointer" },
+          onChange: (e) => onChange(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsx24("input", { type: "text", style: { ...inputBase, flex: 1 }, value, onChange: (e) => onChange(e.target.value) })
+    ] })
+  ] });
+}
+function Vec2Field({ label, x, y, onChangeX, onChangeY, step = 1 }) {
+  return /* @__PURE__ */ jsxs13("div", { style: fieldRow, children: [
+    /* @__PURE__ */ jsx24("span", { style: labelStyle, title: label, children: label }),
+    /* @__PURE__ */ jsxs13("div", { style: { display: "flex", gap: 4, flex: 1 }, children: [
+      /* @__PURE__ */ jsx24(
+        "input",
+        {
+          type: "number",
+          style: { ...inputBase, flex: 1 },
+          value: isNaN(x) ? "" : x,
+          step,
+          onChange: (e) => {
+            const v = parseFloat(e.target.value);
+            if (!isNaN(v)) onChangeX(v);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx24(
+        "input",
+        {
+          type: "number",
+          style: { ...inputBase, flex: 1 },
+          value: isNaN(y) ? "" : y,
+          step,
+          onChange: (e) => {
+            const v = parseFloat(e.target.value);
+            if (!isNaN(v)) onChangeY(v);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+
+// ../editor/src/components/EntityInspector.tsx
+import { Fragment as Fragment10, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+var panelStyle2 = {
+  background: "#0d1520",
+  borderLeft: "1px solid #1a2a3a",
+  color: "#c0d0e0",
+  fontFamily: "system-ui, sans-serif",
+  fontSize: 12,
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden",
+  userSelect: "none"
+};
+var headerStyle2 = {
+  padding: "6px 10px",
+  fontSize: 10,
+  fontWeight: 700,
+  textTransform: "uppercase",
+  letterSpacing: 1,
+  color: "#4fc3f7",
+  borderBottom: "1px solid #1a2a3a",
+  flexShrink: 0
+};
+var scrollStyle = {
+  flex: 1,
+  overflowY: "auto",
+  padding: "6px 0"
+};
+var componentSectionStyle = {
+  marginBottom: 2,
+  borderBottom: "1px solid #131d2a"
+};
+var componentHeaderStyle = {
+  display: "flex",
+  alignItems: "center",
+  padding: "4px 10px",
+  fontSize: 10,
+  fontWeight: 700,
+  textTransform: "uppercase",
+  letterSpacing: 0.8,
+  color: "#80a8c0",
+  cursor: "default",
+  background: "#0f1a28"
+};
+var fieldsStyle = {
+  padding: "4px 10px 6px"
+};
+function isColorKey(key) {
+  const lower = key.toLowerCase();
+  return lower === "color" || lower === "background" || lower === "fill" || lower === "stroke" || lower.includes("color");
+}
+function ComponentSection({ comp }) {
+  const compRecord = comp;
+  const entries = Object.entries(comp).filter(([k]) => k !== "type");
+  const rendered = /* @__PURE__ */ new Set();
+  return /* @__PURE__ */ jsxs14("div", { style: componentSectionStyle, children: [
+    /* @__PURE__ */ jsx25("div", { style: componentHeaderStyle, children: comp.type }),
+    /* @__PURE__ */ jsxs14("div", { style: fieldsStyle, children: [
+      entries.map(([key, val]) => {
+        if (rendered.has(key)) return null;
+        if (key === "x" && typeof val === "number" && typeof compRecord["y"] === "number") {
+          rendered.add("x");
+          rendered.add("y");
+          return /* @__PURE__ */ jsx25(
+            Vec2Field,
+            {
+              label: "pos",
+              x: val,
+              y: compRecord["y"],
+              step: 0.5,
+              onChangeX: (v) => {
+                compRecord["x"] = v;
+              },
+              onChangeY: (v) => {
+                compRecord["y"] = v;
+              }
+            },
+            "xy"
+          );
+        }
+        if (key === "followOffsetX" && typeof val === "number") {
+          const oy = compRecord["followOffsetY"];
+          if (typeof oy === "number") {
+            rendered.add("followOffsetX");
+            rendered.add("followOffsetY");
+            return /* @__PURE__ */ jsx25(
+              Vec2Field,
+              {
+                label: "offset",
+                x: val,
+                y: oy,
+                step: 1,
+                onChangeX: (v) => {
+                  compRecord["followOffsetX"] = v;
+                },
+                onChangeY: (v) => {
+                  compRecord["followOffsetY"] = v;
+                }
+              },
+              "followOffset"
+            );
+          }
+        }
+        if (typeof val === "number") {
+          rendered.add(key);
+          return /* @__PURE__ */ jsx25(
+            NumberField,
+            {
+              label: key,
+              value: val,
+              step: Math.abs(val) < 2 ? 0.01 : 1,
+              onChange: (v) => {
+                compRecord[key] = v;
+              }
+            },
+            key
+          );
+        }
+        if (typeof val === "string" && isColorKey(key)) {
+          rendered.add(key);
+          return /* @__PURE__ */ jsx25(
+            ColorField,
+            {
+              label: key,
+              value: val,
+              onChange: (v) => {
+                compRecord[key] = v;
+              }
+            },
+            key
+          );
+        }
+        if (typeof val === "string") {
+          rendered.add(key);
+          return /* @__PURE__ */ jsx25(
+            TextField,
+            {
+              label: key,
+              value: val,
+              onChange: (v) => {
+                compRecord[key] = v;
+              }
+            },
+            key
+          );
+        }
+        if (typeof val === "boolean") {
+          rendered.add(key);
+          return /* @__PURE__ */ jsx25(
+            BoolField,
+            {
+              label: key,
+              value: val,
+              onChange: (v) => {
+                compRecord[key] = v;
+              }
+            },
+            key
+          );
+        }
+        if (val !== null && val !== void 0 && typeof val !== "function") {
+          rendered.add(key);
+          const preview = typeof val === "object" ? JSON.stringify(val).slice(0, 60) : String(val);
+          return /* @__PURE__ */ jsxs14(
+            "div",
+            {
+              style: {
+                display: "flex",
+                gap: 6,
+                marginBottom: 4,
+                fontSize: 11,
+                alignItems: "flex-start"
+              },
+              children: [
+                /* @__PURE__ */ jsx25(
+                  "span",
+                  {
+                    style: {
+                      flex: "0 0 90px",
+                      color: "#6a7a8a",
+                      textTransform: "uppercase",
+                      fontSize: 10,
+                      letterSpacing: 0.5,
+                      paddingTop: 2
+                    },
+                    children: key
+                  }
+                ),
+                /* @__PURE__ */ jsx25(
+                  "span",
+                  {
+                    style: { flex: 1, color: "#506070", fontFamily: "monospace", wordBreak: "break-all", fontSize: 10 },
+                    children: preview
+                  }
+                )
+              ]
+            },
+            key
+          );
+        }
+        return null;
+      }),
+      entries.length === 0 && /* @__PURE__ */ jsx25("div", { style: { color: "#3a5060", fontSize: 10 }, children: "No fields" })
+    ] })
+  ] });
+}
+function EntityInspector({ entity, components, width = 260, style }) {
+  return /* @__PURE__ */ jsxs14("div", { style: { ...panelStyle2, width, ...style }, children: [
+    /* @__PURE__ */ jsx25("div", { style: headerStyle2, children: "Inspector" }),
+    entity ? /* @__PURE__ */ jsxs14(Fragment10, { children: [
+      /* @__PURE__ */ jsxs14(
+        "div",
+        {
+          style: {
+            padding: "6px 10px",
+            borderBottom: "1px solid #1a2a3a",
+            color: "#d0e0f0",
+            fontSize: 12,
+            fontWeight: 600
+          },
+          children: [
+            entity.name,
+            /* @__PURE__ */ jsxs14("span", { style: { color: "#4a6070", fontSize: 10, marginLeft: 6 }, children: [
+              "#",
+              entity.id
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs14("div", { style: scrollStyle, children: [
+        components.map((comp) => /* @__PURE__ */ jsx25(ComponentSection, { comp }, comp.type)),
+        components.length === 0 && /* @__PURE__ */ jsx25("div", { style: { padding: "10px", color: "#3a5060", fontSize: 11, textAlign: "center" }, children: "No components" })
+      ] })
+    ] }) : /* @__PURE__ */ jsx25(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "#2a4050",
+          fontSize: 11
+        },
+        children: "Select an entity"
+      }
+    )
+  ] });
+}
+
+// ../editor/src/hooks/useEditorState.ts
+import { useState as useState34, useCallback as useCallback37, useContext as useContext81, useEffect as useEffect86, useRef as useRef54 } from "react";
+function buildEntityInfo(engine) {
+  const nameMap = /* @__PURE__ */ new Map();
+  engine.entityIds.forEach((eid, name) => nameMap.set(eid, name));
+  const ids = engine.ecs.getAllEntityIds();
+  return ids.map((id) => {
+    const comps = engine.ecs.getEntityComponents(id);
+    return {
+      id,
+      name: nameMap.get(id) ?? `Entity #${id}`,
+      componentTypes: comps.map((c) => c.type)
+    };
+  });
+}
+function useEditorState(refreshHz = 4) {
+  const engine = useContext81(EngineContext);
+  const [entities, setEntities] = useState34([]);
+  const [selectedId, setSelectedId] = useState34(null);
+  const intervalRef = useRef54(null);
+  const refresh = useCallback37(() => {
+    setEntities(buildEntityInfo(engine));
+  }, [engine]);
+  useEffect86(() => {
+    refresh();
+    intervalRef.current = setInterval(refresh, 1e3 / refreshHz);
+    return () => {
+      if (intervalRef.current !== null) clearInterval(intervalRef.current);
+    };
+  }, [refresh, refreshHz]);
+  const select = useCallback37((id) => {
+    setSelectedId(id);
+  }, []);
+  const selectedComponents = selectedId !== null ? engine.ecs.getEntityComponents(selectedId) : [];
+  return { entities, selectedId, selectedComponents, select, refresh };
+}
+
+// ../editor/src/components/EditorShell.tsx
+import { Fragment as Fragment11, jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+function EditorShell({
+  children,
+  active = true,
+  hierarchyWidth = 220,
+  inspectorWidth = 260,
+  style
+}) {
+  const state = useEditorState();
+  const selectedEntity = state.entities.find((e) => e.id === state.selectedId) ?? null;
+  if (!active) {
+    return /* @__PURE__ */ jsx26(Fragment11, { children });
+  }
+  const shellStyle = {
+    position: "absolute",
+    inset: 0,
+    display: "flex",
+    flexDirection: "row",
+    pointerEvents: "none",
+    zIndex: 200,
+    ...style
+  };
+  const sideStyle = {
+    pointerEvents: "auto",
+    flexShrink: 0,
+    height: "100%",
+    overflow: "hidden"
+  };
+  return /* @__PURE__ */ jsxs15("div", { style: shellStyle, children: [
+    /* @__PURE__ */ jsx26("div", { style: sideStyle, children: /* @__PURE__ */ jsx26(
+      SceneHierarchy,
+      {
+        entities: state.entities,
+        selectedId: state.selectedId,
+        onSelect: state.select,
+        width: hierarchyWidth,
+        style: { height: "100%" }
+      }
+    ) }),
+    /* @__PURE__ */ jsx26("div", { style: { flex: 1, pointerEvents: "none" }, children }),
+    /* @__PURE__ */ jsx26("div", { style: sideStyle, children: /* @__PURE__ */ jsx26(
+      EntityInspector,
+      {
+        entity: selectedEntity,
+        components: state.selectedComponents,
+        width: inspectorWidth,
+        style: { height: "100%" }
+      }
+    ) })
+  ] });
+}
 export {
   A11yNode,
   AnimatedSprite,
   Animation,
   Animator,
   AssetLoader,
+  BoolField,
   BoxCollider,
   COLLISION_DYNAMIC_DYNAMIC,
   COLLISION_DYNAMIC_KINEMATIC,
@@ -15351,6 +15930,7 @@ export {
   CircleCollider,
   ClientPrediction,
   CollisionPipeline,
+  ColorField,
   ComboDetector,
   CompoundCollider,
   ConvexCollider,
@@ -15359,7 +15939,9 @@ export {
   DialogueBox,
   Ease,
   EditableText,
+  EditorShell,
   Entity,
+  EntityInspector,
   FocusRing,
   Game,
   Gradient,
@@ -15377,6 +15959,7 @@ export {
   Mask,
   MovingPlatform,
   NineSlice,
+  NumberField,
   PARTICLE_PRESETS,
   ParallaxLayer,
   ParticleEmitter,
@@ -15384,6 +15967,7 @@ export {
   RenderSystem,
   RigidBody,
   Room,
+  SceneHierarchy,
   SceneTransitionOverlay,
   ScreenFlash,
   Script,
@@ -15394,6 +15978,7 @@ export {
   SquashStretch,
   Stage,
   Text,
+  TextField,
   TextureFilter,
   Tilemap,
   Trail,
@@ -15401,6 +15986,7 @@ export {
   TransformHandles,
   TriMeshCollider,
   TriangleCollider,
+  Vec2Field,
   VectorPath,
   VirtualCamera,
   VirtualJoystick,
@@ -15578,6 +16164,7 @@ export {
   useDraggable,
   useDropThrough,
   useDroppable,
+  useEditorState,
   useEntity,
   useEvent,
   useEvents,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cubeforge",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "React-first 2D browser game engine",
   "type": "module",
   "main": "./dist/index.js",