Added tools and replication

docs/apiReference.md

@@ -1,4 +1,5 @@
-!> **All** methods here do not replicate to users, they are executed **locally**
+> **All** methods here are replicated to all the users!
+
 ## Screen Shake
 ```js
 ChromaticCanvas.screenShake(intensity: Number, duration: Number,

module.json

@@ -2,7 +2,7 @@
     "id": "chromatic-canvas",
     "title": "🎴 Chromatic Canvas (Library)",
     "description": "Library that adds special effects to the canvas",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "library": true,
     "authors": [
         {
@@ -43,9 +43,15 @@
                 "id": "toolbox",
                 "type": "module",
                 "compatibility": {}
+            },
+            {
+                "id": "socketlib",
+                "type": "module",
+                "compatibility": {}
             }
         ]
     },
+    "socket": true,
     "esmodules": [
         "./module/scripts/module.js"
     ]

module/lang/en.json

@@ -1,2 +1,9 @@
 {
+    "chromatic-canvas": {
+        "tool": {
+            "screen-shake": {
+                "title": "Screen Shake"
+            }
+        }
+    }
 }

module/scripts/constants.js

@@ -13,5 +13,6 @@ export class Constants {
     static ID = 'chromatic-canvas';
     static NAME_FLAT = 'Chromatic Canvas';
     static NAME = `🎴 ${Constants.NAME_FLAT}`;
+    static SOCKET;
     static D;
 }

module/scripts/module.js

@@ -21,7 +21,9 @@ Hooks.once('init', () => {
 
         // Setup the API and methods
         window['ChromaticCanvas'] = {
-            screenShake: ChromaticCanvasLayer.screenShake,
+            screenShake: (intensity = 1, duration = 500, iterations = 1) => {
+                C.SOCKET.executeForEveryone('screenShake', intensity, duration, iterations);
+            }
         }
 
         Hooks.call('chromatic-canvas.ready');
@@ -41,4 +43,39 @@ Hooks.once('init', () => {
         group: 'interface',
         layerClass: ChromaticCanvasLayer,
     }
+
+    Hooks.on('getSceneControlButtons', (controls) => {
+        // Setup listener for the module tools
+        if (!canvas.scene) return;
+
+        const screenShakeTool = {
+            name: 'screen-shake',
+            title: game.i18n.localize('chromatic-canvas.tool.screen-shake.title'),
+            icon: 'fas fa-waveform',
+            onClick: async () => {
+                C.SOCKET.executeForEveryone('screenShake', 1, 500, 1);
+            },
+            button: true
+        }
+
+        controls.push({
+            name: C.ID,
+            title: C.NAME_FLAT,
+            layer: 'chromaticCanvas',
+            icon: 'fas fa-panorama',
+            visible: game.user.isGM,
+            tools: [
+                screenShakeTool
+            ]
+        });
+    });
+});
+
+// Setup the socket
+Hooks.once('socketlib.ready', () =>
+{
+    C.SOCKET = socketlib.registerModule(C.ID);
+
+    // Tags
+    C.SOCKET.register('screenShake', ChromaticCanvasLayer.screenShake);
 })