@woven-canvas/core 0.1.4 → 1.0.0

package/build/_tsup-dts-rollup.d.cts

@@ -132,6 +132,7 @@ declare const BlockDef: z.ZodObject<{
     }>>;
     canRotate: z.ZodDefault<z.ZodBoolean>;
     canScale: z.ZodDefault<z.ZodBoolean>;
+    selectable: z.ZodDefault<z.ZodBoolean>;
     connectors: z.ZodDefault<z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         terminals: z.ZodDefault<z.ZodArray<z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>>>;
@@ -215,6 +216,11 @@ declare function canBlockScale(ctx: Context, tag: string): boolean;
 export { canBlockScale }
 export { canBlockScale as canBlockScale_alias_1 }
 
+declare function canBlockSelect(ctx: Context, tag: string): boolean;
+export { canBlockSelect }
+export { canBlockSelect as canBlockSelect_alias_1 }
+export { canBlockSelect as canBlockSelect_alias_2 }
+
 declare const canSeeBlocksSystem: EditorSystem;
 export { canSeeBlocksSystem }
 export { canSeeBlocksSystem as canSeeBlocksSystem_alias_1 }
@@ -336,6 +342,8 @@ declare const ControlsSchema: {
     heldSnapshot: StringFieldBuilder;
 };
 
+export declare const CORE_PLUGIN_NAME = "core";
+
 declare const CorePlugin: EditorPlugin;
 export { CorePlugin }
 export { CorePlugin as CorePlugin_alias_1 }
