microboard-temp 0.14.28 → 0.14.30

package/dist/esm/index.js

@@ -5023,7 +5023,7 @@ function mergeSetPropertyOperations(opA, opB) {
   }
   return {
     ...opB,
-    prevValue: opA.prevValue
+    prevValues: opA.prevValues
   };
 }
 function mergeBoardOperations(opA, opB) {
@@ -11712,7 +11712,6 @@ class BaseItem {
   shouldUseRelativeAlignment = true;
   resizeEnabled = true;
   onlyProportionalResize = false;
-  opacity = 1;
   itemType = "";
   childIds = [];
   isHoverHighlighted = false;
@@ -12065,7 +12064,6 @@ class BaseItem {
       itemType: this.itemType,
       childIds: this.childIds,
       parent: this.parent,
-      opacity: this.opacity,
       resizeEnabled: this.resizeEnabled
     };
   }
@@ -12277,16 +12275,6 @@ class BaseItem {
       this.index.render(context);
     }
   }
-  renderWithOpacity(context) {
-    if (this.opacity === 1) {
-      this.render(context);
-      return;
-    }
-    context.ctx.save();
-    context.ctx.globalAlpha *= this.opacity;
-    this.render(context);
-    context.ctx.restore();
-  }
   getSnapAnchorPoints() {
     return this.getMbr().getSnapAnchorPoints();
   }
@@ -27494,6 +27482,14 @@ var AudioOperationSchema = exports_external.object({
   item: StringArraySchema,
   url: exports_external.string()
 }).passthrough();
