@woven-canvas/core 0.1.3 → 1.0.0

package/build/index.js

@@ -21,7 +21,7 @@ import {
   EventType,
   field as field28,
   getBackrefs,
-  getResources as getResources12,
+  getResources as getResources13,
   hasComponent as hasComponent7,
   isAlive,
   MainThreadSystem as MainThreadSystem2,
@@ -35,7 +35,7 @@ import {
   CanvasComponentDef as CanvasComponentDef6,
   CanvasSingletonDef as CanvasSingletonDef10
 } from "@woven-ecs/canvas-store";
-import { getResources as getResources11 } from "@woven-ecs/core";
+import { getResources as getResources12 } from "@woven-ecs/core";
 
 // src/components/index.ts
 var components_exports = {};
@@ -75,6 +75,261 @@ import { field as field2 } from "@woven-ecs/core";
 import { Rect, Vec2 } from "@woven-canvas/math";
 import { CanvasComponentDef } from "@woven-ecs/canvas-store";
 import { field } from "@woven-ecs/core";
+
+// src/types.ts
+import { z } from "zod";
+function generateUserColor() {
+  const colors = [
+    "#f43f5e",
+    // rose
+    "#ec4899",
+    // pink
+    "#a855f7",
+    // purple
+    "#6366f1",
+    // indigo
+    "#3b82f6",
+    // blue
+    "#0ea5e9",
+    // sky
+    "#14b8a6",
+    // teal
+    "#22c55e",
+    // green
+    "#eab308",
+    // yellow
+    "#f97316"
+    // orange
+  ];
+  return colors[Math.floor(Math.random() * colors.length)];
+}
+var UserData = z.object({
+  userId: z.string().max(36).default(() => crypto.randomUUID()),
+  sessionId: z.string().max(36).default(() => crypto.randomUUID()),
+  color: z.string().max(7).default(generateUserColor),
+  name: z.string().max(100).default("Anonymous"),
+  avatar: z.string().max(500).default("")
+});
+function getPluginResources(ctx, pluginName) {
+  const resources = ctx.resources;
+  return resources.pluginResources[pluginName];
+}
+var GridOptions = z.object({
+  /**
+   * Whether grid snapping is enabled.
+   * @default true
+   */
+  enabled: z.boolean().default(true),
+  /**
+   * Whether resized/rotated objects must stay aligned to the grid.
+   * If true, objects snap to grid during resize/rotate.
+   * If false, objects scale proportionally to the transform box, which may
+   * cause them to be unaligned with the grid.
+   * @default false
+   */
+  strict: z.boolean().default(false),
+  /**
+   * Width of each grid column in world units.
+   * @default 20
+   */
+  colWidth: z.number().nonnegative().default(20),
+  /**
+   * Height of each grid row in world units.
+   * @default 20
+   */
+  rowHeight: z.number().nonnegative().default(20),
+  /**
+   * Angular snap increment in radians when grid is enabled.
+   * @default Math.PI / 36 (5 degrees)
+   */
+  snapAngleRad: z.number().nonnegative().default(Math.PI / 36),
+  /**
+   * Angular snap increment in radians when shift key is held.
+   * @default Math.PI / 12 (15 degrees)
+   */
+  shiftSnapAngleRad: z.number().nonnegative().default(Math.PI / 12)
+});
+var ControlsOptions = z.object({
+  /**
+   * Tool activated by left mouse button.
+   * @default 'select'
+   */
+  leftMouseTool: z.string().max(32).default("select"),
+  /**
+   * Tool activated by middle mouse button.
+   * @default 'hand'
+   */
+  middleMouseTool: z.string().max(32).default("hand"),
+  /**
+   * Tool activated by right mouse button.
+   * @default 'menu'
+   */
+  rightMouseTool: z.string().max(32).default("menu"),
+  /**
+   * Tool activated by mouse wheel.
+   * @default 'scroll'
+   */
+  wheelTool: z.string().max(32).default("scroll"),
+  /**
+   * Tool activated by mouse wheel with modifier key held.
+   * @default 'zoom'
+   */
+  modWheelTool: z.string().max(32).default("zoom")
+});
+var EditorOptionsSchema = z.object({
+  /**
+   * Plugins to load.
+   * Plugins are sorted by dependencies automatically.
+   */
+  plugins: z.array(z.custom()).default([]),
+  /**
+   * Maximum number of entities.
+   * @default 5_000
+   */
+  maxEntities: z.number().default(5e3),
+  /**
+   * User data for presence tracking.
+   * All fields are optional - defaults will be applied.
+   */
+  user: z.custom().default({}),
+  /**
+   * Grid configuration for snap-to-grid behavior.
+   * All fields are optional - defaults will be applied.
+   */
+  grid: z.custom().default({}),
+  /**
+   * Custom block definitions.
+   * Accepts partial block definitions - defaults will be applied automatically.
+   */
+  blockDefs: z.array(z.custom()).default([]),
+  /**
+   * Keybind definitions for keyboard shortcuts.
+   * These map key combinations to plugin commands.
+   */
+  keybinds: z.array(z.custom()).default([]),
+  /**
+   * Custom cursor definitions.
+   * Override default cursors or define new ones for transform operations.
+   */
+  cursors: z.record(z.string(), z.custom()).default({}),
+  /**
+   * Custom components to register without creating a plugin.
+   */
+  components: z.array(z.custom()).default([]),
+  /**
+   * Custom singletons to register without creating a plugin.
+   */
+  singletons: z.array(z.custom()).default([]),
+  /**
+   * Custom systems to register without creating a plugin.
+   * Each system specifies its phase and priority.
+   */
+  systems: z.array(z.custom()).default([]),
+  /**
+   * Custom font families to load and make available in the font selector.
+   * Fonts will be loaded automatically during editor initialization.
+   */
+  fonts: z.array(z.custom()).default([]),
+  /**
+   * If true, keybinds from plugins will be ignored.
+   * Use this when you want full control over keybinds.
+   */
+  omitPluginKeybinds: z.boolean().default(false),
+  /**
+   * If true, cursors from plugins will be ignored.
+   * Use this when you want full control over cursors.
+   */
+  omitPluginCursors: z.boolean().default(false),
+  /**
+   * If true, fonts from plugins will be ignored.
+   * Use this when you want full control over fonts.
+   */
+  omitPluginFonts: z.boolean().default(false),
+  /**
+   * Initial controls configuration.
+   * Override default tool mappings for mouse buttons, wheel, etc.
+   *
+   * @example
+   * ```typescript
+   * controls: {
+   *   leftMouseTool: 'pen',      // Start with pen tool active
+   *   middleMouseTool: 'hand',   // Middle mouse pans
+   * }
+   * ```
+   */
+  controls: z.custom().optional()
+});
+var Keybind = z.object({
+  /** The command to execute when this keybind is triggered */
+  command: z.string(),
+  /** The key index from the Key constants (e.g., Key.A, Key.Delete) */
+  key: z.number(),
+  /** Whether the modifier key (Cmd on Mac, Ctrl on Windows) must be held */
+  mod: z.boolean().optional(),
+  /** Whether the Shift key must be held */
+  shift: z.boolean().optional()
+});
+var CursorDef = z.object({
+  /** Function that generates the SVG string for a given rotation angle (in radians) */
+  makeSvg: z.function({ input: z.tuple([z.number()]), output: z.string() }),
+  /** Hotspot coordinates [x, y] for the cursor */
+  hotspot: z.tuple([z.number(), z.number()]),
+  /** Base rotation offset applied before the dynamic rotation */
+  rotationOffset: z.number()
+});
+var ResizeMode = {
+  Default: "default",
+  Scale: "scale",
+  Text: "text",
+  Free: "free",
+  GroupOnly: "groupOnly"
+};
+var VerticalAlignment = {
+  Top: "top",
+  Center: "center",
+  Bottom: "bottom"
+};
+var TextAlignment = {
+  Left: "left",
+  Center: "center",
+  Right: "right",
+  Justify: "justify"
+};
+var BlockDefEditOptions = z.object({
+  canEdit: z.boolean().default(false),
+  removeWhenTextEmpty: z.boolean().default(false)
+});
+var BlockDefConnectors = z.object({
+  /** Whether connectors are enabled for this block type */
+  enabled: z.boolean().default(true),
+  /** UV coordinates of terminal positions (0-1 range, where [0,0] is top-left) */
+  terminals: z.array(z.tuple([z.number(), z.number()])).default([
+    [0.5, 0],
+    // top
+    [0.5, 1],
+    // bottom
+    [0.5, 0.5],
+    // center
+    [0, 0.5],
+    // left
+    [1, 0.5]
+    // right
+  ])
+});
+var Stratum = z.enum(["background", "content", "overlay"]);
+var BlockDef = z.object({
+  tag: z.string(),
+  stratum: Stratum.default("content"),
+  editOptions: BlockDefEditOptions.default(BlockDefEditOptions.parse({})),
+  components: z.array(z.custom()).default([]),
+  resizeMode: z.enum([ResizeMode.Scale, ResizeMode.Text, ResizeMode.Free, ResizeMode.GroupOnly]).default(ResizeMode.Scale),
+  canRotate: z.boolean().default(true),
+  canScale: z.boolean().default(true),
+  selectable: z.boolean().default(true),
+  connectors: BlockDefConnectors.default(BlockDefConnectors.parse({}))
+});
+
+// src/components/Block.ts
 var _aabbCorners = [
   [0, 0],
   [0, 0],
@@ -103,9 +358,11 @@ var BlockSchema = {
   /** Flip state as [flipX, flipY] */
   flip: field.tuple(field.boolean(), 2).default([false, false]),
   /** Z-order rank (LexoRank string) */
-  rank: field.string().max(36).default("")
+  rank: field.string().max(36).default(""),
+  /** How the block can be resized */
+  resizeMode: field.enum(ResizeMode).default(ResizeMode.Default)
 };
-var BlockDef = class extends CanvasComponentDef {
+var BlockDef2 = class extends CanvasComponentDef {
   constructor() {
     super({ name: "block", sync: "document" }, BlockSchema);
   }
@@ -247,7 +504,7 @@ var BlockDef = class extends CanvasComponentDef {
     }
   }
 };
-var Block = new BlockDef();
+var Block = new BlockDef2();
 
 // src/components/Aabb.ts
 var LEFT = 0;
@@ -1030,253 +1287,6 @@ var Shape = defineCanvasComponent9(
 // src/components/Text.ts
 import { defineCanvasComponent as defineCanvasComponent10 } from "@woven-ecs/canvas-store";
 import { field as field13 } from "@woven-ecs/core";
-
-// src/types.ts
-import { z } from "zod";
-function generateUserColor() {
-  const colors = [
-    "#f43f5e",
-    // rose
-    "#ec4899",
-    // pink
-    "#a855f7",
-    // purple
-    "#6366f1",
-    // indigo
-    "#3b82f6",
-    // blue
-    "#0ea5e9",
-    // sky
-    "#14b8a6",
-    // teal
-    "#22c55e",
-    // green
-    "#eab308",
-    // yellow
-    "#f97316"
-    // orange
-  ];
-  return colors[Math.floor(Math.random() * colors.length)];
-}
-var UserData = z.object({
-  userId: z.string().max(36).default(() => crypto.randomUUID()),
-  sessionId: z.string().max(36).default(() => crypto.randomUUID()),
-  color: z.string().max(7).default(generateUserColor),
-  name: z.string().max(100).default("Anonymous"),
-  avatar: z.string().max(500).default("")
-});
-function getPluginResources(ctx, pluginName) {
-  const resources = ctx.resources;
-  return resources.pluginResources[pluginName];
-}
-var GridOptions = z.object({
-  /**
-   * Whether grid snapping is enabled.
-   * @default true
-   */
-  enabled: z.boolean().default(true),
-  /**
-   * Whether resized/rotated objects must stay aligned to the grid.
-   * If true, objects snap to grid during resize/rotate.
-   * If false, objects scale proportionally to the transform box, which may
-   * cause them to be unaligned with the grid.
-   * @default false
-   */
-  strict: z.boolean().default(false),
-  /**
-   * Width of each grid column in world units.
-   * @default 20
-   */
-  colWidth: z.number().nonnegative().default(20),
-  /**
-   * Height of each grid row in world units.
-   * @default 20
-   */
-  rowHeight: z.number().nonnegative().default(20),
-  /**
-   * Angular snap increment in radians when grid is enabled.
-   * @default Math.PI / 36 (5 degrees)
-   */
-  snapAngleRad: z.number().nonnegative().default(Math.PI / 36),
-  /**
-   * Angular snap increment in radians when shift key is held.
-   * @default Math.PI / 12 (15 degrees)
-   */
-  shiftSnapAngleRad: z.number().nonnegative().default(Math.PI / 12)
-});
-var ControlsOptions = z.object({
-  /**
-   * Tool activated by left mouse button.
-   * @default 'select'
-   */
-  leftMouseTool: z.string().max(32).default("select"),
-  /**
-   * Tool activated by middle mouse button.
-   * @default 'hand'
-   */
-  middleMouseTool: z.string().max(32).default("hand"),
-  /**
-   * Tool activated by right mouse button.
-   * @default 'menu'
-   */
-  rightMouseTool: z.string().max(32).default("menu"),
-  /**
-   * Tool activated by mouse wheel.
-   * @default 'scroll'
-   */
-  wheelTool: z.string().max(32).default("scroll"),
-  /**
-   * Tool activated by mouse wheel with modifier key held.
-   * @default 'zoom'
-   */
-  modWheelTool: z.string().max(32).default("zoom")
-});
-var EditorOptionsSchema = z.object({
-  /**
-   * Plugins to load.
-   * Plugins are sorted by dependencies automatically.
-   */
-  plugins: z.array(z.custom()).default([]),
-  /**
-   * Maximum number of entities.
-   * @default 5_000
-   */
-  maxEntities: z.number().default(5e3),
-  /**
-   * User data for presence tracking.
-   * All fields are optional - defaults will be applied.
-   */
-  user: z.custom().default({}),
-  /**
-   * Grid configuration for snap-to-grid behavior.
-   * All fields are optional - defaults will be applied.
-   */
-  grid: z.custom().default({}),
-  /**
-   * Custom block definitions.
-   * Accepts partial block definitions - defaults will be applied automatically.
-   */
-  blockDefs: z.array(z.custom()).default([]),
-  /**
-   * Keybind definitions for keyboard shortcuts.
-   * These map key combinations to plugin commands.
-   */
-  keybinds: z.array(z.custom()).default([]),
-  /**
-   * Custom cursor definitions.
-   * Override default cursors or define new ones for transform operations.
-   */
-  cursors: z.record(z.string(), z.custom()).default({}),
-  /**
-   * Custom components to register without creating a plugin.
-   */
-  components: z.array(z.custom()).default([]),
-  /**
-   * Custom singletons to register without creating a plugin.
-   */
-  singletons: z.array(z.custom()).default([]),
-  /**
-   * Custom systems to register without creating a plugin.
-   * Each system specifies its phase and priority.
-   */
-  systems: z.array(z.custom()).default([]),
-  /**
-   * Custom font families to load and make available in the font selector.
-   * Fonts will be loaded automatically during editor initialization.
-   */
-  fonts: z.array(z.custom()).default([]),
-  /**
-   * If true, keybinds from plugins will be ignored.
-   * Use this when you want full control over keybinds.
-   */
-  omitPluginKeybinds: z.boolean().default(false),
-  /**
-   * If true, cursors from plugins will be ignored.
-   * Use this when you want full control over cursors.
-   */
-  omitPluginCursors: z.boolean().default(false),
-  /**
-   * If true, fonts from plugins will be ignored.
-   * Use this when you want full control over fonts.
-   */
-  omitPluginFonts: z.boolean().default(false),
-  /**
-   * Initial controls configuration.
-   * Override default tool mappings for mouse buttons, wheel, etc.
-   *
-   * @example
-   * ```typescript
-   * controls: {
-   *   leftMouseTool: 'pen',      // Start with pen tool active
-   *   middleMouseTool: 'hand',   // Middle mouse pans
-   * }
-   * ```
-   */
-  controls: z.custom().optional()
-});
-var Keybind = z.object({
-  /** The command to execute when this keybind is triggered */
-  command: z.string(),
-  /** The key index from the Key constants (e.g., Key.A, Key.Delete) */
-  key: z.number(),
-  /** Whether the modifier key (Cmd on Mac, Ctrl on Windows) must be held */
-  mod: z.boolean().optional(),
-  /** Whether the Shift key must be held */
-  shift: z.boolean().optional()
-});
-var CursorDef = z.object({
-  /** Function that generates the SVG string for a given rotation angle (in radians) */
-  makeSvg: z.function({ input: z.tuple([z.number()]), output: z.string() }),
-  /** Hotspot coordinates [x, y] for the cursor */
-  hotspot: z.tuple([z.number(), z.number()]),
-  /** Base rotation offset applied before the dynamic rotation */
-  rotationOffset: z.number()
-});
-var VerticalAlignment = {
-  Top: "top",
-  Center: "center",
-  Bottom: "bottom"
-};
-var TextAlignment = {
-  Left: "left",
-  Center: "center",
-  Right: "right",
-  Justify: "justify"
-};
-var BlockDefEditOptions = z.object({
-  canEdit: z.boolean().default(false),
-  removeWhenTextEmpty: z.boolean().default(false)
-});
-var BlockDefConnectors = z.object({
-  /** Whether connectors are enabled for this block type */
-  enabled: z.boolean().default(true),
-  /** UV coordinates of terminal positions (0-1 range, where [0,0] is top-left) */
-  terminals: z.array(z.tuple([z.number(), z.number()])).default([
-    [0.5, 0],
-    // top
-    [0.5, 1],
-    // bottom
-    [0.5, 0.5],
-    // center
-    [0, 0.5],
-    // left
-    [1, 0.5]
-    // right
-  ])
-});
-var Stratum = z.enum(["background", "content", "overlay"]);
-var BlockDef2 = z.object({
-  tag: z.string(),
-  stratum: Stratum.default("content"),
-  editOptions: BlockDefEditOptions.default(BlockDefEditOptions.parse({})),
-  components: z.array(z.custom()).default([]),
-  resizeMode: z.enum(["scale", "text", "free", "groupOnly"]).default("scale"),
-  canRotate: z.boolean().default(true),
-  canScale: z.boolean().default(true),
-  connectors: BlockDefConnectors.default(BlockDefConnectors.parse({}))
-});
-
-// src/components/Text.ts
 var Text = defineCanvasComponent10(
   { name: "text", sync: "document" },
   {
@@ -1323,7 +1333,7 @@ var VerticalAlign = defineCanvasComponent12(
 );
 
 // src/constants.ts
-var PLUGIN_NAME = "core";
+var CORE_PLUGIN_NAME = "core";
 var STRATUM_ORDER = {
   background: 0,
   content: 1,
@@ -1489,7 +1499,7 @@ var ControlsSchema = {
   /** Tool activated by mouse wheel with modifier key held */
   modWheelTool: field18.string().max(32).default("zoom"),
   /** JSON snapshot of block to place on next click (empty string = no placement active) */
-  heldSnapshot: field18.string().max(4096).default("")
+  heldSnapshot: field18.string().max(65536).default("")
 };
 var ControlsDef = class extends CanvasSingletonDef3 {
   constructor() {
@@ -2061,7 +2071,9 @@ var MouseSchema = {
   /** True for 1 frame when mouse enters the editor element */
   enterTrigger: field24.boolean().default(false),
   /** True for 1 frame when mouse leaves the editor element */
-  leaveTrigger: field24.boolean().default(false)
+  leaveTrigger: field24.boolean().default(false),
+  /** Whether the mouse is over a UI element (not the canvas) */
+  obscured: field24.boolean().default(false)
 };
 var MouseDef = class extends CanvasSingletonDef8 {
   constructor() {
@@ -2093,6 +2105,10 @@ var MouseDef = class extends CanvasSingletonDef8 {
     const m = this.read(ctx);
     return [m.wheelDeltaX, m.wheelDeltaY];
   }
+  /** Check if mouse is over a UI element (not the canvas) */
+  isObscured(ctx) {
+    return this.read(ctx).obscured;
+  }
 };
 var Mouse = new MouseDef();
 
@@ -2385,7 +2401,8 @@ function attachMouseListeners(domElement) {
       state.eventsBuffer.push({
         type: "mousemove",
         clientX: e.clientX,
-        clientY: e.clientY
+        clientY: e.clientY,
+        target: e.target
       });
     },
     onWheel: (e) => {
@@ -2442,6 +2459,7 @@ var mouseSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
       case "mousemove":
         mouse.position = [event.clientX - screen.left, event.clientY - screen.top];
         mouse.moveTrigger = true;
+        mouse.obscured = event.target !== resources.domElement;
         break;
       case "wheel":
         mouse.wheelDeltaX = event.deltaX;
@@ -2701,11 +2719,22 @@ function getBlockDefs(ctx) {
 }
 function getBlockDef(ctx, tag) {
   const blockDefs = getBlockDefs(ctx);
-  return blockDefs[tag] ?? BlockDef2.parse({ tag });
+  return blockDefs[tag] ?? BlockDef.parse({ tag });
 }
 function canBlockEdit(ctx, tag) {
   return getBlockDef(ctx, tag).editOptions.canEdit;
 }
+function canBlockSelect(ctx, tag) {
+  return getBlockDef(ctx, tag).selectable;
+}
+function getBlockResizeMode(ctx, entityId) {
+  const block = Block.read(ctx, entityId);
+  if (block.resizeMode !== ResizeMode.Default) {
+    return block.resizeMode;
+  }
+  const blockDef = getBlockDef(ctx, block.tag);
+  return blockDef.resizeMode;
+}
 
 // src/helpers/computeAabb.ts
 import { Aabb as Aabb2 } from "@woven-canvas/math";
@@ -2906,7 +2935,7 @@ function updateUserPosition(ctx, position) {
 }
 
 // src/systems/preCapture/intersectSystem.ts
-import { addComponent as addComponent4, defineQuery as defineQuery6, hasComponent as hasComponent5, removeComponent } from "@woven-ecs/core";
+import { addComponent as addComponent4, defineQuery as defineQuery6, getResources as getResources11, hasComponent as hasComponent5, removeComponent } from "@woven-ecs/core";
 var blocksChanged = defineQuery6((q) => q.tracking(Block));
 var hitGeometryChanged = defineQuery6((q) => q.tracking(HitGeometry));
 var heldQuery = defineQuery6((q) => q.with(Held).tracking(Held));
@@ -2945,6 +2974,7 @@ function arraysEqual(a, b) {
 }
 var added = /* @__PURE__ */ new Set();
 var changed = /* @__PURE__ */ new Set();
+var prevObscuredByElement = /* @__PURE__ */ new WeakMap();
 var intersectSystem = defineEditorSystem({ phase: "capture", priority: 100 }, (ctx) => {
   added.clear();
   for (const entityId of blocksChanged.added(ctx)) {
@@ -2986,6 +3016,15 @@ var intersectSystem = defineEditorSystem({ phase: "capture", priority: 100 }, (c
     clearHovered(ctx);
     return;
   }
+  const resources = getResources11(ctx);
+  const isObscured = Mouse.isObscured(ctx);
+  const wasObscured = prevObscuredByElement.get(resources.domElement) ?? false;
+  const obscuredChanged = isObscured !== wasObscured;
+  prevObscuredByElement.set(resources.domElement, isObscured);
+  if (isObscured) {
+    clearHovered(ctx);
+    return;
+  }
   const mousePos = Mouse.getPosition(ctx);
   const worldPos = Camera.toWorld(ctx, mousePos);
   const intersected = intersectPoint(ctx, worldPos);
@@ -2998,7 +3037,7 @@ var intersectSystem = defineEditorSystem({ phase: "capture", priority: 100 }, (c
   if (pointers.length > 0) {
     return;
   }
-  if (intersectsChanged || heldChanged) {
+  if (intersectsChanged || heldChanged || obscuredChanged) {
     updateHovered(ctx, intersected);
   }
 });
@@ -3100,7 +3139,7 @@ function scaleBlock(ctx, entityId, zoom) {
 
 // src/CorePlugin.ts
 var CorePlugin = {
-  name: PLUGIN_NAME,
+  name: CORE_PLUGIN_NAME,
   singletons: Object.values(singletons_exports).filter((v) => v instanceof CanvasSingletonDef10),
   components: Object.values(components_exports).filter((v) => v instanceof CanvasComponentDef6),
   blockDefs: [
@@ -3114,7 +3153,7 @@ var CorePlugin = {
     {
       tag: "text",
       components: [Text],
-      resizeMode: "text",
+      resizeMode: ResizeMode.Text,
       editOptions: {
         canEdit: true,
         removeWhenTextEmpty: true
@@ -3123,12 +3162,12 @@ var CorePlugin = {
     {
       tag: "image",
       components: [Image, Asset],
-      resizeMode: "scale"
+      resizeMode: ResizeMode.Scale
     },
     {
       tag: "shape",
       components: [Shape, Text, VerticalAlign],
-      resizeMode: "free",
+      resizeMode: ResizeMode.Free,
       editOptions: {
         canEdit: true
       }
@@ -3159,14 +3198,14 @@ var CorePlugin = {
     // priority: -100
   ],
   setup(ctx) {
-    const { domElement } = getResources11(ctx);
+    const { domElement } = getResources12(ctx);
     attachKeyboardListeners(domElement);
     attachMouseListeners(domElement);
     attachScreenObserver(domElement);
     attachPointerListeners(domElement);
   },
   teardown(ctx) {
-    const { domElement } = getResources11(ctx);
+    const { domElement } = getResources12(ctx);
     detachKeyboardListeners(domElement);
     detachMouseListeners(domElement);
     detachScreenObserver(domElement);
@@ -3419,13 +3458,13 @@ var Editor = class {
     this.keybinds = keybinds;
     const blockDefs = {};
     for (const input of options.blockDefs) {
-      const parsed = BlockDef2.parse(input);
+      const parsed = BlockDef.parse(input);
       blockDefs[parsed.tag] = parsed;
     }
     for (const plugin of sortedPlugins) {
       if (plugin.blockDefs) {
         for (const input of plugin.blockDefs) {
-          const parsed = BlockDef2.parse(input);
+          const parsed = BlockDef.parse(input);
           blockDefs[parsed.tag] = parsed;
         }
       }
@@ -3950,7 +3989,7 @@ export {
   Aabb,
   Asset,
   Block,
-  BlockDef2 as BlockDef,
+  BlockDef,
   Camera,
   CanvasComponentDef7 as CanvasComponentDef,
   CanvasSingletonDef12 as CanvasSingletonDef,
@@ -3991,6 +4030,7 @@ export {
   RankBounds,
   Redo,
   ResetKeyboard,
+  ResizeMode,
   SINGLETON_ENTITY_ID,
   STRATUM_ORDER,
   ScaleWithZoom,
@@ -4010,6 +4050,7 @@ export {
   VerticalAlignment,
   addComponent6 as addComponent,
   canBlockEdit,
+  canBlockSelect,
   clearPointerTrackingState,
   createEntity5 as createEntity,
   defineCanvasComponent13 as defineCanvasComponent,
@@ -4022,12 +4063,13 @@ export {
   field28 as field,
   getBackrefs,
   getBlockDef,
+  getBlockResizeMode,
   getFrameInput,
   getKeyboardInput,
   getMouseInput,
   getPluginResources,
   getPointerInput,
-  getResources12 as getResources,
+  getResources13 as getResources,
   getTopmostBlockAtPoint,
   hasComponent7 as hasComponent,
   intersectAabb,