microboard-temp 0.4.66 → 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,
@@ -48359,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,
@@ -48359,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,
@@ -50832,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

@@ -48209,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",
@@ -56738,6 +56816,7 @@ export {
   Keyboard,
   Items,
   ImageItem,
+  Hand,
   Group,
   Frames,
   FrameCommand,

package/dist/esm/index.js

@@ -48202,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",
@@ -56636,6 +56714,7 @@ export {
   Keyboard,
   Items,
   ImageItem,
+  Hand,
   Group,
   Frames,
   FrameCommand,

package/dist/esm/node.js

@@ -50670,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",
@@ -59271,6 +59349,7 @@ export {
   Keyboard,
   Items,
   ImageItem,
+  Hand,
   Group,
   Frames,
   FrameCommand,

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

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

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.66",
+  "version": "0.4.67",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",