microboard-temp 0.4.65 → 0.4.67

package/dist/cjs/browser.js

@@ -729,6 +729,7 @@ __export(exports_browser, {
   Keyboard: () => Keyboard,
   Items: () => Items,
   ImageItem: () => ImageItem,
+  Hand: () => Hand,
   Group: () => Group,
   Frames: () => Frames,
   FrameCommand: () => FrameCommand,
@@ -21464,6 +21465,7 @@ class BaseItem extends Mbr {
     this.id = id;
     if (isGroupItem) {
       this.index = new SimpleSpatialIndex(board.camera, board.pointer);
+      this.canBeNested = false;
     }
     if (defaultItemData) {
       Object.entries(defaultItemData).forEach(([key, value]) => {
@@ -21588,6 +21590,9 @@ class BaseItem extends Mbr {
     return null;
   }
   deserialize(data) {
+    if (data.children) {
+      this.applyAddChildren(data.children);
+    }
     Object.entries(data).forEach(([key, value]) => {
       if (this[key]?.deserialize) {
         this[key].deserialize(value);
@@ -48355,6 +48360,84 @@ registerItem({
   defaultData: defaultDiceData,
   toolData: { name: "AddDice", tool: AddDice }
 });
+// src/Items/Examples/CardGame/Hand/AddHand.ts
+class AddHand extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Hand, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId(localStorage.getItem("currentUser") || "");
+    return super.pointerUp();
+  }
+}
+
+// src/Items/Examples/CardGame/Hand/Hand.ts
+var handPath = new Path([
+  new Line(new Point(0, 0), new Point(100, 0)),
+  new Line(new Point(100, 0), new Point(100, 100)),
+  new Line(new Point(100, 100), new Point(0, 100)),
+  new Line(new Point(0, 100), new Point(0, 0))
+], true);
+var defaultHandData = {
+  itemType: "Hand",
+  ownerId: ""
+};
+
+class Hand extends BaseItem {
+  ownerId;
+  subject = new Subject;
+  path;
+  constructor(board, id = "", ownerId = "") {
+    super(board, id, defaultHandData, true);
+    this.ownerId = ownerId;
+    this.transformation.subject.subscribe(() => {
+      this.transformPath();
+      this.updateMbr();
+      this.subject.publish(this);
+    });
+    this.transformPath();
+    this.updateMbr();
+  }
+  apply(op) {
+    super.apply(op);
+    this.subject.publish(this);
+  }
+  applyOwnerId(ownerId) {
+    this.ownerId = ownerId;
+  }
+  transformPath() {
+    this.path = handPath.copy();
+    this.path.transform(this.transformation.matrix);
+    this.path.setBackgroundColor(this.backgroundColor);
+    this.path.setBorderColor(this.borderColor);
+  }
+  updateMbr() {
+    const { left, top, right, bottom } = this.path.getMbr();
+    this.left = left;
+    this.right = right;
+    this.top = top;
+    this.bottom = bottom;
+  }
+  deserialize(data) {
+    super.deserialize(data);
+    this.transformPath();
+    this.subject.publish(this);
+    return this;
+  }
+  render(context) {
+    if (this.transformationRenderBlock) {
+      return;
+    }
+    if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
+      super.render(context);
+    }
+  }
+}
+registerItem({
+  item: Hand,
+  defaultData: defaultHandData,
+  toolData: { name: "AddHand", tool: AddHand }
+});
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/cjs/index.js

@@ -729,6 +729,7 @@ __export(exports_src, {
   Keyboard: () => Keyboard,
   Items: () => Items,
   ImageItem: () => ImageItem,
+  Hand: () => Hand,
   Group: () => Group,
   Frames: () => Frames,
   FrameCommand: () => FrameCommand,
@@ -21464,6 +21465,7 @@ class BaseItem extends Mbr {
     this.id = id;
     if (isGroupItem) {
       this.index = new SimpleSpatialIndex(board.camera, board.pointer);
+      this.canBeNested = false;
     }
     if (defaultItemData) {
       Object.entries(defaultItemData).forEach(([key, value]) => {
@@ -21588,6 +21590,9 @@ class BaseItem extends Mbr {
     return null;
   }
   deserialize(data) {
+    if (data.children) {
+      this.applyAddChildren(data.children);
+    }
     Object.entries(data).forEach(([key, value]) => {
       if (this[key]?.deserialize) {
         this[key].deserialize(value);
@@ -48355,6 +48360,84 @@ registerItem({
   defaultData: defaultDiceData,
   toolData: { name: "AddDice", tool: AddDice }
 });
+// src/Items/Examples/CardGame/Hand/AddHand.ts
+class AddHand extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Hand, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId(localStorage.getItem("currentUser") || "");
+    return super.pointerUp();
+  }
+}
+
+// src/Items/Examples/CardGame/Hand/Hand.ts
+var handPath = new Path([
+  new Line(new Point(0, 0), new Point(100, 0)),
+  new Line(new Point(100, 0), new Point(100, 100)),
+  new Line(new Point(100, 100), new Point(0, 100)),
+  new Line(new Point(0, 100), new Point(0, 0))
+], true);
+var defaultHandData = {
+  itemType: "Hand",
+  ownerId: ""
+};
+
+class Hand extends BaseItem {
+  ownerId;
+  subject = new Subject;
+  path;
+  constructor(board, id = "", ownerId = "") {
+    super(board, id, defaultHandData, true);
+    this.ownerId = ownerId;
+    this.transformation.subject.subscribe(() => {
+      this.transformPath();
+      this.updateMbr();
+      this.subject.publish(this);
+    });
+    this.transformPath();
+    this.updateMbr();
+  }
+  apply(op) {
+    super.apply(op);
+    this.subject.publish(this);
+  }
+  applyOwnerId(ownerId) {
+    this.ownerId = ownerId;
+  }
+  transformPath() {
+    this.path = handPath.copy();
+    this.path.transform(this.transformation.matrix);
+    this.path.setBackgroundColor(this.backgroundColor);
+    this.path.setBorderColor(this.borderColor);
+  }
+  updateMbr() {
+    const { left, top, right, bottom } = this.path.getMbr();
+    this.left = left;
+    this.right = right;
+    this.top = top;
+    this.bottom = bottom;
+  }
+  deserialize(data) {
+    super.deserialize(data);
+    this.transformPath();
+    this.subject.publish(this);
+    return this;
+  }
+  render(context) {
+    if (this.transformationRenderBlock) {
+      return;
+    }
+    if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
+      super.render(context);
+    }
+  }
+}
+registerItem({
+  item: Hand,
+  defaultData: defaultHandData,
+  toolData: { name: "AddHand", tool: AddHand }
+});
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/cjs/node.js

@@ -1766,6 +1766,7 @@ __export(exports_node, {
   Keyboard: () => Keyboard,
   Items: () => Items,
   ImageItem: () => ImageItem,
+  Hand: () => Hand,
   Group: () => Group,
   Frames: () => Frames,
   FrameCommand: () => FrameCommand,
@@ -23936,6 +23937,7 @@ class BaseItem extends Mbr {
     this.id = id;
     if (isGroupItem) {
       this.index = new SimpleSpatialIndex(board.camera, board.pointer);
+      this.canBeNested = false;
     }
     if (defaultItemData) {
       Object.entries(defaultItemData).forEach(([key, value]) => {
@@ -24060,6 +24062,9 @@ class BaseItem extends Mbr {
     return null;
   }
   deserialize(data) {
+    if (data.children) {
+      this.applyAddChildren(data.children);
+    }
     Object.entries(data).forEach(([key, value]) => {
       if (this[key]?.deserialize) {
         this[key].deserialize(value);
@@ -50828,6 +50833,84 @@ registerItem({
   defaultData: defaultDiceData,
   toolData: { name: "AddDice", tool: AddDice }
 });
+// src/Items/Examples/CardGame/Hand/AddHand.ts
+class AddHand extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Hand, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId(localStorage.getItem("currentUser") || "");
+    return super.pointerUp();
+  }
+}
+
+// src/Items/Examples/CardGame/Hand/Hand.ts
+var handPath = new Path([
+  new Line(new Point(0, 0), new Point(100, 0)),
+  new Line(new Point(100, 0), new Point(100, 100)),
+  new Line(new Point(100, 100), new Point(0, 100)),
+  new Line(new Point(0, 100), new Point(0, 0))
+], true);
+var defaultHandData = {
+  itemType: "Hand",
+  ownerId: ""
+};
+
+class Hand extends BaseItem {
+  ownerId;
+  subject = new Subject;
+  path;
+  constructor(board, id = "", ownerId = "") {
+    super(board, id, defaultHandData, true);
+    this.ownerId = ownerId;
+    this.transformation.subject.subscribe(() => {
+      this.transformPath();
+      this.updateMbr();
+      this.subject.publish(this);
+    });
+    this.transformPath();
+    this.updateMbr();
+  }
+  apply(op) {
+    super.apply(op);
+    this.subject.publish(this);
+  }
+  applyOwnerId(ownerId) {
+    this.ownerId = ownerId;
+  }
+  transformPath() {
+    this.path = handPath.copy();
+    this.path.transform(this.transformation.matrix);
+    this.path.setBackgroundColor(this.backgroundColor);
+    this.path.setBorderColor(this.borderColor);
+  }
+  updateMbr() {
+    const { left, top, right, bottom } = this.path.getMbr();
+    this.left = left;
+    this.right = right;
+    this.top = top;
+    this.bottom = bottom;
+  }
+  deserialize(data) {
+    super.deserialize(data);
+    this.transformPath();
+    this.subject.publish(this);
+    return this;
+  }
+  render(context) {
+    if (this.transformationRenderBlock) {
+      return;
+    }
+    if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
+      super.render(context);
+    }
+  }
+}
+registerItem({
+  item: Hand,
+  defaultData: defaultHandData,
+  toolData: { name: "AddHand", tool: AddHand }
+});
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/esm/browser.js

@@ -21314,6 +21314,7 @@ class BaseItem extends Mbr {
     this.id = id;
     if (isGroupItem) {
       this.index = new SimpleSpatialIndex(board.camera, board.pointer);
+      this.canBeNested = false;
     }
     if (defaultItemData) {
       Object.entries(defaultItemData).forEach(([key, value]) => {
@@ -21438,6 +21439,9 @@ class BaseItem extends Mbr {
     return null;
   }
   deserialize(data) {
+    if (data.children) {
+      this.applyAddChildren(data.children);
+    }
     Object.entries(data).forEach(([key, value]) => {
       if (this[key]?.deserialize) {
         this[key].deserialize(value);
@@ -48205,6 +48209,84 @@ registerItem({
   defaultData: defaultDiceData,
   toolData: { name: "AddDice", tool: AddDice }
 });
+// src/Items/Examples/CardGame/Hand/AddHand.ts
+class AddHand extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Hand, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId(localStorage.getItem("currentUser") || "");
+    return super.pointerUp();
+  }
+}
+
+// src/Items/Examples/CardGame/Hand/Hand.ts
+var handPath = new Path([
+  new Line(new Point(0, 0), new Point(100, 0)),
+  new Line(new Point(100, 0), new Point(100, 100)),
+  new Line(new Point(100, 100), new Point(0, 100)),
+  new Line(new Point(0, 100), new Point(0, 0))
+], true);
+var defaultHandData = {
+  itemType: "Hand",
+  ownerId: ""
+};
+
+class Hand extends BaseItem {
+  ownerId;
+  subject = new Subject;
+  path;
+  constructor(board, id = "", ownerId = "") {
+    super(board, id, defaultHandData, true);
+    this.ownerId = ownerId;
+    this.transformation.subject.subscribe(() => {
+      this.transformPath();
+      this.updateMbr();
+      this.subject.publish(this);
+    });
+    this.transformPath();
+    this.updateMbr();
+  }
+  apply(op) {
+    super.apply(op);
+    this.subject.publish(this);
+  }
+  applyOwnerId(ownerId) {
+    this.ownerId = ownerId;
+  }
+  transformPath() {
+    this.path = handPath.copy();
+    this.path.transform(this.transformation.matrix);
+    this.path.setBackgroundColor(this.backgroundColor);
+    this.path.setBorderColor(this.borderColor);
+  }
+  updateMbr() {
+    const { left, top, right, bottom } = this.path.getMbr();
+    this.left = left;
+    this.right = right;
+    this.top = top;
+    this.bottom = bottom;
+  }
+  deserialize(data) {
+    super.deserialize(data);
+    this.transformPath();
+    this.subject.publish(this);
+    return this;
+  }
+  render(context) {
+    if (this.transformationRenderBlock) {
+      return;
+    }
+    if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
+      super.render(context);
+    }
+  }
+}
+registerItem({
+  item: Hand,
+  defaultData: defaultHandData,
+  toolData: { name: "AddHand", tool: AddHand }
+});
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",
@@ -56734,6 +56816,7 @@ export {
   Keyboard,
   Items,
   ImageItem,
+  Hand,
   Group,
   Frames,
   FrameCommand,

package/dist/esm/index.js

@@ -21307,6 +21307,7 @@ class BaseItem extends Mbr {
     this.id = id;
     if (isGroupItem) {
       this.index = new SimpleSpatialIndex(board.camera, board.pointer);
+      this.canBeNested = false;
     }
     if (defaultItemData) {
       Object.entries(defaultItemData).forEach(([key, value]) => {
@@ -21431,6 +21432,9 @@ class BaseItem extends Mbr {
     return null;
   }
   deserialize(data) {
+    if (data.children) {
+      this.applyAddChildren(data.children);
+    }
     Object.entries(data).forEach(([key, value]) => {
       if (this[key]?.deserialize) {
         this[key].deserialize(value);
@@ -48198,6 +48202,84 @@ registerItem({
   defaultData: defaultDiceData,
   toolData: { name: "AddDice", tool: AddDice }
 });
+// src/Items/Examples/CardGame/Hand/AddHand.ts
+class AddHand extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Hand, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId(localStorage.getItem("currentUser") || "");
+    return super.pointerUp();
+  }
+}
+
+// src/Items/Examples/CardGame/Hand/Hand.ts
+var handPath = new Path([
+  new Line(new Point(0, 0), new Point(100, 0)),
+  new Line(new Point(100, 0), new Point(100, 100)),
+  new Line(new Point(100, 100), new Point(0, 100)),
+  new Line(new Point(0, 100), new Point(0, 0))
+], true);
+var defaultHandData = {
+  itemType: "Hand",
+  ownerId: ""
+};
+
+class Hand extends BaseItem {
+  ownerId;
+  subject = new Subject;
+  path;
+  constructor(board, id = "", ownerId = "") {
+    super(board, id, defaultHandData, true);
+    this.ownerId = ownerId;
+    this.transformation.subject.subscribe(() => {
+      this.transformPath();
+      this.updateMbr();
+      this.subject.publish(this);
+    });
+    this.transformPath();
+    this.updateMbr();
+  }
+  apply(op) {
+    super.apply(op);
+    this.subject.publish(this);
+  }
+  applyOwnerId(ownerId) {
+    this.ownerId = ownerId;
+  }
+  transformPath() {
+    this.path = handPath.copy();
+    this.path.transform(this.transformation.matrix);
+    this.path.setBackgroundColor(this.backgroundColor);
+    this.path.setBorderColor(this.borderColor);
+  }
+  updateMbr() {
+    const { left, top, right, bottom } = this.path.getMbr();
+    this.left = left;
+    this.right = right;
+    this.top = top;
+    this.bottom = bottom;
+  }
+  deserialize(data) {
+    super.deserialize(data);
+    this.transformPath();
+    this.subject.publish(this);
+    return this;
+  }
+  render(context) {
+    if (this.transformationRenderBlock) {
+      return;
+    }
+    if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
+      super.render(context);
+    }
+  }
+}
+registerItem({
+  item: Hand,
+  defaultData: defaultHandData,
+  toolData: { name: "AddHand", tool: AddHand }
+});
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",
@@ -56632,6 +56714,7 @@ export {
   Keyboard,
   Items,
   ImageItem,
+  Hand,
   Group,
   Frames,
   FrameCommand,

package/dist/esm/node.js

@@ -23774,6 +23774,7 @@ class BaseItem extends Mbr {
     this.id = id;
     if (isGroupItem) {
       this.index = new SimpleSpatialIndex(board.camera, board.pointer);
+      this.canBeNested = false;
     }
     if (defaultItemData) {
       Object.entries(defaultItemData).forEach(([key, value]) => {
@@ -23898,6 +23899,9 @@ class BaseItem extends Mbr {
     return null;
   }
   deserialize(data) {
+    if (data.children) {
+      this.applyAddChildren(data.children);
+    }
     Object.entries(data).forEach(([key, value]) => {
       if (this[key]?.deserialize) {
         this[key].deserialize(value);
@@ -50666,6 +50670,84 @@ registerItem({
   defaultData: defaultDiceData,
   toolData: { name: "AddDice", tool: AddDice }
 });
+// src/Items/Examples/CardGame/Hand/AddHand.ts
+class AddHand extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Hand, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId(localStorage.getItem("currentUser") || "");
+    return super.pointerUp();
+  }
+}
+
+// src/Items/Examples/CardGame/Hand/Hand.ts
+var handPath = new Path([
+  new Line(new Point(0, 0), new Point(100, 0)),
+  new Line(new Point(100, 0), new Point(100, 100)),
+  new Line(new Point(100, 100), new Point(0, 100)),
+  new Line(new Point(0, 100), new Point(0, 0))
+], true);
+var defaultHandData = {
+  itemType: "Hand",
+  ownerId: ""
+};
+
+class Hand extends BaseItem {
+  ownerId;
+  subject = new Subject;
+  path;
+  constructor(board, id = "", ownerId = "") {
+    super(board, id, defaultHandData, true);
+    this.ownerId = ownerId;
+    this.transformation.subject.subscribe(() => {
+      this.transformPath();
+      this.updateMbr();
+      this.subject.publish(this);
+    });
+    this.transformPath();
+    this.updateMbr();
+  }
+  apply(op) {
+    super.apply(op);
+    this.subject.publish(this);
+  }
+  applyOwnerId(ownerId) {
+    this.ownerId = ownerId;
+  }
+  transformPath() {
+    this.path = handPath.copy();
+    this.path.transform(this.transformation.matrix);
+    this.path.setBackgroundColor(this.backgroundColor);
+    this.path.setBorderColor(this.borderColor);
+  }
+  updateMbr() {
+    const { left, top, right, bottom } = this.path.getMbr();
+    this.left = left;
+    this.right = right;
+    this.top = top;
+    this.bottom = bottom;
+  }
+  deserialize(data) {
+    super.deserialize(data);
+    this.transformPath();
+    this.subject.publish(this);
+    return this;
+  }
+  render(context) {
+    if (this.transformationRenderBlock) {
+      return;
+    }
+    if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
+      super.render(context);
+    }
+  }
+}
+registerItem({
+  item: Hand,
+  defaultData: defaultHandData,
+  toolData: { name: "AddHand", tool: AddHand }
+});
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",
@@ -59267,6 +59349,7 @@ export {
   Keyboard,
   Items,
   ImageItem,
+  Hand,
   Group,
   Frames,
   FrameCommand,

package/dist/types/Items/Examples/CardGame/Hand/AddHand.d.ts

@@ -0,0 +1,6 @@
+import { Board } from "Board";
+import { ShapeTool } from "Tools/CustomTool";
+export declare class AddHand extends ShapeTool {
+    constructor(board: Board, name: string);
+    pointerUp(): boolean;
+}

package/dist/types/Items/Examples/CardGame/Hand/Hand.d.ts

@@ -0,0 +1,18 @@
+import { BaseItem, BaseItemData, SerializedItemData } from "Items/BaseItem/BaseItem";
+import { Board } from "Board";
+import { Subject } from "Subject";
+import { DrawingContext } from "Items/DrawingContext";
+import { DeckOperation } from "Items/Examples/CardGame/Deck/DeckOperation";
+export declare const defaultHandData: BaseItemData;
+export declare class Hand extends BaseItem {
+    private ownerId;
+    readonly subject: Subject<Hand>;
+    private path;
+    constructor(board: Board, id?: string, ownerId?: string);
+    apply(op: DeckOperation): void;
+    applyOwnerId(ownerId: string): void;
+    private transformPath;
+    updateMbr(): void;
+    deserialize(data: SerializedItemData): this;
+    render(context: DrawingContext): void;
+}

package/dist/types/Items/Examples/CardGame/Hand/index.d.ts

@@ -0,0 +1 @@
+export { Hand } from "./Hand";

package/dist/types/Items/index.d.ts

@@ -26,5 +26,6 @@ export { Counter } from "./Examples/Counter";
 export { Card } from "./Examples/CardGame/Card";
 export { Deck } from "./Examples/CardGame/Deck";
 export { Dice } from "./Examples/CardGame/Dice";
+export { Hand } from "./Examples/CardGame/Hand";
 export { Comment } from "./Comment";
 export type { HorisontalAlignment, VerticalAlignment } from "./Alignment";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.4.65",
+  "version": "0.4.67",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",