@woven-canvas/core 0.1.3 → 0.1.4

package/build/index.cjs

@@ -23,7 +23,7 @@ __export(index_exports, {
   Aabb: () => Aabb,
   Asset: () => Asset,
   Block: () => Block,
-  BlockDef: () => BlockDef2,
+  BlockDef: () => BlockDef,
   Camera: () => Camera,
   CanvasComponentDef: () => import_canvas_store34.CanvasComponentDef,
   CanvasSingletonDef: () => import_canvas_store34.CanvasSingletonDef,
@@ -64,6 +64,7 @@ __export(index_exports, {
   RankBounds: () => RankBounds,
   Redo: () => Redo,
   ResetKeyboard: () => ResetKeyboard,
+  ResizeMode: () => ResizeMode,
   SINGLETON_ENTITY_ID: () => import_core49.SINGLETON_ENTITY_ID,
   STRATUM_ORDER: () => STRATUM_ORDER,
   ScaleWithZoom: () => ScaleWithZoom,
@@ -95,6 +96,7 @@ __export(index_exports, {
   field: () => import_core49.field,
   getBackrefs: () => import_core49.getBackrefs,
   getBlockDef: () => getBlockDef,
+  getBlockResizeMode: () => getBlockResizeMode,
   getFrameInput: () => getFrameInput,
   getKeyboardInput: () => getKeyboardInput,
   getMouseInput: () => getMouseInput,
@@ -160,6 +162,260 @@ var import_core2 = require("@woven-ecs/core");
 var import_math = require("@woven-canvas/math");
 var import_canvas_store = require("@woven-ecs/canvas-store");
 var import_core = require("@woven-ecs/core");
+
+// src/types.ts
+var import_zod = require("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 = import_zod.z.object({
+  userId: import_zod.z.string().max(36).default(() => crypto.randomUUID()),
+  sessionId: import_zod.z.string().max(36).default(() => crypto.randomUUID()),
+  color: import_zod.z.string().max(7).default(generateUserColor),
+  name: import_zod.z.string().max(100).default("Anonymous"),
+  avatar: import_zod.z.string().max(500).default("")
+});
+function getPluginResources(ctx, pluginName) {
+  const resources = ctx.resources;
+  return resources.pluginResources[pluginName];
+}
+var GridOptions = import_zod.z.object({
+  /**
+   * Whether grid snapping is enabled.
+   * @default true
+   */
+  enabled: import_zod.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: import_zod.z.boolean().default(false),
+  /**
+   * Width of each grid column in world units.
+   * @default 20
+   */
+  colWidth: import_zod.z.number().nonnegative().default(20),
+  /**
+   * Height of each grid row in world units.
+   * @default 20
+   */
+  rowHeight: import_zod.z.number().nonnegative().default(20),
+  /**
+   * Angular snap increment in radians when grid is enabled.
+   * @default Math.PI / 36 (5 degrees)
+   */
+  snapAngleRad: import_zod.z.number().nonnegative().default(Math.PI / 36),
+  /**
+   * Angular snap increment in radians when shift key is held.
+   * @default Math.PI / 12 (15 degrees)
+   */
+  shiftSnapAngleRad: import_zod.z.number().nonnegative().default(Math.PI / 12)
+});
+var ControlsOptions = import_zod.z.object({
+  /**
+   * Tool activated by left mouse button.
+   * @default 'select'
+   */
+  leftMouseTool: import_zod.z.string().max(32).default("select"),
+  /**
+   * Tool activated by middle mouse button.
+   * @default 'hand'
+   */
+  middleMouseTool: import_zod.z.string().max(32).default("hand"),
+  /**
+   * Tool activated by right mouse button.
+   * @default 'menu'
+   */
+  rightMouseTool: import_zod.z.string().max(32).default("menu"),
+  /**
+   * Tool activated by mouse wheel.
+   * @default 'scroll'
+   */
+  wheelTool: import_zod.z.string().max(32).default("scroll"),
+  /**
+   * Tool activated by mouse wheel with modifier key held.
+   * @default 'zoom'
+   */
+  modWheelTool: import_zod.z.string().max(32).default("zoom")
+});
+var EditorOptionsSchema = import_zod.z.object({
+  /**
+   * Plugins to load.
+   * Plugins are sorted by dependencies automatically.
+   */
+  plugins: import_zod.z.array(import_zod.z.custom()).default([]),
+  /**
+   * Maximum number of entities.
+   * @default 5_000
+   */
+  maxEntities: import_zod.z.number().default(5e3),
+  /**
+   * User data for presence tracking.
+   * All fields are optional - defaults will be applied.
+   */
+  user: import_zod.z.custom().default({}),
+  /**
+   * Grid configuration for snap-to-grid behavior.
+   * All fields are optional - defaults will be applied.
+   */
+  grid: import_zod.z.custom().default({}),
+  /**
+   * Custom block definitions.
+   * Accepts partial block definitions - defaults will be applied automatically.
+   */
+  blockDefs: import_zod.z.array(import_zod.z.custom()).default([]),
+  /**
+   * Keybind definitions for keyboard shortcuts.
+   * These map key combinations to plugin commands.
+   */
+  keybinds: import_zod.z.array(import_zod.z.custom()).default([]),
+  /**
+   * Custom cursor definitions.
+   * Override default cursors or define new ones for transform operations.
+   */
+  cursors: import_zod.z.record(import_zod.z.string(), import_zod.z.custom()).default({}),
+  /**
+   * Custom components to register without creating a plugin.
+   */
+  components: import_zod.z.array(import_zod.z.custom()).default([]),
+  /**
+   * Custom singletons to register without creating a plugin.
+   */
+  singletons: import_zod.z.array(import_zod.z.custom()).default([]),
+  /**
+   * Custom systems to register without creating a plugin.
+   * Each system specifies its phase and priority.
+   */
+  systems: import_zod.z.array(import_zod.z.custom()).default([]),
+  /**
+   * Custom font families to load and make available in the font selector.
+   * Fonts will be loaded automatically during editor initialization.
+   */
+  fonts: import_zod.z.array(import_zod.z.custom()).default([]),
+  /**
+   * If true, keybinds from plugins will be ignored.
+   * Use this when you want full control over keybinds.
+   */
+  omitPluginKeybinds: import_zod.z.boolean().default(false),
+  /**
+   * If true, cursors from plugins will be ignored.
+   * Use this when you want full control over cursors.
+   */
+  omitPluginCursors: import_zod.z.boolean().default(false),
+  /**
+   * If true, fonts from plugins will be ignored.
+   * Use this when you want full control over fonts.
+   */
+  omitPluginFonts: import_zod.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: import_zod.z.custom().optional()
+});
+var Keybind = import_zod.z.object({
+  /** The command to execute when this keybind is triggered */
+  command: import_zod.z.string(),
+  /** The key index from the Key constants (e.g., Key.A, Key.Delete) */
+  key: import_zod.z.number(),
+  /** Whether the modifier key (Cmd on Mac, Ctrl on Windows) must be held */
+  mod: import_zod.z.boolean().optional(),
+  /** Whether the Shift key must be held */
+  shift: import_zod.z.boolean().optional()
+});
+var CursorDef = import_zod.z.object({
+  /** Function that generates the SVG string for a given rotation angle (in radians) */
+  makeSvg: import_zod.z.function({ input: import_zod.z.tuple([import_zod.z.number()]), output: import_zod.z.string() }),
+  /** Hotspot coordinates [x, y] for the cursor */
+  hotspot: import_zod.z.tuple([import_zod.z.number(), import_zod.z.number()]),
+  /** Base rotation offset applied before the dynamic rotation */
+  rotationOffset: import_zod.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 = import_zod.z.object({
+  canEdit: import_zod.z.boolean().default(false),
+  removeWhenTextEmpty: import_zod.z.boolean().default(false)
+});
+var BlockDefConnectors = import_zod.z.object({
+  /** Whether connectors are enabled for this block type */
+  enabled: import_zod.z.boolean().default(true),
+  /** UV coordinates of terminal positions (0-1 range, where [0,0] is top-left) */
+  terminals: import_zod.z.array(import_zod.z.tuple([import_zod.z.number(), import_zod.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 = import_zod.z.enum(["background", "content", "overlay"]);
+var BlockDef = import_zod.z.object({
+  tag: import_zod.z.string(),
+  stratum: Stratum.default("content"),
+  editOptions: BlockDefEditOptions.default(BlockDefEditOptions.parse({})),
+  components: import_zod.z.array(import_zod.z.custom()).default([]),
+  resizeMode: import_zod.z.enum([ResizeMode.Scale, ResizeMode.Text, ResizeMode.Free, ResizeMode.GroupOnly]).default(ResizeMode.Scale),
+  canRotate: import_zod.z.boolean().default(true),
+  canScale: import_zod.z.boolean().default(true),
+  connectors: BlockDefConnectors.default(BlockDefConnectors.parse({}))
+});
+
+// src/components/Block.ts
 var _aabbCorners = [
   [0, 0],
   [0, 0],
@@ -188,9 +444,11 @@ var BlockSchema = {
   /** Flip state as [flipX, flipY] */
   flip: import_core.field.tuple(import_core.field.boolean(), 2).default([false, false]),
   /** Z-order rank (LexoRank string) */
-  rank: import_core.field.string().max(36).default("")
+  rank: import_core.field.string().max(36).default(""),
+  /** How the block can be resized */
+  resizeMode: import_core.field.enum(ResizeMode).default(ResizeMode.Default)
 };
-var BlockDef = class extends import_canvas_store.CanvasComponentDef {
+var BlockDef2 = class extends import_canvas_store.CanvasComponentDef {
   constructor() {
     super({ name: "block", sync: "document" }, BlockSchema);
   }
@@ -332,7 +590,7 @@ var BlockDef = class extends import_canvas_store.CanvasComponentDef {
     }
   }
 };
-var Block = new BlockDef();
+var Block = new BlockDef2();
 
 // src/components/Aabb.ts
 var LEFT = 0;
@@ -1115,253 +1373,6 @@ var Shape = (0, import_canvas_store14.defineCanvasComponent)(
 // src/components/Text.ts
 var import_canvas_store15 = require("@woven-ecs/canvas-store");
 var import_core13 = require("@woven-ecs/core");
-
-// src/types.ts
-var import_zod = require("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 = import_zod.z.object({
-  userId: import_zod.z.string().max(36).default(() => crypto.randomUUID()),
-  sessionId: import_zod.z.string().max(36).default(() => crypto.randomUUID()),
-  color: import_zod.z.string().max(7).default(generateUserColor),
-  name: import_zod.z.string().max(100).default("Anonymous"),
-  avatar: import_zod.z.string().max(500).default("")
-});
-function getPluginResources(ctx, pluginName) {
-  const resources = ctx.resources;
-  return resources.pluginResources[pluginName];
-}
-var GridOptions = import_zod.z.object({
-  /**
-   * Whether grid snapping is enabled.
-   * @default true
-   */
-  enabled: import_zod.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: import_zod.z.boolean().default(false),
-  /**
-   * Width of each grid column in world units.
-   * @default 20
-   */
-  colWidth: import_zod.z.number().nonnegative().default(20),
-  /**
-   * Height of each grid row in world units.
-   * @default 20
-   */
-  rowHeight: import_zod.z.number().nonnegative().default(20),
-  /**
-   * Angular snap increment in radians when grid is enabled.
-   * @default Math.PI / 36 (5 degrees)
-   */
-  snapAngleRad: import_zod.z.number().nonnegative().default(Math.PI / 36),
-  /**
-   * Angular snap increment in radians when shift key is held.
-   * @default Math.PI / 12 (15 degrees)
-   */
-  shiftSnapAngleRad: import_zod.z.number().nonnegative().default(Math.PI / 12)
-});
-var ControlsOptions = import_zod.z.object({
-  /**
-   * Tool activated by left mouse button.
-   * @default 'select'
-   */
-  leftMouseTool: import_zod.z.string().max(32).default("select"),
-  /**
-   * Tool activated by middle mouse button.
-   * @default 'hand'
-   */
-  middleMouseTool: import_zod.z.string().max(32).default("hand"),
-  /**
-   * Tool activated by right mouse button.
-   * @default 'menu'
-   */
-  rightMouseTool: import_zod.z.string().max(32).default("menu"),
-  /**
-   * Tool activated by mouse wheel.
-   * @default 'scroll'
-   */
-  wheelTool: import_zod.z.string().max(32).default("scroll"),
-  /**
-   * Tool activated by mouse wheel with modifier key held.
-   * @default 'zoom'
-   */
-  modWheelTool: import_zod.z.string().max(32).default("zoom")
-});
-var EditorOptionsSchema = import_zod.z.object({
-  /**
-   * Plugins to load.
-   * Plugins are sorted by dependencies automatically.
-   */
-  plugins: import_zod.z.array(import_zod.z.custom()).default([]),
-  /**
-   * Maximum number of entities.
-   * @default 5_000
-   */
-  maxEntities: import_zod.z.number().default(5e3),
-  /**
-   * User data for presence tracking.
-   * All fields are optional - defaults will be applied.
-   */
-  user: import_zod.z.custom().default({}),
-  /**
-   * Grid configuration for snap-to-grid behavior.
-   * All fields are optional - defaults will be applied.
-   */
-  grid: import_zod.z.custom().default({}),
-  /**
-   * Custom block definitions.
-   * Accepts partial block definitions - defaults will be applied automatically.
-   */
-  blockDefs: import_zod.z.array(import_zod.z.custom()).default([]),
-  /**
-   * Keybind definitions for keyboard shortcuts.
-   * These map key combinations to plugin commands.
-   */
-  keybinds: import_zod.z.array(import_zod.z.custom()).default([]),
-  /**
-   * Custom cursor definitions.
-   * Override default cursors or define new ones for transform operations.
-   */
-  cursors: import_zod.z.record(import_zod.z.string(), import_zod.z.custom()).default({}),
-  /**
-   * Custom components to register without creating a plugin.
-   */
-  components: import_zod.z.array(import_zod.z.custom()).default([]),
-  /**
-   * Custom singletons to register without creating a plugin.
-   */
-  singletons: import_zod.z.array(import_zod.z.custom()).default([]),
-  /**
-   * Custom systems to register without creating a plugin.
-   * Each system specifies its phase and priority.
-   */
-  systems: import_zod.z.array(import_zod.z.custom()).default([]),
-  /**
-   * Custom font families to load and make available in the font selector.
-   * Fonts will be loaded automatically during editor initialization.
-   */
-  fonts: import_zod.z.array(import_zod.z.custom()).default([]),
-  /**
-   * If true, keybinds from plugins will be ignored.
-   * Use this when you want full control over keybinds.
-   */
-  omitPluginKeybinds: import_zod.z.boolean().default(false),
-  /**
-   * If true, cursors from plugins will be ignored.
-   * Use this when you want full control over cursors.
-   */
-  omitPluginCursors: import_zod.z.boolean().default(false),
-  /**
-   * If true, fonts from plugins will be ignored.
-   * Use this when you want full control over fonts.
-   */
-  omitPluginFonts: import_zod.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: import_zod.z.custom().optional()
-});
-var Keybind = import_zod.z.object({
-  /** The command to execute when this keybind is triggered */
-  command: import_zod.z.string(),
-  /** The key index from the Key constants (e.g., Key.A, Key.Delete) */
-  key: import_zod.z.number(),
-  /** Whether the modifier key (Cmd on Mac, Ctrl on Windows) must be held */
-  mod: import_zod.z.boolean().optional(),
-  /** Whether the Shift key must be held */
-  shift: import_zod.z.boolean().optional()
-});
-var CursorDef = import_zod.z.object({
-  /** Function that generates the SVG string for a given rotation angle (in radians) */
-  makeSvg: import_zod.z.function({ input: import_zod.z.tuple([import_zod.z.number()]), output: import_zod.z.string() }),
-  /** Hotspot coordinates [x, y] for the cursor */
-  hotspot: import_zod.z.tuple([import_zod.z.number(), import_zod.z.number()]),
-  /** Base rotation offset applied before the dynamic rotation */
-  rotationOffset: import_zod.z.number()
-});
-var VerticalAlignment = {
-  Top: "top",
-  Center: "center",
-  Bottom: "bottom"
-};
-var TextAlignment = {
-  Left: "left",
-  Center: "center",
-  Right: "right",
-  Justify: "justify"
-};
-var BlockDefEditOptions = import_zod.z.object({
-  canEdit: import_zod.z.boolean().default(false),
-  removeWhenTextEmpty: import_zod.z.boolean().default(false)
-});
-var BlockDefConnectors = import_zod.z.object({
-  /** Whether connectors are enabled for this block type */
-  enabled: import_zod.z.boolean().default(true),
-  /** UV coordinates of terminal positions (0-1 range, where [0,0] is top-left) */
-  terminals: import_zod.z.array(import_zod.z.tuple([import_zod.z.number(), import_zod.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 = import_zod.z.enum(["background", "content", "overlay"]);
-var BlockDef2 = import_zod.z.object({
-  tag: import_zod.z.string(),
-  stratum: Stratum.default("content"),
-  editOptions: BlockDefEditOptions.default(BlockDefEditOptions.parse({})),
-  components: import_zod.z.array(import_zod.z.custom()).default([]),
-  resizeMode: import_zod.z.enum(["scale", "text", "free", "groupOnly"]).default("scale"),
-  canRotate: import_zod.z.boolean().default(true),
-  canScale: import_zod.z.boolean().default(true),
-  connectors: BlockDefConnectors.default(BlockDefConnectors.parse({}))
-});
-
-// src/components/Text.ts
 var Text = (0, import_canvas_store15.defineCanvasComponent)(
   { name: "text", sync: "document" },
   {
@@ -2778,11 +2789,19 @@ 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 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
 var import_math4 = require("@woven-canvas/math");
@@ -3191,7 +3210,7 @@ var CorePlugin = {
     {
       tag: "text",
       components: [Text],
-      resizeMode: "text",
+      resizeMode: ResizeMode.Text,
       editOptions: {
         canEdit: true,
         removeWhenTextEmpty: true
@@ -3200,12 +3219,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
       }
@@ -3492,13 +3511,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;
         }
       }
@@ -4065,6 +4084,7 @@ function clearPointerTrackingState(ctx) {
   RankBounds,
   Redo,
   ResetKeyboard,
+  ResizeMode,
   SINGLETON_ENTITY_ID,
   STRATUM_ORDER,
   ScaleWithZoom,
@@ -4096,6 +4116,7 @@ function clearPointerTrackingState(ctx) {
   field,
   getBackrefs,
   getBlockDef,
+  getBlockResizeMode,
   getFrameInput,
   getKeyboardInput,
   getMouseInput,