@woven-canvas/plugin-tapes 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Will Holt
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,28 @@
+# @woven-canvas/plugin-tapes
+
+Draw washi tape across the canvas with click-and-drag. Click to place a default-sized tape, or drag to stretch tape between two points.
+
+## Installation
+
+```bash
+npm install @woven-canvas/core @woven-canvas/plugin-tapes
+```
+
+## Usage
+
+```typescript
+import { Editor } from "@woven-canvas/core";
+import { TapesPlugin } from "@woven-canvas/plugin-tapes";
+
+const editor = new Editor(domElement, {
+  plugins: [TapesPlugin],
+});
+```
+
+## Documentation
+
+For full API documentation, see the [documentation site](https://woven-canvas.dev).
+
+## License
+
+MIT

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

@@ -0,0 +1,118 @@
+import { CanvasComponentDef } from '@woven-ecs/canvas-store';
+import { CommandDef } from '@woven-canvas/core';
+import { EditorPlugin } from '@woven-canvas/core';
+import { EditorPluginFactory } from '@woven-canvas/core';
+import { EditorStateDef } from '@woven-canvas/core';
+import { EditorSystem } from '@woven-canvas/core';
+import { EntityId } from '@woven-canvas/core';
+import { NumberFieldBuilder } from '@woven-ecs/core';
+import { RefFieldBuilder } from '@woven-ecs/core';
+import { StringFieldBuilder } from '@woven-ecs/core';
+import { TupleFieldBuilder } from '@woven-ecs/core';
+import type { Vec2 } from '@woven-canvas/math';
+
+declare const AddTape: CommandDef<    {
+entityId: EntityId;
+position: Vec2;
+}>;
+export { AddTape }
+export { AddTape as AddTape_alias_1 }
+export { AddTape as AddTape_alias_2 }
+
+declare const captureTapeDrawSystem: EditorSystem;
+export { captureTapeDrawSystem }
+export { captureTapeDrawSystem as captureTapeDrawSystem_alias_1 }
+
+declare const CompleteTape: CommandDef<    {
+entityId: EntityId;
+}>;
+export { CompleteTape }
+export { CompleteTape as CompleteTape_alias_1 }
+export { CompleteTape as CompleteTape_alias_2 }
+
+declare function createTapesPlugin(): EditorPlugin;
+export { createTapesPlugin }
+export { createTapesPlugin as createTapesPlugin_alias_1 }
+
+declare const DEFAULT_TAPE_IMAGE = "https://storage.googleapis.com/download/storage/v1/b/zine-maker-public/o/tapes%2F7e3b7dde-927d-4b09-aeb4-d49eac36d4ea.png?generation=1715183194653465&alt=media";
+export { DEFAULT_TAPE_IMAGE }
+export { DEFAULT_TAPE_IMAGE as DEFAULT_TAPE_IMAGE_alias_1 }
+
+declare const DEFAULT_TAPE_LENGTH = 200;
+export { DEFAULT_TAPE_LENGTH }
+export { DEFAULT_TAPE_LENGTH as DEFAULT_TAPE_LENGTH_alias_1 }
+
+declare const DEFAULT_TAPE_THICKNESS = 30;
+export { DEFAULT_TAPE_THICKNESS }
+export { DEFAULT_TAPE_THICKNESS as DEFAULT_TAPE_THICKNESS_alias_1 }
+
+declare const DrawTape: CommandDef<    {
+entityId: EntityId;
+start: Vec2;
+end: Vec2;
+}>;
+export { DrawTape }
+export { DrawTape as DrawTape_alias_1 }
+export { DrawTape as DrawTape_alias_2 }
+
+declare const PlaceTape: CommandDef<    {
+entityId: EntityId;
+position: Vec2;
+}>;
+export { PlaceTape }
+export { PlaceTape as PlaceTape_alias_1 }
+export { PlaceTape as PlaceTape_alias_2 }
+
+declare const POINTING_THRESHOLD = 4;
+export { POINTING_THRESHOLD }
+export { POINTING_THRESHOLD as POINTING_THRESHOLD_alias_1 }
+
+declare const RemoveTape: CommandDef<    {
+entityId: EntityId;
+}>;
+export { RemoveTape }
+export { RemoveTape as RemoveTape_alias_1 }
+export { RemoveTape as RemoveTape_alias_2 }
+
+declare const Tape: CanvasComponentDef<    {
+thickness: NumberFieldBuilder<"float64">;
+}, "tape">;
+export { Tape }
+export { Tape as Tape_alias_1 }
+export { Tape as Tape_alias_2 }
+
+declare const TapeDrawState: EditorStateDef<    {
+state: StringFieldBuilder;
+activeTape: RefFieldBuilder;
+pointingStartClient: TupleFieldBuilder<NumberFieldBuilder<"int32">, 2>;
+pointingStartWorld: TupleFieldBuilder<NumberFieldBuilder<"float64">, 2>;
+}>;
+export { TapeDrawState }
+export { TapeDrawState as TapeDrawState_alias_1 }
+export { TapeDrawState as TapeDrawState_alias_2 }
+
+declare const TapeDrawStateEnum: {
+    readonly Idle: "idle";
+    readonly Pointing: "pointing";
+    readonly Drawing: "drawing";
+};
+export { TapeDrawStateEnum }
+export { TapeDrawStateEnum as TapeDrawStateEnum_alias_1 }
+
+declare type TapeDrawStateValue = (typeof TapeDrawStateEnum)[keyof typeof TapeDrawStateEnum];
+export { TapeDrawStateValue }
+export { TapeDrawStateValue as TapeDrawStateValue_alias_1 }
+
+declare const TAPES_PLUGIN_NAME = "tapes";
+export { TAPES_PLUGIN_NAME }
+export { TAPES_PLUGIN_NAME as TAPES_PLUGIN_NAME_alias_1 }
+
+declare const TapesPlugin: EditorPluginFactory;
+export { TapesPlugin }
+export { TapesPlugin as TapesPlugin_alias_1 }
+
+declare const updateTapeDrawSystem: EditorSystem;
+export { updateTapeDrawSystem }
+export { updateTapeDrawSystem as updateTapeDrawSystem_alias_1 }
+
+export { }

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

@@ -0,0 +1,118 @@
+import { CanvasComponentDef } from '@woven-ecs/canvas-store';
+import { CommandDef } from '@woven-canvas/core';
+import { EditorPlugin } from '@woven-canvas/core';
+import { EditorPluginFactory } from '@woven-canvas/core';
+import { EditorStateDef } from '@woven-canvas/core';
+import { EditorSystem } from '@woven-canvas/core';
+import { EntityId } from '@woven-canvas/core';
+import { NumberFieldBuilder } from '@woven-ecs/core';
+import { RefFieldBuilder } from '@woven-ecs/core';
+import { StringFieldBuilder } from '@woven-ecs/core';
+import { TupleFieldBuilder } from '@woven-ecs/core';
+import type { Vec2 } from '@woven-canvas/math';
+
+declare const AddTape: CommandDef<    {
+entityId: EntityId;
+position: Vec2;
+}>;
+export { AddTape }
+export { AddTape as AddTape_alias_1 }
+export { AddTape as AddTape_alias_2 }
+
+declare const captureTapeDrawSystem: EditorSystem;
+export { captureTapeDrawSystem }
+export { captureTapeDrawSystem as captureTapeDrawSystem_alias_1 }
+
+declare const CompleteTape: CommandDef<    {
+entityId: EntityId;
+}>;
+export { CompleteTape }
+export { CompleteTape as CompleteTape_alias_1 }
+export { CompleteTape as CompleteTape_alias_2 }
+
+declare function createTapesPlugin(): EditorPlugin;
+export { createTapesPlugin }
+export { createTapesPlugin as createTapesPlugin_alias_1 }
+
+declare const DEFAULT_TAPE_IMAGE = "https://storage.googleapis.com/download/storage/v1/b/zine-maker-public/o/tapes%2F7e3b7dde-927d-4b09-aeb4-d49eac36d4ea.png?generation=1715183194653465&alt=media";
+export { DEFAULT_TAPE_IMAGE }
+export { DEFAULT_TAPE_IMAGE as DEFAULT_TAPE_IMAGE_alias_1 }
+
+declare const DEFAULT_TAPE_LENGTH = 200;
+export { DEFAULT_TAPE_LENGTH }
+export { DEFAULT_TAPE_LENGTH as DEFAULT_TAPE_LENGTH_alias_1 }
+
+declare const DEFAULT_TAPE_THICKNESS = 30;
+export { DEFAULT_TAPE_THICKNESS }
+export { DEFAULT_TAPE_THICKNESS as DEFAULT_TAPE_THICKNESS_alias_1 }
+
+declare const DrawTape: CommandDef<    {
+entityId: EntityId;
+start: Vec2;
+end: Vec2;
+}>;
+export { DrawTape }
+export { DrawTape as DrawTape_alias_1 }
+export { DrawTape as DrawTape_alias_2 }
+
+declare const PlaceTape: CommandDef<    {
+entityId: EntityId;
+position: Vec2;
+}>;
+export { PlaceTape }
+export { PlaceTape as PlaceTape_alias_1 }
+export { PlaceTape as PlaceTape_alias_2 }
+
+declare const POINTING_THRESHOLD = 4;
+export { POINTING_THRESHOLD }
+export { POINTING_THRESHOLD as POINTING_THRESHOLD_alias_1 }
+
+declare const RemoveTape: CommandDef<    {
+entityId: EntityId;
+}>;
+export { RemoveTape }
+export { RemoveTape as RemoveTape_alias_1 }
+export { RemoveTape as RemoveTape_alias_2 }
+
+declare const Tape: CanvasComponentDef<    {
+thickness: NumberFieldBuilder<"float64">;
+}, "tape">;
+export { Tape }
+export { Tape as Tape_alias_1 }
+export { Tape as Tape_alias_2 }
+
+declare const TapeDrawState: EditorStateDef<    {
+state: StringFieldBuilder;
+activeTape: RefFieldBuilder;
+pointingStartClient: TupleFieldBuilder<NumberFieldBuilder<"int32">, 2>;
+pointingStartWorld: TupleFieldBuilder<NumberFieldBuilder<"float64">, 2>;
+}>;
+export { TapeDrawState }
+export { TapeDrawState as TapeDrawState_alias_1 }
+export { TapeDrawState as TapeDrawState_alias_2 }
+
+declare const TapeDrawStateEnum: {
+    readonly Idle: "idle";
+    readonly Pointing: "pointing";
+    readonly Drawing: "drawing";
+};
+export { TapeDrawStateEnum }
+export { TapeDrawStateEnum as TapeDrawStateEnum_alias_1 }
+
+declare type TapeDrawStateValue = (typeof TapeDrawStateEnum)[keyof typeof TapeDrawStateEnum];
+export { TapeDrawStateValue }
+export { TapeDrawStateValue as TapeDrawStateValue_alias_1 }
+
+declare const TAPES_PLUGIN_NAME = "tapes";
+export { TAPES_PLUGIN_NAME }
+export { TAPES_PLUGIN_NAME as TAPES_PLUGIN_NAME_alias_1 }
+
+declare const TapesPlugin: EditorPluginFactory;
+export { TapesPlugin }
+export { TapesPlugin as TapesPlugin_alias_1 }
+
+declare const updateTapeDrawSystem: EditorSystem;
+export { updateTapeDrawSystem }
+export { updateTapeDrawSystem as updateTapeDrawSystem_alias_1 }
+
+export { }

package/build/index.cjs

@@ -0,0 +1,379 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AddTape: () => AddTape,
+  CompleteTape: () => CompleteTape,
+  DEFAULT_TAPE_IMAGE: () => DEFAULT_TAPE_IMAGE,
+  DEFAULT_TAPE_LENGTH: () => DEFAULT_TAPE_LENGTH,
+  DEFAULT_TAPE_THICKNESS: () => DEFAULT_TAPE_THICKNESS,
+  DrawTape: () => DrawTape,
+  POINTING_THRESHOLD: () => POINTING_THRESHOLD,
+  PlaceTape: () => PlaceTape,
+  RemoveTape: () => RemoveTape,
+  TAPES_PLUGIN_NAME: () => TAPES_PLUGIN_NAME,
+  Tape: () => Tape,
+  TapeDrawState: () => TapeDrawState,
+  TapeDrawStateEnum: () => TapeDrawStateEnum,
+  TapesPlugin: () => TapesPlugin,
+  createTapesPlugin: () => createTapesPlugin
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/commands/tape.ts
+var import_core = require("@woven-canvas/core");
+var AddTape = (0, import_core.defineCommand)("tape-add");
+var DrawTape = (0, import_core.defineCommand)("tape-draw");
+var RemoveTape = (0, import_core.defineCommand)("tape-remove");
+var CompleteTape = (0, import_core.defineCommand)("tape-complete");
+var PlaceTape = (0, import_core.defineCommand)("tape-place");
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  Tape: () => Tape
+});
+
+// src/components/Tape.ts
+var import_core2 = require("@woven-canvas/core");
+var Tape = (0, import_core2.defineCanvasComponent)(
+  { name: "tape", sync: "document" },
+  {
+    /** Tape thickness in world units (the height of the tape ribbon) */
+    thickness: import_core2.field.float64().default(30)
+  }
+);
+
+// src/constants.ts
+var TAPES_PLUGIN_NAME = "tapes";
+var DEFAULT_TAPE_THICKNESS = 30;
+var DEFAULT_TAPE_LENGTH = 200;
+var POINTING_THRESHOLD = 4;
+var DEFAULT_TAPE_IMAGE = "https://storage.googleapis.com/download/storage/v1/b/zine-maker-public/o/tapes%2F7e3b7dde-927d-4b09-aeb4-d49eac36d4ea.png?generation=1715183194653465&alt=media";
+
+// src/singletons/index.ts
+var singletons_exports = {};
+__export(singletons_exports, {
+  TapeDrawState: () => TapeDrawState
+});
+
+// src/singletons/TapeDrawState.ts
+var import_core3 = require("@woven-canvas/core");
+
+// src/types.ts
+var TapeDrawStateEnum = {
+  /** Idle - waiting for user to start drawing */
+  Idle: "idle",
+  /** Pointing - pointer down, waiting for drag threshold */
+  Pointing: "pointing",
+  /** Drawing - tape created, stretching with pointer */
+  Drawing: "drawing"
+};
+
+// src/singletons/TapeDrawState.ts
+var TapeDrawState = (0, import_core3.defineEditorState)("tapeDrawState", {
+  /** Current state machine state */
+  state: import_core3.field.string().max(16).default(TapeDrawStateEnum.Idle),
+  /** Reference to the active tape entity (while drawing) */
+  activeTape: import_core3.field.ref(),
+  /** Pointing start position in client coordinates [x, y] */
+  pointingStartClient: import_core3.field.tuple(import_core3.field.int32(), 2).default([0, 0]),
+  /** Pointing start position in world coordinates [x, y] */
+  pointingStartWorld: import_core3.field.tuple(import_core3.field.float64(), 2).default([0, 0])
+});
+
+// src/TapesPlugin.ts
+var import_core6 = require("@woven-canvas/core");
+
+// src/systems/index.ts
+var systems_exports = {};
+__export(systems_exports, {
+  captureTapeDrawSystem: () => captureTapeDrawSystem,
+  updateTapeDrawSystem: () => updateTapeDrawSystem
+});
+
+// src/systems/captureTapeDrawSystem.ts
+var import_core4 = require("@woven-canvas/core");
+var import_math = require("@woven-canvas/math");
+var import_plugin_selection = require("@woven-canvas/plugin-selection");
+var import_xstate = require("xstate");
+var tapeDrawMachine = (0, import_xstate.setup)({
+  types: {
+    context: {},
+    events: {}
+  },
+  guards: {
+    isThresholdReached: ({ context, event }) => {
+      const dist = import_math.Vec2.distance(context.pointingStartClient, event.screenPosition);
+      return dist >= POINTING_THRESHOLD;
+    }
+  },
+  actions: {
+    setPointingStart: (0, import_xstate.assign)({
+      pointingStartClient: ({ event }) => [event.screenPosition[0], event.screenPosition[1]],
+      pointingStartWorld: ({ event }) => [event.worldPosition[0], event.worldPosition[1]]
+    }),
+    resetContext: (0, import_xstate.assign)({
+      pointingStartClient: () => [0, 0],
+      pointingStartWorld: () => [0, 0],
+      activeTape: () => null
+    }),
+    addTape: (0, import_xstate.assign)({
+      activeTape: ({ context, event }) => {
+        const startWorld = context.pointingStartWorld;
+        const entityId = (0, import_core4.createEntity)(event.ctx);
+        AddTape.spawn(event.ctx, {
+          entityId,
+          position: startWorld
+        });
+        return entityId;
+      }
+    }),
+    drawTape: ({ context, event }) => {
+      if (!context.activeTape) return;
+      const startWorld = context.pointingStartWorld;
+      DrawTape.spawn(event.ctx, {
+        entityId: context.activeTape,
+        start: startWorld,
+        end: event.worldPosition
+      });
+    },
+    completeTape: ({ context, event }) => {
+      if (!context.activeTape) return;
+      CompleteTape.spawn(event.ctx, { entityId: context.activeTape });
+    },
+    removeTape: (0, import_xstate.assign)({
+      activeTape: ({ context, event }) => {
+        if (!context.activeTape) return null;
+        RemoveTape.spawn(event.ctx, { entityId: context.activeTape });
+        return null;
+      }
+    }),
+    placeTape: ({ context, event }) => {
+      const startWorld = context.pointingStartWorld;
+      const entityId = (0, import_core4.createEntity)(event.ctx);
+      PlaceTape.spawn(event.ctx, {
+        entityId,
+        position: startWorld
+      });
+    },
+    exitTapeControl: ({ event }) => {
+      const controls = import_core4.Controls.write(event.ctx);
+      controls.leftMouseTool = "select";
+      const cursor = import_core4.Cursor.write(event.ctx);
+      cursor.cursorKind = "select";
+    },
+    deselectAll: ({ event }) => {
+      import_plugin_selection.DeselectAll.spawn(event.ctx);
+    }
+  }
+}).createMachine({
+  id: "tapeDraw",
+  initial: TapeDrawStateEnum.Idle,
+  context: {
+    activeTape: null,
+    pointingStartClient: [0, 0],
+    pointingStartWorld: [0, 0]
+  },
+  states: {
+    [TapeDrawStateEnum.Idle]: {
+      entry: "resetContext",
+      on: {
+        pointerDown: [
+          {
+            actions: "deselectAll",
+            target: TapeDrawStateEnum.Pointing
+          }
+        ]
+      }
+    },
+    [TapeDrawStateEnum.Pointing]: {
+      entry: "setPointingStart",
+      on: {
+        pointerMove: {
+          guard: "isThresholdReached",
+          target: TapeDrawStateEnum.Drawing
+        },
+        pointerUp: {
+          actions: ["placeTape", "exitTapeControl"],
+          target: TapeDrawStateEnum.Idle
+        },
+        cancel: {
+          target: TapeDrawStateEnum.Idle
+        }
+      }
+    },
+    [TapeDrawStateEnum.Drawing]: {
+      entry: "addTape",
+      exit: "exitTapeControl",
+      on: {
+        pointerMove: {
+          actions: "drawTape"
+        },
+        pointerUp: {
+          actions: "completeTape",
+          target: TapeDrawStateEnum.Idle
+        },
+        cancel: {
+          actions: "removeTape",
+          target: TapeDrawStateEnum.Idle
+        }
+      }
+    }
+  }
+});
+var captureTapeDrawSystem = (0, import_core4.defineEditorSystem)({ phase: "capture", priority: 100 }, (ctx) => {
+  const buttons = import_core4.Controls.getButtons(ctx, "tape");
+  if (buttons.length === 0) return;
+  const events = (0, import_core4.getPointerInput)(ctx, buttons);
+  if (events.length === 0) return;
+  TapeDrawState.run(ctx, tapeDrawMachine, events);
+});
+
+// src/systems/updateTapeDrawSystem.ts
+var import_core5 = require("@woven-canvas/core");
+var import_plugin_selection2 = require("@woven-canvas/plugin-selection");
+var updateTapeDrawSystem = (0, import_core5.defineEditorSystem)({ phase: "update" }, (ctx) => {
+  (0, import_core5.on)(ctx, AddTape, (ctx2, { entityId, position }) => {
+    addTape(ctx2, entityId, position);
+  });
+  (0, import_core5.on)(ctx, DrawTape, (ctx2, { entityId, start, end }) => {
+    drawTape(ctx2, entityId, start, end);
+  });
+  (0, import_core5.on)(ctx, RemoveTape, (ctx2, { entityId }) => {
+    (0, import_core5.removeEntity)(ctx2, entityId);
+  });
+  (0, import_core5.on)(ctx, CompleteTape, (ctx2, { entityId }) => {
+    completeTape(ctx2, entityId);
+  });
+  (0, import_core5.on)(ctx, PlaceTape, (ctx2, { entityId, position }) => {
+    placeTape(ctx2, entityId, position);
+  });
+});
+function addTape(ctx, entityId, position) {
+  const snappedPos = [position[0], position[1]];
+  import_core5.Grid.snapPosition(ctx, snappedPos);
+  (0, import_core5.addComponent)(ctx, entityId, import_core5.Block, {
+    tag: "tape",
+    rank: import_core5.RankBounds.genNext(ctx),
+    position: [snappedPos[0], snappedPos[1] - DEFAULT_TAPE_THICKNESS / 2],
+    size: [1, DEFAULT_TAPE_THICKNESS]
+  });
+  (0, import_core5.addComponent)(ctx, entityId, import_core5.Synced, {
+    id: crypto.randomUUID()
+  });
+  (0, import_core5.addComponent)(ctx, entityId, Tape);
+  (0, import_core5.addComponent)(ctx, entityId, import_core5.Image, {});
+  (0, import_core5.addComponent)(ctx, entityId, import_core5.Asset, {
+    identifier: DEFAULT_TAPE_IMAGE,
+    uploadState: import_core5.UploadState.Complete
+  });
+}
+function drawTape(ctx, entityId, start, end) {
+  const s = [start[0], start[1]];
+  const e = [end[0], end[1]];
+  import_core5.Grid.snapPosition(ctx, s);
+  import_core5.Grid.snapPosition(ctx, e);
+  const dx = e[0] - s[0];
+  const dy = e[1] - s[1];
+  const length = Math.sqrt(dx * dx + dy * dy);
+  const angle = Math.atan2(dy, dx);
+  const midX = (s[0] + e[0]) / 2;
+  const midY = (s[1] + e[1]) / 2;
+  const block = import_core5.Block.write(ctx, entityId);
+  const tape = Tape.read(ctx, entityId);
+  const thickness = tape.thickness;
+  block.position = [midX - length / 2, midY - thickness / 2];
+  block.size = [Math.max(length, 1), thickness];
+  block.rotateZ = angle;
+}
+function placeTape(ctx, entityId, position) {
+  const snappedPos = [position[0], position[1]];
+  import_core5.Grid.snapPosition(ctx, snappedPos);
+  (0, import_core5.addComponent)(ctx, entityId, import_core5.Block, {
+    tag: "tape",
+    rank: import_core5.RankBounds.genNext(ctx),
+    position: [snappedPos[0] - DEFAULT_TAPE_LENGTH / 2, snappedPos[1] - DEFAULT_TAPE_THICKNESS / 2],
+    size: [DEFAULT_TAPE_LENGTH, DEFAULT_TAPE_THICKNESS]
+  });
+  (0, import_core5.addComponent)(ctx, entityId, import_core5.Synced, {
+    id: crypto.randomUUID()
+  });
+  (0, import_core5.addComponent)(ctx, entityId, Tape);
+  (0, import_core5.addComponent)(ctx, entityId, import_core5.Image, {});
+  (0, import_core5.addComponent)(ctx, entityId, import_core5.Asset, {
+    identifier: DEFAULT_TAPE_IMAGE,
+    uploadState: import_core5.UploadState.Complete
+  });
+  (0, import_plugin_selection2.selectBlock)(ctx, entityId);
+}
+function completeTape(ctx, entityId) {
+  const block = import_core5.Block.read(ctx, entityId);
+  if (block.size[0] <= 1) {
+    (0, import_core5.removeEntity)(ctx, entityId);
+    return;
+  }
+  (0, import_plugin_selection2.selectBlock)(ctx, entityId);
+}
+
+// src/TapesPlugin.ts
+var filterSystems = (ns) => Object.values(ns).filter(
+  (v) => typeof v === "object" && v !== null && "_system" in v && "phase" in v
+);
+function createTapesPlugin() {
+  return {
+    name: TAPES_PLUGIN_NAME,
+    dependencies: ["selection"],
+    components: Object.values(components_exports).filter((v) => v instanceof import_core6.CanvasComponentDef),
+    singletons: Object.values(singletons_exports).filter((v) => v instanceof import_core6.CanvasSingletonDef),
+    blockDefs: [
+      {
+        tag: "tape",
+        components: [Tape, import_core6.Image, import_core6.Asset],
+        resizeMode: import_core6.ResizeMode.Scale,
+        connectors: {
+          enabled: false
+        }
+      }
+    ],
+    systems: filterSystems(systems_exports)
+  };
+}
+var TapesPlugin = () => createTapesPlugin();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddTape,
+  CompleteTape,
+  DEFAULT_TAPE_IMAGE,
+  DEFAULT_TAPE_LENGTH,
+  DEFAULT_TAPE_THICKNESS,
+  DrawTape,
+  POINTING_THRESHOLD,
+  PlaceTape,
+  RemoveTape,
+  TAPES_PLUGIN_NAME,
+  Tape,
+  TapeDrawState,
+  TapeDrawStateEnum,
+  TapesPlugin,
+  createTapesPlugin
+});
+//# sourceMappingURL=index.cjs.map