+var ItemSetPropertyOperationSchema = exports_external.object({
+  class: exports_external.literal("Item"),
+  method: exports_external.literal("setProperty"),
+  item: StringArraySchema,
+  property: exports_external.string(),
+  value: exports_external.unknown(),
+  prevValues: exports_external.array(exports_external.unknown())
+}).passthrough();
 var SocketOperationSchema = exports_external.union([
   UndoOperationSchema,
   RedoOperationSchema,
@@ -27513,7 +27509,8 @@ var SocketOperationSchema = exports_external.union([
   ...CommentOperationSchemas,
   ImageOperationSchema,
   VideoOperationSchema,
-  AudioOperationSchema
+  AudioOperationSchema,
+  ItemSetPropertyOperationSchema
 ]);
 var SocketBoardEventBodySchema = exports_external.object({
   eventId: exports_external.string(),
@@ -40706,9 +40703,7 @@ function registerHTMLRenderer(itemType, renderer) {
 }
 function renderItemToHTML(item, documentFactory) {
   const renderer = renderers[item.itemType] || defaultRenderer;
-  const element2 = renderer.render(item, documentFactory);
-  element2.style.opacity = `${item.opacity}`;
-  return element2;
+  return renderer.render(item, documentFactory);
 }
 var defaultRenderer = {
   render(item, documentFactory) {
@@ -42478,6 +42473,7 @@ function parseHTMLDrawing(el) {
     transformation,
     strokeStyle: pathElement.getAttribute("stroke") || "",
     strokeWidth: parseFloat(pathElement.getAttribute("stroke-width") || "1"),
+    borderOpacity: parseFloat(pathElement.getAttribute("stroke-opacity") || el.style.opacity || "1"),
     linkTo: el.getAttribute("data-link-to") || undefined
   };
 }
@@ -42932,7 +42928,7 @@ class DrawingHTMLRenderer {
     const pathElement = documentFactory.createElementNS("http://www.w3.org/2000/svg", "path");
     pathElement.setAttribute("d", this.getPathData(drawing));
     pathElement.setAttribute("stroke", resolveColor(drawing.borderColor, conf.theme, drawing.colorRole));
-    pathElement.setAttribute("stroke-opacity", `${drawing.opacity}`);
+    pathElement.setAttribute("stroke-opacity", `${drawing.getStrokeOpacity()}`);
     pathElement.setAttribute("stroke-width", `${drawing.strokeWidth}`);
     pathElement.setAttribute("fill", "none");
     svg.appendChild(pathElement);
@@ -43995,7 +43991,7 @@ class SimpleSpatialIndex {
   }
   render(context) {
     this.itemsArray.forEach((item) => {
-      item.renderWithOpacity?.(context) ?? item.render(context);
+      item.render(context);
     });
   }
 }
@@ -58749,7 +58745,7 @@ var addShapeToolOverlay = {
   createsItemType: "Shape",
   family: "shape",
   icon: {
-    ...overlayAssetIcon("src/Items/Shape/icons/Tool.icon.svg"),
+    ...symbolIcon("Shape"),
     state: {
       note: "UI may swap the top-level icon to the selected shape option when desired."
     }
@@ -60312,7 +60308,7 @@ async function exportBoardScreenshot({
   const { left, top, right, bottom } = selection;
   const inView = board.items.index.listEnclosedOrCrossedBy(left, top, right, bottom);
   for (const item of inView) {
-    item.renderWithOpacity?.(context) ?? item.render(context);
+    item.render(context);
   }
   const blob = await offscreenCanvas.convertToBlob({ type: "image/png" });
   const dataUrl = await convertBlobToDataUrl(blob);
@@ -62767,6 +62763,7 @@ var DrawingDataSchema = exports_external.object({
   strokeStyle: ColorValueSchema,
   strokeWidth: exports_external.number(),
   colorRole: exports_external.enum(["foreground", "background"]).optional(),
+  borderOpacity: exports_external.number().optional(),
   opacity: exports_external.number().optional(),
   linkTo: exports_external.string().optional()
 });
@@ -62784,6 +62781,7 @@ class Drawing extends BaseItem {
   borderStyle = "solid";
   colorRole = "foreground";
   linePattern = scalePatterns(this.strokeWidth)[this.borderStyle];
+  borderOpacity = 1;
   transformationRenderBlock = undefined;
   points = [];
   constructor(board, id = "") {
@@ -62802,7 +62800,8 @@ class Drawing extends BaseItem {
       points,
       strokeStyle: this.borderColor,
       strokeWidth: this.strokeWidth,
-      colorRole: this.colorRole
+      colorRole: this.colorRole,
+      borderOpacity: this.borderOpacity
     };
   }
   deserialize(data) {
@@ -62820,7 +62819,7 @@ class Drawing extends BaseItem {
     if (data.colorRole) {
       this.colorRole = data.colorRole;
     }
-    this.opacity = data.opacity ?? this.opacity;
+    this.borderOpacity = data.borderOpacity ?? data.opacity ?? this.borderOpacity;
     this.updateVisuals({ method: "deserialize", class: this.itemType }, "FullRebuild" /* FullRebuild */);
     return this;
   }
@@ -62935,6 +62934,7 @@ class Drawing extends BaseItem {
     const ctx = context.ctx;
     ctx.save();
     ctx.strokeStyle = resolveColor(this.borderColor, conf.theme, this.colorRole);
+    ctx.globalAlpha = this.borderOpacity;
     ctx.lineWidth = this.strokeWidth;
     ctx.lineCap = "round";
     ctx.setLineDash(this.linePattern);
@@ -63064,7 +63064,7 @@ class Drawing extends BaseItem {
       "borderColor",
       "strokeWidth",
       "borderStyle",
-      "opacity",
+      "borderOpacity",
       "colorRole",
       "strokeStyle"
     ];
@@ -63074,7 +63074,7 @@ class Drawing extends BaseItem {
     return super.getPropertyUpdateHint(property);
   }
   getStrokeOpacity() {
-    return this.opacity;
+    return this.borderOpacity;
   }
   getBorderStyle() {
     return this.borderStyle;
@@ -63120,7 +63120,7 @@ registerItem({
     itemType: "Drawing",
     points: [],
     borderColor: coerceColorValue("#000000"),
-    opacity: 1,
+    borderOpacity: 1,
     borderStyle: "solid",
     strokeWidth: 2,
     transformation: new DefaultTransformationData
@@ -64142,7 +64142,7 @@ class ShapeTool extends CustomTool {
   }
   render(context) {
     if (this.isDown) {
-      this.item.renderWithOpacity(context);
+      this.item.render(context);
       this.bounds.render(context);
     }
   }
@@ -66915,15 +66915,15 @@ class Keyboard {
   }
 }
 
-// src/HTMLAdapter/BoardHTMLAdapter.ts
-function parseHTML(el) {
+// src/HTMLAdapter/LegacyBoardHTMLAdapter.ts
+function parseLegacyHTML(el) {
   const parser = parsersHTML[el.tagName.toLowerCase()];
   if (!parser) {
     throw new Error(`Unknown element tag: ${el.tagName.toLowerCase()}`);
   }
   return parser(el);
 }
-function serializeBoardToHTML(board) {
+function serializeBoardToLegacyHTML(board) {
   const boardName = board.getName() || board.getBoardId();
   const items = board.index.items.getWholeHTML(conf.documentFactory);
   const itemsDiv = `<div id="items">${items}</div>`;
@@ -66949,14 +66949,14 @@ function serializeBoardToHTML(board) {
       </head>`.replace(/\t|\n/g, "");
   return `${head}${body}`;
 }
-function deserializeHTMLAndEmitToBoard(board, stringedHTML) {
+function deserializeLegacyHTMLAndEmitToBoard(board, stringedHTML) {
   const parser = conf.getDOMParser();
   const doc2 = parser.parseFromString(stringedHTML, "text/html");
   const items = doc2.body.querySelector("#items");
   if (items) {
     const idsMap = {};
     const addedConnectors = [];
-    const data = Array.from(items.children).map((el) => parseHTML(el));
+    const data = Array.from(items.children).map((el) => parseLegacyHTML(el));
     for (const parsedData of data) {
       if ("childrenMap" in parsedData) {
         const frameData = parsedData;
@@ -67004,14 +67004,14 @@ function deserializeHTMLAndEmitToBoard(board, stringedHTML) {
   }
   return [];
 }
-function deserializeHTMLToBoard(board, stringedHTML) {
+function deserializeLegacyHTMLToBoard(board, stringedHTML) {
   const parser = conf.getDOMParser();
   const doc2 = parser.parseFromString(stringedHTML, "text/html");
   const itemsDiv = doc2.body.querySelector("#items");
   if (!itemsDiv) {
     return;
   }
-  const items = Array.from(itemsDiv.children).map((el) => parseHTML(el));
+  const items = Array.from(itemsDiv.children).map((el) => parseLegacyHTML(el));
   board.index.clear();
   const createdConnectors = {};
   const createdGroups = {};
@@ -67052,6 +67052,20 @@ function deserializeHTMLToBoard(board, stringedHTML) {
   }
 }
 
+// src/HTMLAdapter/BoardHTMLAdapter.ts
+function parseHTML(el) {
+  return parseLegacyHTML(el);
+}
+function serializeBoardToHTML(board) {
+  return serializeBoardToLegacyHTML(board);
+}
+function deserializeHTMLAndEmitToBoard(board, stringedHTML) {
+  return deserializeLegacyHTMLAndEmitToBoard(board, stringedHTML);
+}
+function deserializeHTMLToBoard(board, stringedHTML) {
+  deserializeLegacyHTMLToBoard(board, stringedHTML);
+}
+
 // src/Presence/consts.ts
 var PRESENCE_COLORS = [
   "rgb(71,120,245)",
@@ -68628,13 +68642,13 @@ function createCanvasDrawer(board) {
           if (container2) {
             context.ctx.save();
             container2.getNestingMatrix().applyToContext(context.ctx);
-            item.renderWithOpacity(context);
+            item.render(context);
             context.ctx.restore();
           } else {
-            item.renderWithOpacity(context);
+            item.render(context);
           }
         } else {
-          item.renderWithOpacity(context);
+          item.render(context);
         }
         board2.selection.renderItemMbr(context, item, board2.camera.getMatrix().scaleX);
       }
@@ -73102,7 +73116,7 @@ class AddHighlighter extends AddDrawing {
   }
   applyDrawingRole(drawing) {
     drawing.setColorRole("background");
-    drawing.apply(propertyOps.setProperty([drawing], "opacity", 0.5));
+    drawing.apply(propertyOps.setProperty([drawing], "borderOpacity", 0.5));
   }
   updateSettings() {
     localStorage.setItem(conf.HIGHLIGHTER_SETTINGS_KEY, JSON.stringify({

package/dist/esm/node.js

@@ -5807,7 +5807,7 @@ function mergeSetPropertyOperations(opA, opB) {
   }
   return {
     ...opB,
-    prevValue: opA.prevValue
+    prevValues: opA.prevValues
   };
 }
 function mergeBoardOperations(opA, opB) {
@@ -12495,7 +12495,6 @@ class BaseItem {
   shouldUseRelativeAlignment = true;
   resizeEnabled = true;
   onlyProportionalResize = false;
-  opacity = 1;
   itemType = "";
   childIds = [];
   isHoverHighlighted = false;
@@ -12848,7 +12847,6 @@ class BaseItem {
       itemType: this.itemType,
       childIds: this.childIds,
       parent: this.parent,
-      opacity: this.opacity,
       resizeEnabled: this.resizeEnabled
     };
   }
@@ -13060,16 +13058,6 @@ class BaseItem {
       this.index.render(context);
     }
   }
-  renderWithOpacity(context) {
-    if (this.opacity === 1) {
-      this.render(context);
-      return;
-    }
-    context.ctx.save();
-    context.ctx.globalAlpha *= this.opacity;
-    this.render(context);
-    context.ctx.restore();
-  }
   getSnapAnchorPoints() {
     return this.getMbr().getSnapAnchorPoints();
   }
@@ -28277,6 +28265,14 @@ var AudioOperationSchema = exports_external.object({
   item: StringArraySchema,
   url: exports_external.string()
 }).passthrough();
+var ItemSetPropertyOperationSchema = exports_external.object({
+  class: exports_external.literal("Item"),
+  method: exports_external.literal("setProperty"),
+  item: StringArraySchema,
+  property: exports_external.string(),
+  value: exports_external.unknown(),
+  prevValues: exports_external.array(exports_external.unknown())
+}).passthrough();
 var SocketOperationSchema = exports_external.union([
   UndoOperationSchema,
   RedoOperationSchema,
@@ -28296,7 +28292,8 @@ var SocketOperationSchema = exports_external.union([
   ...CommentOperationSchemas,
   ImageOperationSchema,
   VideoOperationSchema,
-  AudioOperationSchema
+  AudioOperationSchema,
+  ItemSetPropertyOperationSchema
 ]);
 var SocketBoardEventBodySchema = exports_external.object({
   eventId: exports_external.string(),
@@ -43173,9 +43170,7 @@ function registerHTMLRenderer(itemType, renderer) {
 }
 function renderItemToHTML(item, documentFactory) {
   const renderer = renderers[item.itemType] || defaultRenderer;
-  const element = renderer.render(item, documentFactory);
-  element.style.opacity = `${item.opacity}`;
-  return element;
+  return renderer.render(item, documentFactory);
 }
 var defaultRenderer = {
   render(item, documentFactory) {
@@ -44945,6 +44940,7 @@ function parseHTMLDrawing(el) {
     transformation,
     strokeStyle: pathElement.getAttribute("stroke") || "",
     strokeWidth: parseFloat(pathElement.getAttribute("stroke-width") || "1"),
+    borderOpacity: parseFloat(pathElement.getAttribute("stroke-opacity") || el.style.opacity || "1"),
     linkTo: el.getAttribute("data-link-to") || undefined
   };
 }
@@ -45399,7 +45395,7 @@ class DrawingHTMLRenderer {
     const pathElement = documentFactory.createElementNS("http://www.w3.org/2000/svg", "path");
     pathElement.setAttribute("d", this.getPathData(drawing));
     pathElement.setAttribute("stroke", resolveColor(drawing.borderColor, conf.theme, drawing.colorRole));
-    pathElement.setAttribute("stroke-opacity", `${drawing.opacity}`);
+    pathElement.setAttribute("stroke-opacity", `${drawing.getStrokeOpacity()}`);
     pathElement.setAttribute("stroke-width", `${drawing.strokeWidth}`);
     pathElement.setAttribute("fill", "none");
     svg.appendChild(pathElement);
@@ -46462,7 +46458,7 @@ class SimpleSpatialIndex {
   }
   render(context) {
     this.itemsArray.forEach((item) => {
-      item.renderWithOpacity?.(context) ?? item.render(context);
+      item.render(context);
     });
   }
 }
@@ -61217,7 +61213,7 @@ var addShapeToolOverlay = {
   createsItemType: "Shape",
   family: "shape",
   icon: {
-    ...overlayAssetIcon("src/Items/Shape/icons/Tool.icon.svg"),
+    ...symbolIcon("Shape"),
     state: {
       note: "UI may swap the top-level icon to the selected shape option when desired."
     }
@@ -62780,7 +62776,7 @@ async function exportBoardScreenshot({
   const { left, top, right, bottom } = selection;
   const inView = board.items.index.listEnclosedOrCrossedBy(left, top, right, bottom);
   for (const item of inView) {
-    item.renderWithOpacity?.(context) ?? item.render(context);
+    item.render(context);
   }
   const blob = await offscreenCanvas.convertToBlob({ type: "image/png" });
   const dataUrl = await convertBlobToDataUrl(blob);
@@ -65235,6 +65231,7 @@ var DrawingDataSchema = exports_external.object({
   strokeStyle: ColorValueSchema,
   strokeWidth: exports_external.number(),
   colorRole: exports_external.enum(["foreground", "background"]).optional(),
+  borderOpacity: exports_external.number().optional(),
   opacity: exports_external.number().optional(),
   linkTo: exports_external.string().optional()
 });
@@ -65252,6 +65249,7 @@ class Drawing extends BaseItem {
   borderStyle = "solid";
   colorRole = "foreground";
   linePattern = scalePatterns(this.strokeWidth)[this.borderStyle];
+  borderOpacity = 1;
   transformationRenderBlock = undefined;
   points = [];
   constructor(board, id = "") {
@@ -65270,7 +65268,8 @@ class Drawing extends BaseItem {
       points,
       strokeStyle: this.borderColor,
       strokeWidth: this.strokeWidth,
-      colorRole: this.colorRole
+      colorRole: this.colorRole,
+      borderOpacity: this.borderOpacity
     };
   }
   deserialize(data) {
@@ -65288,7 +65287,7 @@ class Drawing extends BaseItem {
     if (data.colorRole) {
       this.colorRole = data.colorRole;
     }
-    this.opacity = data.opacity ?? this.opacity;
+    this.borderOpacity = data.borderOpacity ?? data.opacity ?? this.borderOpacity;
     this.updateVisuals({ method: "deserialize", class: this.itemType }, "FullRebuild" /* FullRebuild */);
     return this;
   }
@@ -65403,6 +65402,7 @@ class Drawing extends BaseItem {
     const ctx = context.ctx;
     ctx.save();
     ctx.strokeStyle = resolveColor(this.borderColor, conf.theme, this.colorRole);
+    ctx.globalAlpha = this.borderOpacity;
     ctx.lineWidth = this.strokeWidth;
     ctx.lineCap = "round";
     ctx.setLineDash(this.linePattern);
@@ -65532,7 +65532,7 @@ class Drawing extends BaseItem {
       "borderColor",
       "strokeWidth",
       "borderStyle",
-      "opacity",
+      "borderOpacity",
       "colorRole",
       "strokeStyle"
     ];
@@ -65542,7 +65542,7 @@ class Drawing extends BaseItem {
     return super.getPropertyUpdateHint(property);
   }
   getStrokeOpacity() {
-    return this.opacity;
+    return this.borderOpacity;
   }
   getBorderStyle() {
     return this.borderStyle;
@@ -65588,7 +65588,7 @@ registerItem({
     itemType: "Drawing",
     points: [],
     borderColor: coerceColorValue("#000000"),
-    opacity: 1,
+    borderOpacity: 1,
     borderStyle: "solid",
     strokeWidth: 2,
     transformation: new DefaultTransformationData
@@ -66610,7 +66610,7 @@ class ShapeTool extends CustomTool {
   }
   render(context) {
     if (this.isDown) {
-      this.item.renderWithOpacity(context);
+      this.item.render(context);
       this.bounds.render(context);
     }
   }
@@ -69383,15 +69383,15 @@ class Keyboard {
   }
 }
 
-// src/HTMLAdapter/BoardHTMLAdapter.ts
-function parseHTML(el) {
+// src/HTMLAdapter/LegacyBoardHTMLAdapter.ts
+function parseLegacyHTML(el) {
   const parser = parsersHTML[el.tagName.toLowerCase()];
   if (!parser) {
     throw new Error(`Unknown element tag: ${el.tagName.toLowerCase()}`);
   }
   return parser(el);
 }
-function serializeBoardToHTML(board) {
+function serializeBoardToLegacyHTML(board) {
   const boardName = board.getName() || board.getBoardId();
   const items = board.index.items.getWholeHTML(conf.documentFactory);
   const itemsDiv = `<div id="items">${items}</div>`;
@@ -69417,14 +69417,14 @@ function serializeBoardToHTML(board) {
       </head>`.replace(/\t|\n/g, "");
   return `${head}${body}`;
 }
-function deserializeHTMLAndEmitToBoard(board, stringedHTML) {
+function deserializeLegacyHTMLAndEmitToBoard(board, stringedHTML) {
   const parser = conf.getDOMParser();
   const doc2 = parser.parseFromString(stringedHTML, "text/html");
   const items = doc2.body.querySelector("#items");
   if (items) {
     const idsMap = {};
     const addedConnectors = [];
-    const data = Array.from(items.children).map((el) => parseHTML(el));
+    const data = Array.from(items.children).map((el) => parseLegacyHTML(el));
     for (const parsedData of data) {
       if ("childrenMap" in parsedData) {
         const frameData = parsedData;
@@ -69472,14 +69472,14 @@ function deserializeHTMLAndEmitToBoard(board, stringedHTML) {
   }
   return [];
 }
-function deserializeHTMLToBoard(board, stringedHTML) {
+function deserializeLegacyHTMLToBoard(board, stringedHTML) {
   const parser = conf.getDOMParser();
   const doc2 = parser.parseFromString(stringedHTML, "text/html");
   const itemsDiv = doc2.body.querySelector("#items");
   if (!itemsDiv) {
     return;
   }
-  const items = Array.from(itemsDiv.children).map((el) => parseHTML(el));
+  const items = Array.from(itemsDiv.children).map((el) => parseLegacyHTML(el));
   board.index.clear();
   const createdConnectors = {};
   const createdGroups = {};
@@ -69520,6 +69520,20 @@ function deserializeHTMLToBoard(board, stringedHTML) {
   }
 }
 
+// src/HTMLAdapter/BoardHTMLAdapter.ts
+function parseHTML(el) {
+  return parseLegacyHTML(el);
+}
+function serializeBoardToHTML(board) {
+  return serializeBoardToLegacyHTML(board);
+}
+function deserializeHTMLAndEmitToBoard(board, stringedHTML) {
+  return deserializeLegacyHTMLAndEmitToBoard(board, stringedHTML);
+}
+function deserializeHTMLToBoard(board, stringedHTML) {
+  deserializeLegacyHTMLToBoard(board, stringedHTML);
+}
+
 // src/Presence/consts.ts
 var PRESENCE_COLORS = [
   "rgb(71,120,245)",
@@ -71096,13 +71110,13 @@ function createCanvasDrawer(board) {
           if (container2) {
             context.ctx.save();
             container2.getNestingMatrix().applyToContext(context.ctx);
-            item.renderWithOpacity(context);
+            item.render(context);
             context.ctx.restore();
           } else {
-            item.renderWithOpacity(context);
+            item.render(context);
           }
         } else {
-          item.renderWithOpacity(context);
+          item.render(context);
         }
         board2.selection.renderItemMbr(context, item, board2.camera.getMatrix().scaleX);
       }
@@ -75570,7 +75584,7 @@ class AddHighlighter extends AddDrawing {
   }
   applyDrawingRole(drawing) {
     drawing.setColorRole("background");
-    drawing.apply(propertyOps.setProperty([drawing], "opacity", 0.5));
+    drawing.apply(propertyOps.setProperty([drawing], "borderOpacity", 0.5));
   }
   updateSettings() {
     localStorage.setItem(conf.HIGHLIGHTER_SETTINGS_KEY, JSON.stringify({

package/dist/esm/protocol.js

@@ -14175,6 +14175,14 @@ var AudioOperationSchema = exports_external.object({
   item: StringArraySchema,
   url: exports_external.string()
 }).passthrough();
+var ItemSetPropertyOperationSchema = exports_external.object({
+  class: exports_external.literal("Item"),
+  method: exports_external.literal("setProperty"),
+  item: StringArraySchema,
+  property: exports_external.string(),
+  value: exports_external.unknown(),
+  prevValues: exports_external.array(exports_external.unknown())
+}).passthrough();
 var SocketOperationSchema = exports_external.union([
   UndoOperationSchema,
   RedoOperationSchema,
@@ -14194,7 +14202,8 @@ var SocketOperationSchema = exports_external.union([
   ...CommentOperationSchemas,
   ImageOperationSchema,
   VideoOperationSchema,
-  AudioOperationSchema
+  AudioOperationSchema,
+  ItemSetPropertyOperationSchema
 ]);
 var SocketBoardEventBodySchema = exports_external.object({
   eventId: exports_external.string(),