@@ -501,6 +509,7 @@ export declare const EditorOptionsSchema: z.ZodObject<{
         resizeMode?: "scale" | "text" | "free" | "groupOnly" | undefined;
         canRotate?: boolean | undefined;
         canScale?: boolean | undefined;
+        selectable?: boolean | undefined;
         connectors?: {
             enabled?: boolean | undefined;
             terminals?: [number, number][] | undefined;
@@ -516,6 +525,7 @@ export declare const EditorOptionsSchema: z.ZodObject<{
         resizeMode?: "scale" | "text" | "free" | "groupOnly" | undefined;
         canRotate?: boolean | undefined;
         canScale?: boolean | undefined;
+        selectable?: boolean | undefined;
         connectors?: {
             enabled?: boolean | undefined;
             terminals?: [number, number][] | undefined;
@@ -1113,6 +1123,7 @@ declare class MouseDef extends CanvasSingletonDef<typeof MouseSchema> {
     didLeave(ctx: Context): boolean;
     getPosition(ctx: Context): Vec2;
     getWheelDelta(ctx: Context): Vec2;
+    isObscured(ctx: Context): boolean;
 }
 
 declare interface MouseInput {
@@ -1140,6 +1151,7 @@ declare const MouseSchema: {
     wheelTrigger: BooleanFieldBuilder;
     enterTrigger: BooleanFieldBuilder;
     leaveTrigger: BooleanFieldBuilder;
+    obscured: BooleanFieldBuilder;
 };
 
 declare const mouseSystem: EditorSystem;
@@ -1161,8 +1173,6 @@ declare function parsePlugin(input: EditorPluginInput): EditorPlugin;
 export { parsePlugin }
 export { parsePlugin as parsePlugin_alias_1 }
 
-export declare const PLUGIN_NAME = "core";
-
 declare const Pointer: PointerDef;
 export { Pointer }
 export { Pointer as Pointer_alias_1 }

package/build/_tsup-dts-rollup.d.ts

@@ -132,6 +132,7 @@ declare const BlockDef: z.ZodObject<{
     }>>;
     canRotate: z.ZodDefault<z.ZodBoolean>;
     canScale: z.ZodDefault<z.ZodBoolean>;
+    selectable: z.ZodDefault<z.ZodBoolean>;
     connectors: z.ZodDefault<z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         terminals: z.ZodDefault<z.ZodArray<z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>>>;
@@ -215,6 +216,11 @@ declare function canBlockScale(ctx: Context, tag: string): boolean;
 export { canBlockScale }
 export { canBlockScale as canBlockScale_alias_1 }
 
+declare function canBlockSelect(ctx: Context, tag: string): boolean;
+export { canBlockSelect }
+export { canBlockSelect as canBlockSelect_alias_1 }
+export { canBlockSelect as canBlockSelect_alias_2 }
+
 declare const canSeeBlocksSystem: EditorSystem;
 export { canSeeBlocksSystem }
 export { canSeeBlocksSystem as canSeeBlocksSystem_alias_1 }
@@ -336,6 +342,8 @@ declare const ControlsSchema: {
     heldSnapshot: StringFieldBuilder;
 };
 
+export declare const CORE_PLUGIN_NAME = "core";
+
 declare const CorePlugin: EditorPlugin;
 export { CorePlugin }
 export { CorePlugin as CorePlugin_alias_1 }
@@ -501,6 +509,7 @@ export declare const EditorOptionsSchema: z.ZodObject<{
         resizeMode?: "scale" | "text" | "free" | "groupOnly" | undefined;
         canRotate?: boolean | undefined;
         canScale?: boolean | undefined;
+        selectable?: boolean | undefined;
         connectors?: {
             enabled?: boolean | undefined;
             terminals?: [number, number][] | undefined;
@@ -516,6 +525,7 @@ export declare const EditorOptionsSchema: z.ZodObject<{
         resizeMode?: "scale" | "text" | "free" | "groupOnly" | undefined;
         canRotate?: boolean | undefined;
         canScale?: boolean | undefined;
+        selectable?: boolean | undefined;
         connectors?: {
             enabled?: boolean | undefined;
             terminals?: [number, number][] | undefined;
@@ -1113,6 +1123,7 @@ declare class MouseDef extends CanvasSingletonDef<typeof MouseSchema> {
     didLeave(ctx: Context): boolean;
     getPosition(ctx: Context): Vec2;
     getWheelDelta(ctx: Context): Vec2;
+    isObscured(ctx: Context): boolean;
 }
 
 declare interface MouseInput {
@@ -1140,6 +1151,7 @@ declare const MouseSchema: {
     wheelTrigger: BooleanFieldBuilder;
     enterTrigger: BooleanFieldBuilder;
     leaveTrigger: BooleanFieldBuilder;
+    obscured: BooleanFieldBuilder;
 };
 
 declare const mouseSystem: EditorSystem;
@@ -1161,8 +1173,6 @@ declare function parsePlugin(input: EditorPluginInput): EditorPlugin;
 export { parsePlugin }
 export { parsePlugin as parsePlugin_alias_1 }
 
-export declare const PLUGIN_NAME = "core";
-
 declare const Pointer: PointerDef;
 export { Pointer }
 export { Pointer as Pointer_alias_1 }

package/build/index.cjs

@@ -84,6 +84,7 @@ __export(index_exports, {
   VerticalAlignment: () => VerticalAlignment,
   addComponent: () => import_core49.addComponent,
   canBlockEdit: () => canBlockEdit,
+  canBlockSelect: () => canBlockSelect,
   clearPointerTrackingState: () => clearPointerTrackingState,
   createEntity: () => import_core49.createEntity,
   defineCanvasComponent: () => import_canvas_store34.defineCanvasComponent,
@@ -412,6 +413,7 @@ var BlockDef = import_zod.z.object({
   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),
+  selectable: import_zod.z.boolean().default(true),
   connectors: BlockDefConnectors.default(BlockDefConnectors.parse({}))
 });
 
@@ -1419,7 +1421,7 @@ var VerticalAlign = (0, import_canvas_store17.defineCanvasComponent)(
 );
 
 // src/constants.ts
-var PLUGIN_NAME = "core";
+var CORE_PLUGIN_NAME = "core";
 var STRATUM_ORDER = {
   background: 0,
   content: 1,
@@ -1585,7 +1587,7 @@ var ControlsSchema = {
   /** Tool activated by mouse wheel with modifier key held */
   modWheelTool: import_core18.field.string().max(32).default("zoom"),
   /** JSON snapshot of block to place on next click (empty string = no placement active) */
-  heldSnapshot: import_core18.field.string().max(4096).default("")
+  heldSnapshot: import_core18.field.string().max(65536).default("")
 };
 var ControlsDef = class extends import_canvas_store20.CanvasSingletonDef {
   constructor() {
@@ -2157,7 +2159,9 @@ var MouseSchema = {
   /** True for 1 frame when mouse enters the editor element */
   enterTrigger: import_core24.field.boolean().default(false),
   /** True for 1 frame when mouse leaves the editor element */
-  leaveTrigger: import_core24.field.boolean().default(false)
+  leaveTrigger: import_core24.field.boolean().default(false),
+  /** Whether the mouse is over a UI element (not the canvas) */
+  obscured: import_core24.field.boolean().default(false)
 };
 var MouseDef = class extends import_canvas_store26.CanvasSingletonDef {
   constructor() {
@@ -2189,6 +2193,10 @@ var MouseDef = class extends import_canvas_store26.CanvasSingletonDef {
     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();
 
@@ -2473,7 +2481,8 @@ function attachMouseListeners(domElement) {
       state.eventsBuffer.push({
         type: "mousemove",
         clientX: e.clientX,
-        clientY: e.clientY
+        clientY: e.clientY,
+        target: e.target
       });
     },
     onWheel: (e) => {
@@ -2530,6 +2539,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;
@@ -2794,6 +2804,9 @@ function getBlockDef(ctx, 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) {
@@ -3041,6 +3054,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)) {
@@ -3082,6 +3096,15 @@ var intersectSystem = defineEditorSystem({ phase: "capture", priority: 100 }, (c
     clearHovered(ctx);
     return;
   }
+  const resources = (0, import_core42.getResources)(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);
@@ -3094,7 +3117,7 @@ var intersectSystem = defineEditorSystem({ phase: "capture", priority: 100 }, (c
   if (pointers.length > 0) {
     return;
   }
-  if (intersectsChanged || heldChanged) {
+  if (intersectsChanged || heldChanged || obscuredChanged) {
     updateHovered(ctx, intersected);
   }
 });
@@ -3196,7 +3219,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 import_canvas_store31.CanvasSingletonDef),
   components: Object.values(components_exports).filter((v) => v instanceof import_canvas_store31.CanvasComponentDef),
   blockDefs: [
@@ -4104,6 +4127,7 @@ function clearPointerTrackingState(ctx) {
   VerticalAlignment,
   addComponent,
   canBlockEdit,
+  canBlockSelect,
   clearPointerTrackingState,
   createEntity,
   defineCanvasComponent,