Add invisible option

module.json

@@ -9,7 +9,7 @@
       "email": "[email protected]"
     }
   ],
-  "version": "2.0.11",
+  "version": "2.1.0",
   "compatibility": {
     "minimum": "10",
     "verified": "11"
@@ -28,8 +28,8 @@
   },
   "url": "https://github.com/dev7355608/advanced-drawing-tools",
   "manifest": "https://raw.githubusercontent.com/dev7355608/advanced-drawing-tools/main/module.json",
-  "download": "https://github.com/dev7355608/advanced-drawing-tools/releases/download/v2.0.11/module.zip",
-  "changelog": "https://github.com/dev7355608/advanced-drawing-tools/releases/tag/v2.0.11",
+  "download": "https://github.com/dev7355608/advanced-drawing-tools/releases/download/v2.1.0/module.zip",
+  "changelog": "https://github.com/dev7355608/advanced-drawing-tools/releases/tag/v2.1.0",
   "bugs": "https://github.com/dev7355608/advanced-drawing-tools/issues",
   "readme": "https://raw.githubusercontent.com/dev7355608/advanced-drawing-tools/main/README.md",
   "license": "https://raw.githubusercontent.com/dev7355608/advanced-drawing-tools/main/LICENSE"

scripts/config.js

@@ -63,6 +63,16 @@ Hooks.on("renderDrawingConfig", (app, html) => {
     const fs = document.getFlag(MODULE_ID, "fillStyle") ?? {};
     const ts = document.getFlag(MODULE_ID, "textStyle") ?? {};
 
+    html.find(`.tab[data-tab="position"]`).append(`
+        <div class="form-group">
+            <label>Invisible</label>
+            <div class="form-fields">
+                <input type="checkbox" name="flags.${MODULE_ID}.invisible" ${document.getFlag(MODULE_ID, "invisible") ? "checked" : ""}>
+            </div>
+            <p class="notes">Invisible drawings are visible to their authors and GMs if the drawings layer is active. Otherwise they are not visible to anyone.</p>
+        </div>
+    `);
+
     html.find(`input[name="text"]`).replaceWith(`
         <textarea name="text" style="font-family: var(--font-primary); min-height: calc(var(--form-field-height) + 3px); height: 0; border-color: var(--color-border-light-tertiary);">${document.text ?? ""}</textarea>
     `);

scripts/const.js

@@ -1,6 +1,7 @@
 export const MODULE_ID = "advanced-drawing-tools";
 export const MODULE_NAME = "Advanced Drawing Tools";
 export const DEFAULT_FLAGS = Object.freeze({
+    [`flags.${MODULE_ID}.invisible`]: false,
     [`flags.${MODULE_ID}.fillStyle.texture.height`]: null,
     [`flags.${MODULE_ID}.fillStyle.texture.width`]: null,
     [`flags.${MODULE_ID}.fillStyle.transform.pivot.x`]: 0,

scripts/shape.js

@@ -7,6 +7,11 @@ Hooks.on("refreshDrawing", drawing => {
     }
 
     const document = drawing.document;
+
+    if (document.getFlag(MODULE_ID, "invisible") && !(drawing.layer.active && (game.user.isGM || game.user === document.author))) {
+        drawing.shape.visible = false;
+    }
+
     const { lineStyle, fillStyle } = drawing.shape.geometry?.graphicsData?.[0] ?? {};
 
     if (lineStyle && document.strokeWidth) {