v1.5.2_pre

Updating pf2e again

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: MaterialFoundry
+open_collective: # Replace with a single Open Collective username
+ko_fi: materialfoundry
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,28 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: "[BUG]"
+labels: bug
+assignees: ''
+
+---
+
+**Setup**
+ - OS: [e.g. windows]
+ - Browser: [e.g. chrome, safari, Foundry app]
+ - Module version: [e.g. 1.2.5]
+ - Foundry version: [e.g. 0.8.6]
+ - Gaming system & version: [e.g. dnd5e 1.3.3]
+ - Any other modules enabled: [yes/no]
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Console Log**
+Please check the console (F12) to see if there are any errors and also include them.
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: "[FEATURE]"
+labels: enhancement
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/other-issues.md

@@ -0,0 +1,10 @@
+---
+name: Other issues
+about: For any other issues
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+

.github/workflows/main.yml

@@ -0,0 +1,45 @@
+name: Release Creation
+
+on: 
+  release:
+    types: [published]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+
+    # get part of the tag after the `v`
+    - name: Extract tag version number
+      id: get_version
+      uses: battila7/get-version-action@v2
+
+    # Substitute the Manifest and Download URLs in the module.json
+    - name: Substitute Manifest and Download Links For Versioned Ones
+      id: sub_manifest_link_version
+      uses: microsoft/variable-substitution@v1
+      with:
+        files: 'module.json'
+      env:
+        version: ${{steps.get_version.outputs.version-without-v}}
+        url: https://github.com/${{github.repository}}
+        manifest: https://github.com/${{github.repository}}/releases/latest/download/module.json
+        download: https://github.com/${{github.repository}}/releases/download/${{github.event.release.tag_name}}/module.zip
+
+    # Create a zip file with all files required by the module to add to the release
+    - run: zip -r ./module.zip MaterialDeck.js module.json README.md DEVGUIDE.md changelog.md css/ wiki/ img/ lang/ src/ templates/
+
+    # Create a release for this specific version
+    - name: Update Release with Files
+      id: create_version_release
+      uses: ncipollo/release-action@v1
+      with:
+        allowUpdates: true # Set this to false if you want to prevent updating existing releases
+        name: ${{ github.event.release.name }}
+        draft: ${{ github.event.release.unpublished }}
+        prerelease: ${{ github.event.release.prerelease }}
+        token: ${{ secrets.GITHUB_TOKEN }}
+        artifacts: './module.json, ./module.zip'
+        tag: ${{ github.event.release.tag_name }}
+        body: ${{ github.event.release.body }}

.gitignore

@@ -1 +0,0 @@
-MaterialDeck.zip

DEVGUIDE.md

@@ -0,0 +1,40 @@
+
+# Dev Guide
+
+In addition to this repo, you will also need to check out the [MaterialDeck_SD github repo](https://github.com/CDeenen/MaterialDeck_SD).
+
+## Module Development 
+
+### Make a new system.js file
+
+In the [src/systems](src/systems) directory, create a new system file by copying and pasting a similar system to it, or use template.js; for example, `cp demonlord.js wfrp4.js`
+You then need to go through all the functions in there and make sure that the correct data is set.
+
+### Update TokenHelper
+In [src/systems/TokenHelper.js](src/systems/TokenHelper.js), you need to add an `import {}` for your new system.
+
+In the same file, in the setSystem() function, you need to wire in your system to the if/else block.
+
+## Debugging
+
+It's possible to debug on the Stream Deck, so you can do `console.log`. Just follow the instructions [from elgato here](https://developer.elgato.com/documentation/stream-deck/sdk/create-your-own-plugin/).  After editing the code for the plugin, you need to either refresh by refreshing the debug window, or by deselecting the current button, and selecting it again.
+
+When you go to the debugging page, there should be multiple options. With the property inspector open, you should connect to the one with property inspector in its name. If you go to to propertyinspector/js/common.js, near the top there's the debugEn variable. Set it to true, and you should get tons of messages, especially if you change any settings.
+In the module, in MaterialDeck.js, at line 60, there's //console.log("Received",data);. If you uncomment that, it'll log everything that's send from the SD to the module. Might be helpful for debugging.
+
+
+## Streamdeck
+
+To enable logging on the streamdeck, [follow these instructions](https://developer.elgato.com/documentation/stream-deck/sdk/create-your-own-plugin/) from Elgato.
+
+The plugin in Windows is located at (Windows) `AppData/Roaming/Elgato/StreamDeck/Plugins/com.cdeenen.materialdeck.sdPlugin`
+In `propertyinspector/js/common.js::getStats()` there are various functions that are used to get the relevant options to show up in the SD plugin. Each array element has a value and a name, you should keep the value the same, but the name can be whatever you like. I think you'll be able to figure out how to add stuff for wfrp by looking at the others.
+
+
+## Property discovery
+In a Foundry client browser instance, if you go to the dev console, you can browser your tokens via the `canvas.tokens` path, for example `canvas.tokens.children[0].children[0].actor.data`.
+
+## Module Deployment
+If you make changes to files in this project, you'll need to copy the changed files to your Foundry install folder, probably found here: `C:\Users\$USER\AppData\Local\FoundryVTT\Data\modules\MaterialDeck`.
+
+If you change the `MaterialDeck_SD` code (for example, `propertyinspector\js\common.js`), you will need to copy that file to the Elgato streamdeck plugins directory, probably found here: `C:\Users\$USER\AppData\Roaming\Elgato\StreamDeck\Plugins\com.cdeenen.materialdeck.sdPlugin`. 

MaterialDeck.js

@@ -1,15 +1,45 @@
 import { registerSettings } from "./src/settings.js";
 import { StreamDeck } from "./src/streamDeck.js";
-import {TokenControl} from "./src/token.js";
-import {MacroControl} from "./src/macro.js";
-import {CombatTracker} from "./src/combattracker.js";
-import {PlaylistControl} from "./src/playlist.js";
-import {SoundboardControl} from "./src/soundboard.js";
-import {OtherControls} from "./src/othercontrols.js";
-import {ExternalModules} from "./src/external.js";
-import {SceneControl} from "./src/scene.js";
-import {downloadUtility, compatibleCore} from "./src/misc.js";
+import { TokenControl } from "./src/actions/token.js";
+import { MacroControl } from "./src/actions/macro.js";
+import { CombatTracker } from "./src/actions/combattracker.js";
+import { PlaylistControl } from "./src/actions/playlist.js";
+import { SoundboardControl } from "./src/actions/soundboard.js";
+import { OtherControls } from "./src/actions/othercontrols.js";
+import { ExternalModules } from "./src/actions/external.js";
+import { SceneControl } from "./src/actions/scene.js";
+import { downloadUtility, compareVersions } from "./src/misc.js";
 import { TokenHelper } from "./src/systems/tokenHelper.js";
+
+export const releaseURLs = {
+    module: {
+        api: "https://api.github.com/repos/MaterialFoundry/MaterialDeck/releases",
+        url: "https://github.com/MaterialFoundry/MaterialDeck/releases"
+    },
+    plugin: {
+        api: "https://api.github.com/repos/MaterialFoundry/MaterialDeck_SD/releases",
+        url: "https://github.com/MaterialFoundry/MaterialDeck_SD/releases"
+    },
+    materialCompanion: {
+        api: "https://api.github.com/repos/MaterialFoundry/MaterialCompanion/releases",
+        url: "https://github.com/MaterialFoundry/MaterialCompanion/releases"
+    } 
+}
+
+export let versions = {
+    materialCompanion: {
+        current: 'Unknown',
+        minimum: 'Unknown'
+    },
+    plugin: {
+        current: 'Unknown',
+        minimum: 'Unknown'
+    },
+    module: {
+        current: 'Unknown'
+    }
+}
+
 export var streamDeck;
 export var tokenControl;
 export var macroControl;
@@ -20,25 +50,14 @@ export var otherControls;
 export var externalModules;
 export var sceneControl;
 export var tokenHelper;
-
 export const moduleName = "MaterialDeck";
-
-let ready = false;
-
+export let gamingSystem = "dnd5e";
 export let hotbarUses = false;
 export let calculateHotbarUses;
 
+let ready = false;
 let controlTokenTimer;
 
-export let sdVersion;
-export let msVersion;
-       
-//CONFIG.debug.hooks = true;
-//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-//
-// Global variables
-//
-//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 export var enableModule;
 
 //Websocket variables
@@ -47,7 +66,8 @@ let wsOpen = false;             //Bool for checking if websocket has ever been o
 let wsInterval;                 //Interval timer to detect disconnections
 let WSconnected = false;
 
-//let furnace = game.modules.get("furnace");
+
+//CONFIG.debug.hooks = true;
 
 /*
  * Analyzes the message received 
@@ -58,38 +78,42 @@ async function analyzeWSmessage(msg){
     if (enableModule == false) return;
     const data = JSON.parse(msg);
     //console.log("Received",data);
-
-    if (data.type == "connected" && data.data == "SD"){
-        const msg = {
-            target: "SD",
-            type: "init",
-            system: game.system.id
-        }
-        ws.send(JSON.stringify(msg));
-        
-
-        console.log("streamdeck connected to server");
-        streamDeck.resetImageBuffer();
+    if (data.type == 'connected') {
+        console.log('rec',data)
     }
 
-    if (data.type == "version" && data.source == "SD") {
-        let minimumSDversion;
-        let minimumMSversion;
-        if (compatibleCore("0.8.5")) {
-            minimumSDversion = game.modules.get("MaterialDeck").data.flags.minimumSDversion.replace('v','');
-            minimumMSversion = game.modules.get("MaterialDeck").data.flags.minimumMSversion;
+    if (data.type == "connected" && data.source == "MaterialCompanion"){
+        //console.log('data',data)
+        //transmitInitData();
+        let sdNok = false;
+        let msNok = false;
+        if (data.materialCompanionVersion) {
+            versions.materialCompanion.current = data.materialCompanionVersion;
+            if (!compareVersions(versions.materialCompanion.minimum, versions.materialCompanion.current)) {
+                msNok = true;
             }
-        else {
-            minimumSDversion = game.modules.get("MaterialDeck").data.minimumSDversion.replace('v','');
-            minimumMSversion = game.modules.get("MaterialDeck").data.minimumMSversion;
         }
+        if (data.pluginVersion) {
+            versions.plugin.current = data.pluginVersion;
+            if (!compareVersions(versions.plugin.minimum, versions.plugin.current)) {
+                sdNok = true;
+            }
+        }
+        if (msNok || sdNok) {
+            let content = '';
+            if (sdNok && msNok) content += `${game.i18n.localize("MaterialDeck.UpdateRequired.Both")}<br><br>`;
+            else if (sdNok) content += `${game.i18n.localize("MaterialDeck.UpdateRequired.SD")}<br><br>`;
+            else if (msNok) content += `${game.i18n.localize("MaterialDeck.UpdateRequired.MC")}<br><br>`;
 
-        sdVersion = data.version;
+            content += `${game.i18n.localize("MaterialDeck.UpdateRequired.Update")}<br><br>`;
 
-        if (data.version < minimumSDversion) {
-            let d = new Dialog({
-                title: "Material Deck: Update Needed",
-                content: "<p>The Stream Deck plugin version you're using is v" + data.version + ", which is incompatible with this verion of the module.<br>Update to v" + minimumSDversion + " or newer.</p>",
+            if (sdNok) content += `<a href="${releaseURLs.plugin.url}">${game.i18n.localize("MaterialDeck.UpdateRequired.SDdownload")}</a><br>`;
+            if (msNok) content += `<a href="${releaseURLs.materialCompanion.url}">Material Companion</a><br>`;
+            content += "<br>"
+
+            new Dialog({
+                title: game.i18n.localize("MaterialDeck.UpdateRequired.Title"),
+              content,
               buttons: {
                 download: {
                  icon: '<i class="fas fa-download"></i>',
@@ -102,20 +126,27 @@ async function analyzeWSmessage(msg){
                 }
                },
                default: "download"
-            });
-            d.render(true);
+            }).render(true);
         }
+
+        console.log("streamdeck connected to server", versions.materialCompanion.current);
+        streamDeck.resetImageBuffer();
+    }
+
+    if (data.type == 'newDevice') {
+        streamDeck.newDevice(data.iteration,data.device);
+        return;
     }
 
     if (data == undefined || data.payload == undefined) return;
-    //console.log("Received",data);
     const action = data.action;
     const event = data.event;
     const context = data.context;
     const coordinates = data.payload.coordinates;
     const settings = data.payload.settings;
     const device = data.device;
-    
+    const name = data.deviceName;
+    const type = data.deviceType;
 
     if (data.data == 'init'){
 
@@ -123,7 +154,7 @@ async function analyzeWSmessage(msg){
     if (event == 'willAppear' || event == 'didReceiveSettings'){
         if (coordinates == undefined) return;
         streamDeck.setScreen(action);
-        await streamDeck.setContext(device,data.size,data.deviceIteration,action,context,coordinates,settings);
+        await streamDeck.setContext(device,data.size,data.deviceIteration,action,context,coordinates,settings,name,type);
 
         if (action == 'token'){
             tokenControl.active = true;
@@ -151,6 +182,7 @@ async function analyzeWSmessage(msg){
     }
 
     else if (event == 'keyDown'){
+
         if (action == 'token')
             tokenControl.keyPress(settings);
         else if (action == 'macro')
@@ -170,6 +202,7 @@ async function analyzeWSmessage(msg){
     }
 
     else if (event == 'keyUp'){
+
         if (action == 'soundboard'){
             soundboard.keyPressUp(settings);
         }
@@ -202,16 +235,16 @@ function startWebsocket() {
         ui.notifications.info("Material Deck "+game.i18n.localize("MaterialDeck.Notifications.Connected") +": "+address);
         wsOpen = true;
         const msg = {
-            target: "server",
-            module: "MD"
+            target: "MaterialCompanion",
+            source: "MaterialDeck_Foundry",
+            sourceTarget: "MaterialDeck_Device",
+            type: "connected",
+            userId: game.userId,
+            userName: game.user.name,
+            version: game.modules.get(moduleName).version
         }
         ws.send(JSON.stringify(msg));
-        const msg2 = {
-            target: "SD",
-            type: "init",
-            system: game.system.id
-        }
-        ws.send(JSON.stringify(msg2));
+        transmitInitData();
         clearInterval(wsInterval);
         wsInterval = setInterval(resetWS, 5000);
     }
@@ -220,25 +253,56 @@ function startWebsocket() {
     wsInterval = setInterval(resetWS, 10000);
 }
 let messageCount = 0;
+
+function transmitInitData() {
+    
+    const msg = {
+        target: "MaterialDeck_Device",
+        type: "init",
+        userId: game.userId,
+        system: getGamingSystem(),
+        systemData: {
+            conditions: tokenHelper.getConditionList(),
+            abilities: tokenHelper.getAbilityList(),
+            saves: tokenHelper.getSavesList(),
+            skills: tokenHelper.getSkillList(),
+            itemTypes: tokenHelper.getItemTypes(),
+            weaponRollModes: tokenHelper.getWeaponRollModes(),
+            featureTypes: tokenHelper.getFeatureTypes(),
+            spellLevels: tokenHelper.getSpellLevels(),
+            spellTypes: tokenHelper.getSpellTypes(),
+            stats: tokenHelper.getStatsList(),
+            onClick: tokenHelper.getOnClickList(),
+            rollTypes: tokenHelper.getRollTypes(),
+            attackModes: tokenHelper.getAttackModes()
+        },
+        coreVersion: game.version.split('.')[0]
+    }
+    ws.send(JSON.stringify(msg));
+}
+
 /**
  * Try to reset the websocket if a connection is lost
  */
 function resetWS(){
     const maxMessages = game.settings.get(moduleName, 'nrOfConnMessages');
-    if (maxMessages == 0 || maxMessages > messageCount) {
-        messageCount++;
-        const countString = maxMessages == 0 ? "" : " (" + messageCount + "/" + maxMessages + ")";
     if (wsOpen) {
         ui.notifications.warn("Material Deck: "+game.i18n.localize("MaterialDeck.Notifications.Disconnected"));
         wsOpen = false;
         messageCount = 0;
-        }
-        else ui.notifications.warn("Material Deck: "+game.i18n.localize("MaterialDeck.Notifications.ConnectFail") + countString);
-    }
-    
         WSconnected = false;
         startWebsocket();
     }
+    else if (ws.readyState == 3){
+        if (maxMessages == 0 || maxMessages > messageCount) {
+            messageCount++;
+            const countString = maxMessages == 0 ? "" : " (" + messageCount + "/" + maxMessages + ")";
+            ui.notifications.warn("Material Deck: "+game.i18n.localize("MaterialDeck.Notifications.ConnectFail") + countString);
+        }
+        WSconnected = false;
+        startWebsocket();
+    }
+}
 
 export function sendWS(txt){
     if (WSconnected)
@@ -260,22 +324,58 @@ export function getPermission(action,func) {
     else return settings.permissions?.[action]?.[func]?.[role];
 }
 
+function getGamingSystem() {
+    const systemOverride = game.settings.get(moduleName,'systemOverride');
+    gamingSystem = (systemOverride == undefined || systemOverride == null || systemOverride == '') ? game.system.id : systemOverride;
+    return gamingSystem;
+}
 
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 //
 // Hooks
 //
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+async function enableSettingDialog() {
+    return new Promise((resolve, reject) => {
+
+        const dialog = new Dialog({
+          title: game.i18n.localize("MaterialDeck.EnableDialog.Title"),
+          content: game.i18n.localize("MaterialDeck.EnableDialog.Content"),
+          buttons: {
+            yes: { label: game.i18n.localize("MaterialDeck.EnableDialog.Yes"), callback: () => { resolve('yes') } },
+            no: { label: game.i18n.localize("MaterialDeck.EnableDialog.No"), callback: () => { resolve('no') } },
+          },
+          default: 'no',
+          close: () => { reject() }
+        });
+    
+        dialog.render(true);
+    });
+}
+
 
 /**
  * Ready hook
  * Attempt to open the websocket
  */
 Hooks.once('ready', async()=>{
-    registerSettings();
+    await registerSettings();
+
+    if (game.settings.get(moduleName, 'Enable')) game.settings.set(moduleName,'EnableDialogShown',true);
+    else if (!game.settings.get(moduleName,'EnableDialogShown')) {
+        const response = await enableSettingDialog();
+        await game.settings.set(moduleName,'EnableDialogShown',true);
+        if (response == "yes") await game.settings.set(moduleName, 'Enable', true);
+        else await game.settings.set(moduleName, 'Enable', false);
+        
+    }
+
     enableModule = (game.settings.get(moduleName,'Enable')) ? true : false; 
   
-    
+    getGamingSystem();
+    versions.module.current = game.modules.get('MaterialDeck').version;
+    versions.materialCompanion.minimum = game.modules.get(moduleName).flags.minimumMaterialCompanionVersion;
+    versions.plugin.minimum = game.modules.get(moduleName).flags.minimumPluginVersion;
 
     soundboard = new SoundboardControl();
     streamDeck = new StreamDeck();
@@ -365,12 +465,6 @@ Hooks.once('ready', async()=>{
         }
     }
 
-
-
-
-
-
-
     if (enableModule == false) return;
     if (getPermission('ENABLE') == false) {
         ready = true;
@@ -383,32 +477,48 @@ Hooks.once('ready', async()=>{
     if (hotbarUsesTemp != undefined) hotbarUses = true;
 });
 
-Hooks.on('updateToken',(scene,token)=>{
+function updateActor(id) {
+    const token = tokenHelper.getTokenFromActorId(id);
+    if (token == undefined) return;
+    tokenControl.update(token.id);
+}
+
+Hooks.on('updateToken',(document,changes)=>{
     if (enableModule == false || ready == false) return;
-    let tokenId = token._id;
+    let tokenId = changes._id;
     if (tokenId == canvas.tokens.controlled[0]?.id) tokenControl.update(canvas.tokens.controlled[0]?.id);
     if (macroControl != undefined) macroControl.updateAll();
+    if (changes.hidden != undefined && combatTracker != undefined) combatTracker.updateAll();
+});
+
+Hooks.on('updateActor',(actor)=>{
+    if (enableModule == false || ready == false) return;
+    updateActor(actor.id);
+    if (macroControl != undefined) macroControl.updateAll();
 });
 
-Hooks.on('updateActor',(scene,actor)=>{
+Hooks.on('createActiveEffect',(data)=>{
     if (enableModule == false || ready == false) return;
-    let children = canvas.tokens.children[0].children;
-    for (let i=0; i<children.length; i++){
-        if (children[i].actor.id == actor._id){
-            let tokenId = children[i].id;
-            if (tokenId == canvas.tokens.controlled[0]?.id) {
-                tokenControl.update(canvas.tokens.controlled[0]?.id);
-            }
+    updateActor(data.parent.id);
+    return;
+});
 
-        }
-    }
-    if (macroControl != undefined) macroControl.updateAll();
+Hooks.on('deleteActiveEffect',(data)=>{
+    if (enableModule == false || ready == false) return;
+    updateActor(data.parent.id);
+    return;
+});
+
+Hooks.on('onActorSetCondition',(data)=>{
+    if (enableModule == false || ready == false) return;
+    updateActor(data.actor.id);
+    return;
 });
 
 Hooks.on('controlToken',(token,controlled)=>{
     if (enableModule == false || ready == false) return;
     if (controlled) {
-        tokenControl.update(token.data._id);
+        tokenControl.update(token.id);
         if (controlTokenTimer != undefined) {
             clearTimeout(controlTokenTimer);
             controlTokenTimer = undefined;
@@ -432,14 +542,14 @@ Hooks.on('renderHotbar', (hotbar)=>{
 
 Hooks.on('render', (app)=>{
     if (enableModule == false || ready == false) return;
-    if (compatibleCore("0.8.1") == false) return;
     if (app.id == "hotbar" && macroControl != undefined)  macroControl.hotbar(app.macros);
-    
 });
 
 Hooks.on('renderCombatTracker',()=>{
     if (enableModule == false || ready == false) return;
-    if (combatTracker != undefined) combatTracker.updateAll();
+    if (combatTracker != undefined) {
+        combatTracker.updateAll();
+    }
     if (tokenControl != undefined) tokenControl.update(canvas.tokens.controlled[0]?.id);
 });
 
@@ -459,6 +569,16 @@ Hooks.on('closeplaylistConfigForm', (form)=>{
         playlistControl.updateAll();
 });
 
+Hooks.on('updatePlaylistSound', ()=>{
+    if (enableModule == false || ready == false) return;
+    if (playlistControl != undefined) playlistControl.updateAll();
+});
+
+Hooks.on('lightingRefresh',()=>{
+    if (enableModule == false || ready == false) return;
+    if (tokenControl != undefined) tokenControl.update();
+});
+
 Hooks.on('pauseGame',()=>{
     if (enableModule == false || ready == false) return;
     otherControls.updateAll();
@@ -472,6 +592,10 @@ Hooks.on('renderSidebarTab',(app)=>{
     if (enableModule == false || ready == false) return;
     if (otherControls != undefined) otherControls.updateAll(options);
     if (sceneControl != undefined) sceneControl.updateAll();
+    if (document.getElementsByClassName("roll-type-select")[0] != undefined)
+        document.getElementsByClassName("roll-type-select")[0].addEventListener('change',function(){
+            if (otherControls != undefined) otherControls.updateAll(options);
+        })
 });
 
 Hooks.on('closeSidebarTab',(app)=>{
@@ -561,21 +685,72 @@ Hooks.on('NotYourTurn', ()=>{
     externalModules.updateAll();
 })
 
-Hooks.on('pseudoclockSet', ()=>{
+Hooks.on('simple-calendar-date-time-change', ()=>{
     if (enableModule == false || ready == false) return;
     externalModules.updateAll();
 })
 
-Hooks.on('about-time.clockRunningStatus', ()=>{
+Hooks.on('simple-calendar-clock-start-stop', ()=>{
     if (enableModule == false || ready == false) return;
     externalModules.updateAll();
 })
 
+Hooks.on('updateTile',()=>{
+    if (enableModule == false || ready == false) return;
+    externalModules.updateAll();
+});
+
 Hooks.once('init', ()=>{
     //CONFIG.debug.hooks = true;
     //registerSettings(); //in ./src/settings.js
+    
 });
 
 Hooks.once('canvasReady',()=>{
     ready = true;
 });
+
+Hooks.on("soundscape", (data) => {
+    externalModules.newSoundscapeData(data);
+});
+
+Hooks.on("globalAmbientVolumeChanged", (volume) => {
+    soundboard.ambientVolumeChanged(volume);
+})
+
+Hooks.on('updateMacro', () => {
+    if (enableModule == false || ready == false || macroControl == undefined) return;
+    macroControl.updateAll();
+})
+
+Hooks.on('globalPlaylistVolumeChanged', () => {
+    if (enableModule == false || ready == false || otherControls == undefined) return;
+    otherControls.updateAll();
+})
+
+Hooks.on('globalAmbientVolumeChanged', () => {
+    if (enableModule == false || ready == false || otherControls == undefined) return;
+    otherControls.updateAll();
+})
+
+Hooks.on('globalInterfaceVolumeChanged', () => {
+    if (enableModule == false || ready == false || otherControls == undefined) return;
+    otherControls.updateAll();
+})
+
+Hooks.on('MaterialDeck', (data) => {
+    if (data.type == 'setButton') {
+        //Get the buttonContext and device from streamDeck.buttonContext using data.buttonId
+        const buttonContext = streamDeck.buttonContext[0]?.buttons[data.button]?.context;
+        const device = streamDeck.buttonContext[0]?.device;
+
+        //Set icon on SD
+        streamDeck.setIcon(buttonContext, device, data.icon, data.options);
+    
+        //Set text on SD
+        streamDeck.setTitle(data.text, buttonContext);
+    }
+    else {
+        //reserved for future MD hooks
+    }
+});

README.md

@@ -66,9 +66,12 @@ Instructions and more info can be found in the <a href="https://github.com/CDeen
 Module manifest: https://raw.githubusercontent.com/CDeenen/MaterialDeck/Master/module.json
 
 ## Software Versions & Module Incompatibilities
-<b>Foundry VTT:</b> Tested on 0.7.9 - 0.8.5<br>
+<b>Foundry VTT:</b> v10 - v11<br>
 <b>Module Incompatibilities:</b> None known.<br>
 
+## Developer Guide
+See the [developer guide](./DEVGUIDE.md) for a guide on how to add new systems to `MaterialDeck`.
+
 ## Feedback
 If you have any suggestions or bugs to report, feel free to create an issue, contact me on Discord (Cris#6864), or send me an email: cdeenen@outlook.com.
 
@@ -79,6 +82,7 @@ Special thanks to Asmodeus#7588 who made this module possible by generously dona
 <br>
 Please consider supporting me on <a href="https://www.patreon.com/materialfoundry">Patreon</a>, and feel free to join the Material Foundry <a href="https://discord.gg/3hd4G6TkmA">Discord</a> server.
 
+
 ## Abandonment
 Abandoned modules are a (potential) problem for Foundry, because users and/or other modules might rely on abandoned modules, which might break in future Foundry updates.<br>
 I consider this module abandoned if all of the below cases apply:

changelog.md

@@ -1,4 +1,221 @@
 # Changelog Material Deck Module
+### v1.5.2 - xx-xx-2023
+<b>Starting from this version you have to use <a href="https://github.com/MaterialFoundry/MaterialCompanion">Material Companion</a> instead of Material Server.</b>
+
+Fixes:
+<ul>
+    <li>(PF2e) Token Action => Toggle Condition: Condition icons work again</li>
+</ul>
+
+Other:
+<ul>
+    <li>Material Deck is no longer compatible with Material Server, you now have to use Material Companion</li>
+    <li>Removed 'Device Config' because this is now handled by Material Companion</li>
+</ul>
+
+### v1.5.1 - 28-06-2023
+Fixes:
+<ul>
+    <li>Token Action => Toggle Condition: Fixed PF2e conditions</li>
+    <li>Macro Action => Macro by name: Fixed macro arguments not working in v10</li>
+    <li>Download Utility: Latest module version is now displayed correctly</li>
+</ul>
+
+Additions: 
+<ul>
+    <li>Other Actions => Open Journal: Added option to open journal pages by page name or number</li>
+    <li>Playlist Action: Added option to select playlists and tracks by name</li>
+</ul>
+
+### v1.5.0 - 28-05-2023
+Additions:
+<ul>
+    <li>Most settings in the plugin are now hyperlinks. Clicking them opens a window opening the relevant section on the wiki describing that setting.</li>
+    <li>Token Action => Stats: Added support for simple if-statements in the custom stats function</li>
+    <li>(dnd5e) Token Action => Added option to filter spells by preparedness</li>
+    <li>Added an 'Icon Override' option to each action. Filling in a path to an icon on your Foundry server will make the button use that icon instead of the default one</li>
+    <li>Added a one-time popup asking users if they want to enable the module for their client. This should hopefully solve one of the most common connection issues</li>
+    <li>Token Action: Added background color option for items, abilities and spells</li>
+    <li>Added the current and latest module version to the download utility</li>
+    <li>Combat Tracker: Added option to filter combatants in order to not display neutral, hostile or hidden tokens</li>
+    <li>Macro Action => Macroboard: Added a label to each macro. By default this is the name of the macro, but this can be edited to your liking. If 'Display Name/Label' is selected in the SD app, the label will be displayed. This allows you to distinguish macros when the same macro is used for multiple functions (using macro arguments)</li>
+    <li>(dnd5e) Other: Added 'Attack Roll Modes' where you can configure weapon rolls to roll for 'to hit', 'damage', 'crit damage', etc</li> 
+    <li>Scene Action: Added option to specify a ring color for the active scene</li>
+    <li>Other Controls => Darkness Control: Added animation time option for 'Transition to Day/Night'</li>
+    <li>Other Controls: Added 'Global Volume Controls' to control the playlist, ambient and interface volume</li>
+</ul>
+
+Fixes:
+<ul>
+    <li>External Modules => Monk's Active Tile Triggers: Was no longer working, should now be fixed</li>
+    <li>Soundboard: Changing the 'Ambient' volume slider now instantaneously changes the volume of any currently playing sounds</li>
+    <li>Token Action => On Click => Handle Condition: Fixed some issues with conditions not being there or not working</li>
+    <li>Token Action => On Click: Fixed item offset</li>
+    <li>Fixed issue where long text would result in an error if Foundry was set to Russian</li>
+    <li>Macro Action => Macroboard: Arguments are stored again</li>
+    <li>Macro Action: Arguments were broken due to an update to Advanced Macros, this is now fixed</li>
+    <li>Macro Action: Fixed issue with icons on SD turning black when changing the icon in Foundry or moving the macro on the macrobar</li>
+    <li>Playlist Action: Playlist with shuffle enabled now play shuffled</li>
+    <li>Other => Control Buttons: Changing controls now loads the correct canvas layer</li>
+    <li>Combat Tracker: Token image, name and stats would not always display (if a new Combat Tracker action was created without changing 'Mode')</li>
+</ul>
+
+Other:
+<ul>
+    <li>Made compatible with Foundry v11, dropped compatibility with Foundry v9</li>
+    <li>Moved most of the system-dependent code from the plugin to the module. This makes implementing new system or modifying/fixing current systems easier. It also automates some stuff (for example grabbing all conditions from Foundry instead of hardcoding them)</li>
+    <li>External Modules => About Time: Has been replaced with 'Simple Calendar' since About Time no longer functions as time/calendar management. It still functions exactly the same</li>
+    <li>External Modules => Mook AI: Has been removed since the module hasn't been updated for Foundry v10 or v11</li>
+    <li>Changed the logo in the Stream Deck app from the Foundry VTT logo to the Material Foundry logo</li>
+</ul>
+
+<b>Compatible server app and SD plugin:</b><br>
+Material Server v1.0.2+ (unchanged): https://github.com/CDeenen/MaterialServer/releases <br>
+SD plugin v1.5.0 (<b>must be updated!</b>): https://github.com/CDeenen/MaterialDeck_SD/releases<br>
+
+### v1.4.12 - 07-09-2022
+Fixes:
+<ul>
+    <li>Some settings did not have a default value, which caused errors for new users in v10</li>
+</ul>
+
+### v1.4.11 - 05-09-2022
+Fixes:
+<ul>
+    <li>Fixed system autodetection bug, where it would not always correctly detect the system</li>
+    <li>Token Action => Stats/On Click: Pf2e intimidation did not work</li>
+    <li>Playlist Action => Fix unrestricted playback and 'play playlist'</li>
+    <li>User Config: Fix settings saving issue</li>
+</ul>
+
+Additions:
+<ul>
+    <li>Token Action => Inventory: Added roll options to roll for to hit and damage (dnd5e only)</li>
+    <li>Token Action => Inventory/Features/Spellbook: Select by name or id</li>
+    <li>Token Action => Features: Added option to filter active and passive abilities (dnd5e only)</li>
+    <li>Token Action => Items/Spells/Features: Add offset options</li>
+    <li>Token Action => OnClick => SetVision: Added checkboxes to configure what settings should be changed</li>
+    <li>Combat Tracker => Function: Added option to roll initiative for combatants</li>
+    <li>Combat Tracker => OnClick: Added target and untarget token option</li>
+    <li>Other Actions => Darkness Control: Added 'Transition to Day' and 'Transition to Night' options</li>
+    <li>Other Actions => Darkness Control: Added animation time option for darkness changes</li>
+</ul>
+
+Other:
+<ul>
+    <li>Made compatible with Foundry v10 (see notes below), dropped compatibility with Foundry v8</li>
+    <li>Token Action => On Click => Call Macro: Removed macro target, since I can't get it to work properly</li>
+    <li>Token Action => On Click => Movement: Tokens now snap to the grid when moved</li>
+    <li>Token Action => OnClick => SetVision: update configuration to v9/v10 standards</li>
+    <li>Token Action => Handle Conditions: Removed the increase/decrease option for all systems but pf2e (it only works in pf2e)</li>
+    <li>System Override: Changed to a dropdown menu with all supported systems, instead of a string field</li>
+    <li>All ui elements and classes have been given unique identifiers to prevent module incompatibilities</li>
+</ul>
+
+V10 Compatibility Notes:
+<ul>
+    <li>The following systems have been tested in v10: dnd5e, pf1e, forbidden lands, wfrp4. Other systems have not been updated to v10 yet at the time of this update</li>
+    <li>Changing the token vision mode through MD does not work properly, appears to be a bug in Foundry</li>
+    <li>Wildcard images currently don't seem to work in v10, so they have not been tested</li>
+</ul>
+
+<b>Compatible server app and SD plugin:</b><br>
+Material Server v1.0.2+ (unchanged): https://github.com/CDeenen/MaterialServer/releases <br>
+SD plugin v1.4.11 (<b>must be updated!</b>): https://github.com/CDeenen/MaterialDeck_SD/releases<br>
+
+### v1.4.10 - 30-05-2022
+Fixes:
+<ul>
+    <li>Stream Deck plugin v1.4.10 was not properly recognized as compatible</li>
+</ul>
+
+Additions:
+<ul>
+    <li>Material Server version is now displayed in the Download Utility (MS v1.1.0+)</li>
+</ul>
+
+
+### v1.4.9 - 16-04-2022
+Fixes:
+<ul>
+    <li>PF2e: Fixed rolls and conditions for compatibility with latest pf2e version. Thanks to Kyamsil</li>
+    <li>Token Action => Set Vison: Setting light is working again</li>
+    <li>Other Actions => Roll Dice: Roll result would show as 'NaN' in Foundry v9, this is fixed</li>
+</ul>
+
+Additions:
+<ul>
+    <li>Added support for the Starfinder system</li>
+    <li>External Modules => Added support for 'Monks Active Tile Triggers'</li>
+    <li>Added 'System Override' module setting. If your system is not supported, MD defaults to 5e. Here you can choose a supported system that is most similar to yours and have Material Deck use that system instead.</li>
+    <li>Token Action => Displayed Stats: A colored border is drawn around certain skills, saves, etc to indicate proficiency (compatible systems: dnd5e, pf2e). Thanks to Kyamsil</li>
+</ul>
+
+### v1.4.8 - 22-12-2021
+Fixes:
+<ul>
+    <li>'Device Configuration' would not save its settings properly</li>
+</ul>
+
+
+### v1.4.7 - 20-12-2021
+Fixes:
+<ul>
+    <li>External Modules => GM Screen: Changed to new api (thanks to akrigline)</li>
+    <li>Fixed an issue where SDs would not iterate properly, causing errors (thanks to InnerGI)</li>
+    <li>Fixed support for FXMaster. Requires FXMaster v2.0.0 or later (not officially released yet)</li>
+</ul>
+
+Additions:
+<ul>
+    <li>Added compatibility for Foundry V0.9</li>
+    <li>Added Forbidden Lands system (thanks to JackDCondon)</li>
+    <li>Other Controls => Control Buttons: Added offset for 'Displayed Controls' and 'Displayed Tools'</li>
+    <li>Added 'Device Configuration' to the module settings. You can use this to configure specific SD devices to not connect to a client</li>
+    <li>Playlist Action => Added option to play next or previous track</li>
+</ul>
+
+### v1.4.6 - 07-09-2021
+Fixes:
+<ul>
+    <li>Token Action => Move token: If the user is not the GM, tokens can no longer move if game is paused, and they can no longer move through walls</li>
+    <li>Modifications made in the Property Inspector now immediately get saved, instead of when user deselects the setting (changed 'onchange' to 'oninput' event)</li>
+</ul>
+
+Additions:
+<ul>
+    <li>Playlist Action: Added a 'Pause All' option</li>
+</ul>
+
+Other:
+<ul>
+    <li>PF2E compatibility updated (thanks @kyamsil)</li>
+</ul>
+
+### v1.4.5 - 27-07-2021
+Fixes:
+<ul>
+    <li>Combat Tracker Action => Turn Display: If only 'Display Round' was enabled, the vertical alignment would be off. This has been fixed.</li>
+    <li>WebSocket client no longer creates duplicate connections</li>
+    <li>Token Action => If 'Display Uses/Quantity' is enabled for an item that has no maximum uses/quantity, the uses/quantity border is now consistently black.</li>
+    <li>Update dialog that appears if the SD plugin needs to be updated now only appears once</li>
+</ul>
+
+Additions:
+<ul>
+    <li>External Modules: Added support for the Soundscape module. Requires Soundscape v1.0.3</li>
+    <li>Macro Action => Advanced Macros is now supported for calling macros with arguments</li>
+    <li>Combat Tracker Action => Function: Added option to select the combatant after changing the turn</li>
+    <li>Other Actions => Added 'Set Roll Mode' which sets the roll mode for all rolls to public, private gm, blind gm or self roll</li>
+    <li>Added support for wfrp4e (thanks to sozin#8622 & eccobold#3541)</li>
+    <li>Added DEVGUIDE.md to help developers add support for new systems (thanks to sozin#8622 & eccobold#3541)</li>
+</ul>
+
+<br>
+<b>Compatible server app and SD plugin:</b><br>
+Material Server v1.0.2 (unchanged): https://github.com/CDeenen/MaterialServer/releases <br>
+SD plugin v1.4.5 (<b>must be updated!</b>): https://github.com/CDeenen/MaterialDeck_SD/releases<br>
+
 ### v1.4.4 - 26-05-2021
 Fixes:
 <ul>

css/style.css

@@ -0,0 +1,175 @@
+/*
+ * Device Config
+ */
+.materialDeck_devConf_columnLabel {
+    max-width:30%;
+    min-width:30%;
+    text-align: left;
+}
+.materialDeck_devConf_columnId {
+    max-width:25%;
+    min-width:25%;
+    text-align: left;
+    text-overflow: hidden;
+}
+.materialDeck_devConf_columnCB {
+    width:10%;
+    text-align: left;
+}
+
+/*
+ * Download Utility
+ */
+.materialDeck_dlUtil_columnLabel {
+    width:25%;
+    text-align: left;
+}
+.materialDeck_dlUtil_columnVersion {
+    width:15%;
+    text-align: left;
+}
+.materialDeck_dlUtil_columnOS {
+    width:15%;
+}
+.materialDeck_dlUtil_columnButton {
+    width:15%;
+}
+.materialDeck_dlUtil_button {
+    width:100%;
+}
+
+/*
+ * Macro Config
+ */
+.materialDeck_macroConfig_boxed {
+    border: 1px solid black ;
+    border-radius: 5px ; 
+    max-width: 166px;
+    padding: 5px; 
+    margin:2px; 
+    width:10%;
+}
+
+.materialDeck_macroConfig_navigationDiv {
+    width:100%; 
+    display:flex; 
+    flex-direction:row;
+}
+
+.materialDeck_macroConfig_navigation {
+    flex:1;
+    max-width: 8%;
+}
+
+.materialDeck_macroConfig_p {
+    width:84%; 
+    text-align:center; 
+    padding: 0px 0; 
+    font-size: 20px;
+}
+
+.materialDeck_macroConfig_background {
+    display:flex;
+    flex-direction:row;
+    padding-top:10px;
+}
+
+/*
+ * Playlist Config
+ */
+.materialDeck_plConfig_select {
+    width: 35%;
+    max-width: 35%;
+}
+
+/*
+ * Soundboard Config
+ */
+.materialDeck_sbConfig_boxed {
+    border: 1px solid black ;
+    border-radius: 5px ; 
+    max-width: 166px;
+    height: 300px;
+    padding: 5px; 
+    margin:2px; 
+    width:10%
+}
+
+.materialDeck_sbConfig_navigationDiv {
+    flex:1;
+    width:100%; 
+    display:flex; 
+    flex-direction:row;
+}
+
+.materialDeck_sbConfig_navigation {
+    flex:1;
+}
+
+.materialDeck_sbConfig_p {
+    flex:15; 
+    text-align:center; 
+    padding: 0px 0; 
+    font-size: 20px
+}
+
+/*
+ * User Permission Config
+ */
+ header.materialDeck_uPerm_table-header {
+    background: rgba(0, 0, 0, 0.5);
+    padding: 5px;
+    border: 1px solid #191813;
+    text-align: center;
+    color: #f0f0e0;
+    font-weight: bold;
+    text-shadow: 1px 1px #000;
+}
+
+ul.materialDeck_uPerm_permissions-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    overflow: hidden auto;
+    scrollbar-width: thin;
+}
+
+li.materialDeck_uPerm_permission {
+    padding: 5px;
+    border-bottom: 1px solid #7a7971;
+}
+
+li.materialDeck_uPerm_permission .form-fields {
+    justify-content: space-around;
+}
+
+li.materialDeck_uPerm_permission input[type="checkbox"] {
+    margin: 0;
+}
+
+.materialDeck_uPerm_index {
+    flex: 0 0 200px;
+    text-align: left;
+    font-weight: bold;
+}
+
+.materialDeck_uPerm_hint {
+    flex: 0 0 100%;
+    color: #4b4a44;
+    font-size: 13px;
+    margin: 5px 0 0;
+}
+
+/*
+ * Help Menu
+ */
+.materialDeck_helpMenu_expandable {
+    cursor: pointer;
+}
+.materialDeck_helpMenu_collapsed {
+    display:none;
+}
+.materialDeck_helpMenu_expandableIcon {
+    border: none;
+}

img/playlist/SOURCES.txt

@@ -1,2 +1,3 @@
 play.png: Edited from https://fontawesome.com/icons/play?style=solid
 stop.png: Edited from https://fontawesome.com/icons/stop?style=solid
+pause.png: Edited from https://fontawesome.com/v5.15/icons/pause?style=solid

img/token/abilities/SOURCES.txt

@@ -5,3 +5,6 @@ cons.png: https://game-icons.net/1x1/zeromancer/heart-plus.html
 int.png: https://game-icons.net/1x1/lorc/bookmarklet.html
 wis.png: https://game-icons.net/1x1/delapouite/wisdom.html
 cha.png: https://game-icons.net/1x1/lorc/icicles-aura.html
+fort.png: https://game-icons.net/1x1/delapouite/rock-golem.html
+ref.png: https://game-icons.net/1x1/lorc/dodging.html
+will.png: https://game-icons.net/1x1/lorc/meditation.html

img/token/skills/SOURCES.txt

@@ -3,17 +3,23 @@ acr.png: https://game-icons.net/1x1/delapouite/contortionist.html
 ani.png: https://game-icons.net/1x1/delapouite/cavalry.html
 arc.png: https://game-icons.net/1x1/delapouite/spell-book.html
 ath.png: https://game-icons.net/1x1/lorc/muscle-up.html
+cra.png: https://game-icons.net/1x1/lorc/sword-smithing.html
 dec.png: https://game-icons.net/1x1/delapouite/convince.html
+dip.png: https://game-icons.net/1x1/delapouite/shaking-hands.html
 his.png: https://game-icons.net/1x1/delapouite/backward-time.html
 ins.png: https://game-icons.net/1x1/lorc/light-bulb.html
 itm.png: https://game-icons.net/1x1/lorc/one-eyed.html
 inv.png: https://game-icons.net/1x1/lorc/magnifying-glass.html
+lor.png: https://game-icons.net/1x1/lorc/bookmarklet.html
 med.png: https://game-icons.net/1x1/delapouite/first-aid-kit.html
 nat.png: https://game-icons.net/1x1/delapouite/forest.html
+occ.png: https://game-icons.net/1x1/skoll/pentacle.html
 prc.png: https://game-icons.net/1x1/lorc/semi-closed-eye.html
 prf.png: https://game-icons.net/1x1/lorc/sing.html
 per.png: https://game-icons.net/1x1/delapouite/public-speaker.html
 rel.png: https://game-icons.net/1x1/lorc/holy-grail.html
+soc.png: https://game-icons.net/1x1/delapouite/trumpet-flag.html
 slt.png: https://game-icons.net/1x1/lorc/snatch.html
 ste.png: https://game-icons.net/1x1/lorc/cloak-dagger.html
 sur.png: https://game-icons.net/1x1/delapouite/pyre.html
+thi.png: https://game-icons.net/1x1/delapouite/lock-picking.html

lang/en.json

@@ -1,25 +1,40 @@
 {
-    "MaterialDeck.Notifications.Disconnected": "Disconnected from Material Server, attempting to reconnect",
-    "MaterialDeck.Notifications.ConnectFail": "Can't connect to Material Server, retrying",
+    "MaterialDeck.Notifications.Disconnected": "Disconnected from Material Companion, attempting to reconnect",
+    "MaterialDeck.Notifications.ConnectFail": "Can't connect to Material Companion, retrying",
     "MaterialDeck.Notifications.Connected": "Connected",
     "MaterialDeck.Notifications.Soundboard.NoPermission": "You do not have permission to configure the soundboard",
     "MaterialDeck.Notifications.Macroboard.NoPermission": "You do not have permission to configure the macroboard",
     "MaterialDeck.Notifications.Playlist.NoPermission": "You do not have permission to configure the playlists",
 
-    "MaterialDeck.Sett.Enable": "Enable module",
+    "MaterialDeck.EnableDialog.Title": "Material Deck: Enable for this Client",
+    "MaterialDeck.EnableDialog.Content": "Do you want to enable Material Deck for this client?<br><br>If you don't have a Stream Deck connected, or don't want to use it for Material Deck, please click no.<br><br>You can always change this in the Material Deck module settings.<br><br>Foundry will refresh after this.<br>",
+    "MaterialDeck.EnableDialog.Yes": "Yes",
+    "MaterialDeck.EnableDialog.No": "No",
+
+    "MaterialDeck.UpdateRequired.Title": "Material Deck: Update Required",
+    "MaterialDeck.UpdateRequired.MC": "The Material Companion version you are using is incompatible with this version of Material Deck.",
+    "MaterialDeck.UpdateRequired.SD": "The Stream Deck plugin you are using is incompatible with this version of Material Deck.",
+    "MaterialDeck.UpdateRequired.Both": "The Stream Deck plugin and Material Companion you are using are incompatible with this version of Material Deck.",
+    "MaterialDeck.UpdateRequired.Update": "Please update using the Download Utility or click the link below.",
+    "MaterialDeck.UpdateRequired.SDdownload": "Stream Deck Plugin",
+    
+    "MaterialDeck.Sett.Enable": "Enable Module for This Client",
+    "MaterialDeck.Sett.EnableHint": "Enabling the module for this client is required if you want to use Material Deck on your computer. If you do not have a Stream Deck connected or don't want to use it for Material Deck, disable the module here.",
     "MaterialDeck.Sett.Help": "Help",
     "MaterialDeck.Sett.Permission": "User Permission Configuration",
     "MaterialDeck.Sett.PlaylistConfig": "Playlist Configuration",
     "MaterialDeck.Sett.MacroConfig": "Macro Configuration",
     "MaterialDeck.Sett.SoundboardConfig": "Soundboard Configuration",
-    "MaterialDeck.Sett.ServerAddr": "Material Server Address",
-    "MaterialDeck.Sett.ServerAddrHint": "The IP address and port of Material Server. The default value will work for 99% of people, only change this if you know what you're doing. Must follow the format [ip_address]:[port], for example: 'localhost:3001' or '192.168.1.1:4000'.",
+    "MaterialDeck.Sett.ServerAddr": "Material Companion Address",
+    "MaterialDeck.Sett.ServerAddrHint": "The IP address and port of Material Companion. The default value will work for 99% of people, only change this if you know what you're doing. Must follow the format [ip_address]:[port], for example: 'localhost:3001' or '192.168.1.1:4000'.",
     "MaterialDeck.Sett.ImageBuffer": "Image Cache Size",
     "MaterialDeck.Sett.ImageBufferHint": "Sets the amount of images to store in the image cache. The image cache will locally store all images sent to the Stream Deck. This improves the update speed, but increases memory usage.",
     "MaterialDeck.Sett.ImageBrightness": "Image Brightness",
     "MaterialDeck.Sett.ImageBrightnessHint": "Sets the brightness of the default white images. If the Image Cache Size is bigger than 0, perform a refresh for instant results.",
     "MaterialDeck.Sett.NrOfConnMessages": "Number of Connection Warnings",
-    "MaterialDeck.Sett.NrOfConnMessagesHint": "Sets the number of times a connection warning is displayed if Material Deck cannot connect to Material Server. If set to 0, it will give not be limited.",
+    "MaterialDeck.Sett.NrOfConnMessagesHint": "Sets the number of times a connection warning is displayed if Material Deck cannot connect to Material Companion. If set to 0, it will give not be limited.",
+    "MaterialDeck.Sett.SystemOverride": "System Override",
+    "MaterialDeck.Sett.SystemOverrideHint": "Overrides the automatic gaming system detection. Unsupported systems default to dnd5e, but if an unsupported system is similar to a different system you can specify that system here.",
 
     "MaterialDeck.PL.Unrestricted": "Unrestricted",
     "MaterialDeck.PL.OneTrackPlaylist": "One track per playlist",
@@ -32,7 +47,7 @@
     "MaterialDeck.Playlists": "Playlists",
     "MaterialDeck.Playlist": "Playlist",
     "MaterialDeck.FilePicker": "File Picker",
-    "MaterialDeck.FurnaceArgs": "Furnace arguments",
+    "MaterialDeck.FurnaceArgs": "Macro arguments",
     "MaterialDeck.Background": "Background",
     "MaterialDeck.Macro": "Macro",
     "MaterialDeck.Sound": "Sound",
@@ -58,6 +73,9 @@
     "MaterialDeck.Import": "Import",
     "MaterialDeck.Export": "Export",
     "MaterialDeck.Filename": "Filename",
+    "MaterialDeck.Id": "Id",
+    "MaterialDeck.Type": "Type",
+    "MaterialDeck.Label": "Label",
 
     "MaterialDeck.ExportDialog.Title": "Export",
     "MaterialDeck.ExportDialog.SoundboardContent": "Export the soundboard data. Please note that only the metadata is exported, so you will have to make sure the audio files are in the same relative location when you import them.",
@@ -184,23 +202,25 @@
     "MaterialDeck.Perm.TOKEN.OBSERVER.label": "Observer",
     "MaterialDeck.Perm.TOKEN.OBSERVER.hint": "Allow users access to tokens with observer permission",
 
-    "MaterialDeck.AboutTime.First": "st",
-    "MaterialDeck.AboutTime.Second": "nd",
-    "MaterialDeck.AboutTime.Third": "rd",
-    "MaterialDeck.AboutTime.Fourth": "th",
-    "MaterialDeck.AboutTime.Of": "of",
+    "MaterialDeck.SimpleCalendar.First": "st",
+    "MaterialDeck.SimpleCalendar.Second": "nd",
+    "MaterialDeck.SimpleCalendar.Third": "rd",
+    "MaterialDeck.SimpleCalendar.Fourth": "th",
+    "MaterialDeck.SimpleCalendar.Of": "of",
 
     "MaterialDeck.DownloadUtility.Title": "Download Utility",
-    "MaterialDeck.DownloadUtility.Plugin": "Plugin & Material Server",
+    "MaterialDeck.DownloadUtility.Plugin": "Module, Stream Deck Plugin & Material Companion",
     "MaterialDeck.DownloadUtility.Minimum": "Minimum",
     "MaterialDeck.DownloadUtility.Current": "Current",
     "MaterialDeck.DownloadUtility.Latest": "Latest",
     "MaterialDeck.DownloadUtility.OS": "OS",
     "MaterialDeck.DownloadUtility.Download": "Download",
+    "MaterialDeck.DownloadUtility.module": "Module",
     "MaterialDeck.DownloadUtility.SDplugin": "SD Plugin",
-    "MaterialDeck.DownloadUtility.MSserver": "Material Server",
+    "MaterialDeck.DownloadUtility.MSserver": "Material Companion",
     "MaterialDeck.DownloadUtility.Windows": "Windows",
-    "MaterialDeck.DownloadUtility.Macos": "MacOS",
+    "MaterialDeck.DownloadUtility.MacosM1": "MacOS (M1)",
+    "MaterialDeck.DownloadUtility.MacosIntel": "MacOS (Intel)",
     "MaterialDeck.DownloadUtility.Linux": "Linux",
     "MaterialDeck.DownloadUtility.Source": "Source",
     "MaterialDeck.DownloadUtility.Profiles": "Profiles",

lang/ja.json

@@ -18,8 +18,8 @@
     "MaterialDeck.Sett.ImageBufferHint": "画像キャッシュに保存する画像のデータ量を設定します。画像キャッシュは、ストリームデッキに送信されたすべての画像をローカルに保存します。これにより更新速度は向上しますが、メモリ使用量は増加します。",
     "MaterialDeck.Sett.ImageBrightness": "画像の明るさ",
     "MaterialDeck.Sett.ImageBrightnessHint": "デフォルトの画像の明るさを設定します。画像キャッシュサイズが0より大きい場合、更新を実行してください。",
-    "MaterialDeck.Sett.NrOfConnMessages": "Number of Connection Warnings",
-    "MaterialDeck.Sett.NrOfConnMessagesHint": "Sets the number of times a connection warning is displayed if Material Deck cannot connect to Material Server. If set to 0, it will give not be limited.",
+    "MaterialDeck.Sett.NrOfConnMessages": "接続警告回数",
+    "MaterialDeck.Sett.NrOfConnMessagesHint": "Material DeckがMaterial Serverに接続できない場合に表示される接続警告回数を設定します。０に設定すると､無制限となります。",
 
     "MaterialDeck.PL.Unrestricted": "無制限",
     "MaterialDeck.PL.OneTrackPlaylist": "プレイリストごとに1つのトラック",
@@ -49,24 +49,24 @@
     "MaterialDeck.Name": "名前",
     "MaterialDeck.None": "無し",
     "MaterialDeck.Save": "セーブ",
-    "MaterialDeck.ClearAll": "Clear All",
-    "MaterialDeck.ClearAll_Content": "This will clear all the data. This cannot be undone, are you sure you want to proceed?",
-    "MaterialDeck.ClearPage": "Clear Page",
-    "MaterialDeck.ClearPage_Content": "This will clear all the data on this page. This cannot be undone, are you sure you want to proceed?",
-    "MaterialDeck.Continue": "Continue",
-    "MaterialDeck.Cancel": "Cancel",
-    "MaterialDeck.Import": "Import",
-    "MaterialDeck.Export": "Export",
-    "MaterialDeck.Filename": "Filename",
+    "MaterialDeck.ClearAll": "すべて クリア",
+    "MaterialDeck.ClearAll_Content": "すべてのデータがクリアされます。この操作は取り消すことができません､続行しますか？",
+    "MaterialDeck.ClearPage": "ページ クリア",
+    "MaterialDeck.ClearPage_Content": "このページのすべてのデータがクリアされます。この操作は取り消すことができません､続行しますか？",
+    "MaterialDeck.Continue": "継続",
+    "MaterialDeck.Cancel": "キャンセル",
+    "MaterialDeck.Import": "インポート",
+    "MaterialDeck.Export": "エクスポート",
+    "MaterialDeck.Filename": "ファイル名",
 
-    "MaterialDeck.ExportDialog.Title": "Export",
-    "MaterialDeck.ExportDialog.SoundboardContent": "Export the soundboard data. Please note that only the metadata is exported, so you will have to make sure the audio files are in the same relative location when you import them.",
-    "MaterialDeck.ExportDialog.MacroboardContent": "Export the macro board data. Please note that only the metadata is exported, so you will have to make sure the same macros are available when you import them.",
+    "MaterialDeck.ExportDialog.Title": "エクスポート",
+    "MaterialDeck.ExportDialog.SoundboardContent": "SouseBoardデータをエクスポートします。メタデータのみがエクスポートされるので､インポートするときにオーディオファイルが相対的に同じ場所にあることを確認する必要があります。",
+    "MaterialDeck.ExportDialog.MacroboardContent": "MacroBoardデータをエクスポートします。メタデータのみがエクスポートされるため､インポートしたときに同じマクロが使用可能であることを確認する必要があります。",
 
-    "MaterialDeck.ImportDialog.Title": "Import",
-    "MaterialDeck.ImportDialog.SoundboardContent": "Select a file to import. Please note that only the metadata is imported, so you will have to make sure the audio files are in the same relative location as when you exported them.",
-    "MaterialDeck.ImportDialog.MacroboardContent": "Import the macro board data. ",
-    "MaterialDeck.ImportDialog.Warning": "This will overwrite your current settings, and cannot be undone.",
+    "MaterialDeck.ImportDialog.Title": "インポート",
+    "MaterialDeck.ImportDialog.SoundboardContent": "インポートするファイルを選択してください。メタデータのみがインポートされるので､オーディオファイルがそれらをエクスポートしたときと同じ相対的な場所にあることを確認する必要があります。",
+    "MaterialDeck.ImportDialog.MacroboardContent": "MacroBoardデータをインポートします。 ",
+    "MaterialDeck.ImportDialog.Warning": "現在の設定が上書きされ､元に戻すことはできません。",
 
     "MaterialDeck.FxMaster.Colorize": "色付け",
     "MaterialDeck.FxMaster.Clear": "すべてクリア",
@@ -184,26 +184,27 @@
     "MaterialDeck.Perm.TOKEN.OBSERVER.label": "オブザーバー",
     "MaterialDeck.Perm.TOKEN.OBSERVER.hint": "オブザーバー権限を持つトークンへのユーザーアクセスを許可する",
 
-    "MaterialDeck.AboutTime.First": "１",
-    "MaterialDeck.AboutTime.Second": "２",
-    "MaterialDeck.AboutTime.Third": "３",
-    "MaterialDeck.AboutTime.Fourth": "４",
-    "MaterialDeck.AboutTime.Of": "/",
+    "MaterialDeck.SimpleCalendar.First": "１",
+    "MaterialDeck.SimpleCalendar.Second": "２",
+    "MaterialDeck.SimpleCalendar.Third": "３",
+    "MaterialDeck.SimpleCalendar.Fourth": "４",
+    "MaterialDeck.SimpleCalendar.Of": "/",
 
-    "MaterialDeck.DownloadUtility.Title": "Download Utility",
-    "MaterialDeck.DownloadUtility.Plugin": "Plugin & Material Server",
-    "MaterialDeck.DownloadUtility.Minimum": "Minimum",
-    "MaterialDeck.DownloadUtility.Current": "Current",
-    "MaterialDeck.DownloadUtility.Latest": "Latest",
+    "MaterialDeck.DownloadUtility.Title": "ダウンロード･ユーティリティ",
+    "MaterialDeck.DownloadUtility.Plugin": "プラグイン＆Material Server",
+    "MaterialDeck.DownloadUtility.Minimum": "最小",
+    "MaterialDeck.DownloadUtility.Current": "現在",
+    "MaterialDeck.DownloadUtility.Latest": "最新",
     "MaterialDeck.DownloadUtility.OS": "OS",
-    "MaterialDeck.DownloadUtility.Download": "Download",
-    "MaterialDeck.DownloadUtility.SDplugin": "SD Plugin",
+    "MaterialDeck.DownloadUtility.Download": "ﾀﾞｳﾝﾛｰﾄﾞ",
+    "MaterialDeck.DownloadUtility.SDplugin": "SDプラグイン",
     "MaterialDeck.DownloadUtility.MSserver": "Material Server",
     "MaterialDeck.DownloadUtility.Windows": "Windows",
-    "MaterialDeck.DownloadUtility.Macos": "MacOS",
+    "MaterialDeck.DownloadUtility.MacosM1": "MacOS (M1)",
+    "MaterialDeck.DownloadUtility.MacosIntel": "MacOS (Intel)",
     "MaterialDeck.DownloadUtility.Linux": "Linux",
-    "MaterialDeck.DownloadUtility.Source": "Source",
-    "MaterialDeck.DownloadUtility.Profiles": "Profiles",
-    "MaterialDeck.DownloadUtility.Name": "Name",
-    "MaterialDeck.DownloadUtility.Refresh": "Refresh"
+    "MaterialDeck.DownloadUtility.Source": "ソース",
+    "MaterialDeck.DownloadUtility.Profiles": "プロファイル",
+    "MaterialDeck.DownloadUtility.Name": "名前",
+    "MaterialDeck.DownloadUtility.Refresh": "更新"
 }

module.json

@@ -1,28 +1,36 @@
 {
     "name": "MaterialDeck",
+    "id": "MaterialDeck",
     "title": "Material Deck",
     "description": "Material Deck allows you to control Foundry using an Elgato Stream Deck",
-  "version": "1.4.4",
+    "version": "1.5.2_pre",
     "author": "CDeenen",
-  "authors": {
+    "authors": [
+        {
             "name": "CDeenen",
             "email": "cdeenen@outlook.com",
             "discord": "Cris#6864",
             "patreon": "MaterialFoundry",
             "reddit": "CDeenen123"
-  },
-  "flags": {
-    "minimumSDversion": "1.4.4",
-    "minimumMSversion": "1.0.2"
-  },
-  "minimumSDversion": "1.4.4",
-  "minimumMSversion": "1.0.2",
+        }
+    ],
     "esmodules": [
         "./MaterialDeck.js"
     ],
+    "styles": [
+        "./css/style.css"
+    ],
     "socket": true,
-  "minimumCoreVersion": "0.7.5",
-  "compatibleCoreVersion": "0.8.5",
+    "minimumCoreVersion": "10",
+    "compatibleCoreVersion": "11",
+    "compatibility": {
+        "minimum": "10",
+        "verified": "11"
+    },
+    "flags": {
+        "minimumMaterialCompanionVersion": "1.0.2",
+        "minimumPluginVersion": "1.5.2"
+    },
     "languages": [
         {
             "lang": "en",
@@ -38,11 +46,19 @@
     "media": [
         {
             "type": "icon",
-      "url": "https://raw.githubusercontent.com/CDeenen/MaterialDeck/Master/img/MaterialFoundry512x512.png"
+            "url": "modules/MaterialDeck/img/MaterialFoundry512x512.png"
+        },
+        {
+            "type": "setup",
+            "url": "modules/MaterialDeck/img/MaterialFoundry2560x1440.jpg"
+        },
+        {
+            "type": "cover",
+            "url": "modules/MaterialDeck/img/MaterialFoundry2560x1440.jpg"
         }
     ],
     "manifestPlusVersion": "1.1.0",
     "url": "https://github.com/CDeenen/MaterialDeck",
-  "manifest": "https://raw.githubusercontent.com/CDeenen/MaterialDeck/Master/module.json",
-  "download": "https://github.com/CDeenen/MaterialDeck/archive/Master.zip"
+    "manifest": "https://github.com/CDeenen/MaterialDeck/releases/latest/download/module.json",
+    "download": "https://github.com/CDeenen/MaterialDeck/releases/download/v1.5.1/module.zip"
 }

src/actions/combattracker.js

@@ -1,6 +1,5 @@
-import * as MODULE from "../MaterialDeck.js";
-import {streamDeck, tokenControl} from "../MaterialDeck.js";
-import {compatibleCore} from "./misc.js";
+import { streamDeck, tokenControl, getPermission } from "../../MaterialDeck.js";
+import {  } from "../misc.js";
 
 export class CombatTracker{
     constructor(){
@@ -20,69 +19,101 @@ export class CombatTracker{
         }
     }
 
+    applyFilter(combatant, settings) {
+        let conf = {
+            forceIcon: undefined,
+            hideName: false
+        }
+        const disposition = combatant.token.disposition;
+        const hidden = combatant.token.hidden;
+        const visibilityMode = settings.visibilityMode ? settings.visibilityMode : 'remove';
+        const dispositionMode = settings.dispositionMode ? settings.dispositionMode : 'remove';
+        if (hidden && (settings.visibilityFilter == 'all' || (settings.visibilityFilter == 'hostileNeutral' && disposition != 1) || (settings.visibilityFilter == 'hostile' && disposition == -1))) {
+            if (visibilityMode == 'black' || visibilityMode == 'remove') conf.forceIcon = "modules/MaterialDeck/img/black.png";
+            else if (visibilityMode == 'mysteryMan') conf.forceIcon = "modules/MaterialDeck/img/token/mystery-man.png";
+            else if (visibilityMode == 'hideName') conf.hideName = true;
+        }
+        if ((settings.dispositionFilter == 'friendlyNeutral' && disposition == -1) || (settings.dispositionFilter == 'friendly' && disposition != 1))  {
+            if (conf.forceIcon == undefined && (dispositionMode == 'black' || dispositionMode == 'remove')) conf.forceIcon = "modules/MaterialDeck/img/black.png";
+            else if (conf.forceIcon == undefined && dispositionMode == 'mysteryMan') conf.forceIcon = "modules/MaterialDeck/img/token/mystery-man.png";
+            else if (dispositionMode == 'hideName') conf.hideName = true;
+        }
+        return conf;
+    }
+
     update(settings,context,device){
         this.active = true;
         const ctFunction = settings.combatTrackerFunction ? settings.combatTrackerFunction : 'startStop';
         const mode = settings.combatTrackerMode ? settings.combatTrackerMode : 'combatants';
+        settings.combatTrackerMode = mode;
         const combat = game.combat;
         let src = "modules/MaterialDeck/img/black.png";
         let txt = "";
         let background = "#000000";
         settings.combat = true;
         settings.icon = settings.displayIcon ? 'tokenIcon' : 'none';
-        
         if (mode == 'combatants'){
-            if (MODULE.getPermission('COMBAT','DISPLAY_COMBATANTS') == false) {
+            if (getPermission('COMBAT','DISPLAY_COMBATANTS') == false) {
                 streamDeck.noPermission(context,device,device,false,"combat tracker");
                 return;
             }
             if (combat != null && combat != undefined && combat.turns.length != 0){
-                const initiativeOrder = combat.turns;
-                let nr = settings.combatantNr - 1;
-                if (nr == undefined || nr < 1) nr = 0;
-                const combatantState = (nr == combat.turn) ? 2 : 1;
+                let initiativeOrder = combat.turns;
+                const dispositionMode = settings.dispositionMode ? settings.dispositionMode : 'remove';
+                if (dispositionMode == 'remove' && settings.dispositionFilter == 'friendly') initiativeOrder = initiativeOrder.filter(c => c.token.disposition == 1);
+                else if (dispositionMode == 'remove' && settings.dispositionFilter == 'friendlyNeutral') initiativeOrder = initiativeOrder.filter(c => c.token.disposition != -1);
+                const visibilityMode = settings.visibilityMode ? settings.visibilityMode : 'none';
+                if (visibilityMode == 'remove' && settings.visibilityFilter == 'hostile') initiativeOrder = initiativeOrder.filter(c => c.token.disposition != -1 && c.token.hidden == false)
+                else if (visibilityMode == 'remove' && settings.visibilityFilter == 'hostileNeutral') initiativeOrder = initiativeOrder.filter(c => c.token.disposition == 1 && c.token.hidden == false)
+                else if (visibilityMode == 'remove' && settings.visibilityFilter == 'all') initiativeOrder = initiativeOrder.filter(c => c.token.hidden == false)
+                const nr = settings.combatantNr ? settings.combatantNr - 1 : 0;
                 const combatant = initiativeOrder[nr]
-
+                const combatantState = (combatant?.token.id == combat.current.tokenId) ? 2 : 1;
                 if (combatant != undefined){
-                    const tokenId = compatibleCore("0.8.1") ? combatant.data.tokenId : combatant.tokenId;
-                    tokenControl.pushData(tokenId,settings,context,device,combatantState,'#cccc00');
+                    const filterConfig = this.applyFilter(combatant, settings);
+                    const tokenId = combatant.token.id;
+                    tokenControl.pushData(tokenId,settings,context,device,combatantState,'#cccc00', filterConfig.forceIcon, filterConfig.hideName);
                     return;
                 }
                 else {
+                    if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
                     streamDeck.setIcon(context,device,src,{background:background});
                     streamDeck.setTitle(txt,context);
                 } 
             }
             else {
+                if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
                 streamDeck.setIcon(context,device,src,{background:background});
                 streamDeck.setTitle(txt,context);
             }
         }
         else if (mode == 'currentCombatant'){
-            if (MODULE.getPermission('COMBAT','DISPLAY_COMBATANTS') == false) {
+            if (getPermission('COMBAT','DISPLAY_COMBATANTS') == false) {
                 streamDeck.noPermission(context,device,device);
                 return;
             }
             if (combat != null && combat != undefined && combat.started){
-                const tokenId = compatibleCore("0.8.1") ? combat.combatant.data.tokenId : combat.combatant.tokenId;
-                tokenControl.pushData(tokenId,settings,context,device);
+                const filterConfig = this.applyFilter(combat.combatant, settings);
+                const tokenId = combat.combatant.token.id;
+                tokenControl.pushData(tokenId,settings,context,device,undefined,undefined, filterConfig.forceIcon, filterConfig.hideName);
             }
             else {
+                if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
                 streamDeck.setIcon(context,device,src,{background:background});
                 streamDeck.setTitle(txt,context);
             }
         }
         else if (mode == 'function'){
 
-            if (ctFunction == 'turnDisplay' && MODULE.getPermission('COMBAT','TURN_DISPLAY') == false) {
+            if (ctFunction == 'turnDisplay' && getPermission('COMBAT','TURN_DISPLAY') == false) {
                 streamDeck.noPermission(context,device);
                 return;
             }
-            else if (ctFunction == 'endTurn' && MODULE.getPermission('COMBAT','END_TURN') == false) {
+            else if (ctFunction == 'endTurn' && getPermission('COMBAT','END_TURN') == false) {
                 streamDeck.noPermission(context,device);
                 return;
             }
-            else if (ctFunction != 'turnDisplay' && ctFunction != 'endTurn' && MODULE.getPermission('COMBAT','OTHER_FUNCTIONS') == false) {
+            else if (ctFunction != 'turnDisplay' && ctFunction != 'endTurn' && getPermission('COMBAT','OTHER_FUNCTIONS') == false) {
                 streamDeck.noPermission(context,device);
                 return;
             }
@@ -127,36 +158,44 @@ export class CombatTracker{
                     turn = combat.turn+1;
                 }
                 if (settings.displayRound) txt += "Round\n"+round;
-                if (txt != "") txt += "\n";
+                if (settings.displayRound && settings.displayTurn) txt += "\n";
                 if (settings.displayTurn) txt += "Turn\n"+turn;
             }
+            else if (ctFunction == 'rollInitiative' || ctFunction == 'rollInitiativeNPC')
+                src = "modules/MaterialDeck/img/token/init.png";
+
+            if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+                src = settings.iconOverride;
+                background = settings.background ? settings.background : '#000000'
+            }
+
             streamDeck.setIcon(context,device,src,{background:background});
             streamDeck.setTitle(txt,context);
         }
     }
 
-    keyPress(settings,context,device){
+    async keyPress(settings,context,device){
         const mode = settings.combatTrackerMode ? settings.combatTrackerMode : 'combatants';
+        const selectCombatant = settings.selectCombatant ? settings.selectCombatant : false;
         const combat = game.combat;
 
         if (mode == 'function'){
             if (combat == null || combat == undefined) return;
             const ctFunction = settings.combatTrackerFunction ? settings.combatTrackerFunction : 'startStop';
 
-            if (ctFunction == 'turnDisplay' && MODULE.getPermission('COMBAT','TURN_DISPLAY') == false) {
+            if (ctFunction == 'turnDisplay' && getPermission('COMBAT','TURN_DISPLAY') == false) {
                 streamDeck.noPermission(context,device);
                 return;
             }
-            else if (ctFunction == 'endTurn' && MODULE.getPermission('COMBAT','END_TURN') == false) {
+            else if (ctFunction == 'endTurn' && getPermission('COMBAT','END_TURN') == false) {
                 streamDeck.noPermission(context,device);
                 return;
             }
-            else if (ctFunction != 'turnDisplay' && ctFunction != 'endTurn' && MODULE.getPermission('COMBAT','OTHER_FUNCTIONS') == false) {
+            else if (ctFunction != 'turnDisplay' && ctFunction != 'endTurn' && getPermission('COMBAT','OTHER_FUNCTIONS') == false) {
                 streamDeck.noPermission(context,device);
                 return;
             }
-
-            if (ctFunction == 'startStop'){
+            else if (ctFunction == 'startStop'){
                 let src;
                 let background;
                 if (game.combat.started){
@@ -167,13 +206,20 @@ export class CombatTracker{
                 }
                 return;
             }
-            if (game.combat.started == false) return;
+            else if (ctFunction == 'rollInitiative' && getPermission('COMBAT','OTHER_FUNCTIONS')) game.combat.rollAll();
+            else if (ctFunction == 'rollInitiativeNPC' && getPermission('COMBAT','OTHER_FUNCTIONS')) game.combat.rollNPC();
             
-            if (ctFunction == 'nextTurn') game.combat.nextTurn();
-            else if (ctFunction == 'prevTurn') game.combat.previousTurn();
-            else if (ctFunction == 'nextRound') game.combat.nextRound();
-            else if (ctFunction == 'prevRound') game.combat.previousRound();
-            else if (ctFunction == 'endTurn' && game.combat.combatant.owner) game.combat.nextTurn();
+            if (game.combat.started == false) return;
+            if (ctFunction == 'nextTurn') await game.combat.nextTurn();
+            else if (ctFunction == 'prevTurn') await game.combat.previousTurn();
+            else if (ctFunction == 'nextRound') await game.combat.nextRound();
+            else if (ctFunction == 'prevRound') await game.combat.previousRound();
+            else if (ctFunction == 'endTurn' && game.combat.combatant.owner) await game.combat.nextTurn();
+            
+            if (selectCombatant) {
+                const token = canvas.tokens.placeables.filter(token => token.id == game.combat.combatant.token.id)[0];
+                if (token.can(game.userId,"control")) token.control();
+            }
         }
         else {
             const onClick = settings.onClick ? settings.onClick : 'doNothing';
@@ -185,12 +231,12 @@ export class CombatTracker{
                     if (nr == undefined || nr < 1) nr = 0;
                     const combatant = initiativeOrder[nr]
                     if (combatant == undefined) return;
-                    tokenId = compatibleCore("0.8.1") ? combatant.data.tokenId : combatant.tokenId;
+                    tokenId = combatant.token.id;
                 }
             }
             else if (mode == 'currentCombatant') 
                 if (combat != null && combat != undefined && combat.started)
-                    tokenId = compatibleCore("0.8.1") ? combat.combatant.data.tokenId : combat.combatant.tokenId;
+                    tokenId = combat.combatant.token.id;
                 
             let token = (canvas.tokens.children[0] != undefined) ? canvas.tokens.children[0].children.find(p => p.id == tokenId) : undefined;
             if (token == undefined) return;
@@ -218,6 +264,12 @@ export class CombatTracker{
                 if (element == null) token.sheet.render(true);
                 else token.sheet.close();
             }
+            else if (onClick == 'rollInitiative') {
+                token.actor.rollInitiative({rerollInitiative:true});
+            }
+            else if (onClick == 'target') {
+                token.setTarget(!token.isTargeted,{releaseOthers:false})
+            }
         }
         
     }

src/actions/external.js

@@ -0,0 +1,955 @@
+import { streamDeck } from "../../MaterialDeck.js";
+import { } from "../misc.js";
+
+export class ExternalModules{
+    soundscapeSettings = {
+        channels: [],
+        master: {
+            mute: false,
+            volume: 1,
+            playing: false,
+            name: 'Master'
+        },
+        soundboard: [],
+        soundboardVolume: 1,
+        playing: false
+    }
+    constructor(){
+        this.active = false;
+        this.gmScreenOpen = false;
+
+        let channelData = [];
+        let soundboardData = [];
+        for (let i=0; i<8; i++) {
+            channelData.push({
+                volume: 1,
+                mute: false,
+                solo: false,
+                link: false,
+                playing: false,
+                pan: 1,
+                name: ''
+            })
+        }
+        for (let i=0; i<25; i++) {
+            soundboardData.push({
+                active: false,
+                name: '',
+                icon: ''
+            })
+        }
+        this.soundscapeSettings.channels = channelData;
+        this.soundscapeSettings.soundboard = soundboardData;
+    }
+
+    async updateAll(data={}){
+        if (data.gmScreen != undefined){
+            this.gmScreenOpen = data.gmScreen.isOpen;
+        }
+        if (this.active == false) return;
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'external') continue;
+                await this.update(data.settings,data.context,device.device);
+            }
+        }
+    }
+
+    update(settings,context,device){
+        this.active = true;
+        const module = settings.module ? settings.module : 'fxmaster';
+        if (module == 'fxmaster')           this.updateFxMaster(settings,context,device);
+        else if (module == 'gmscreen')      this.updateGMScreen(settings,context,device);
+        else if (module == 'triggerHappy')  this.updateTriggerHappy(settings,context,device);
+        else if (module == 'sharedVision')  this.updateSharedVision(settings,context,device);
+        else if (module == 'notYourTurn')   this.updateNotYourTurn(settings,context,device);
+        else if (module == 'lockView')      this.updateLockView(settings,context,device);
+        else if (module == 'simpleCalendar')     this.updateSimpleCalendar(settings,context,device);
+        else if (module == 'soundscape')    this.updateSoundscape(settings,context,device);
+        else if (module == 'monksActiveTiles') this.updateMonksActiveTiles(settings,context,device);
+    }
+
+    keyPress(settings,context,device){
+        if (this.active == false) return;
+        const module = settings.module ? settings.module : 'fxmaster';
+
+        if (module == 'fxmaster')           this.keyPressFxMaster(settings,context,device);
+        else if (module == 'gmscreen')      this.keyPressGMScreen(settings,context,device);
+        else if (module == 'triggerHappy')  this.keyPressTriggerHappy(settings,context,device);
+        else if (module == 'sharedVision')  this.keyPressSharedVision(settings,context,device);
+        else if (module == 'notYourTurn')   this.keyPressNotYourTurn(settings,context,device);
+        else if (module == 'lockView')      this.keyPressLockView(settings,context,device);
+        else if (module == 'simpleCalendar')     this.keyPressSimpleCalendar(settings,context,device);
+        else if (module == 'soundscape')    this.keyPressSoundscape(settings,context,device);
+        else if (module == 'monksActiveTiles') this.keyPressMonksActiveTiles(settings,context,device);
+    }
+
+    getModuleEnable(moduleId){
+        const module = game.modules.get(moduleId);
+        if (module == undefined || module.active == false) return false;
+        return true;
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //FxMaster
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    updateFxMaster(settings,context,device){
+        if (game.user.isGM == false) return;
+        const fxmaster = game.modules.get("fxmaster");
+        if (fxmaster == undefined || fxmaster.active == false) return;
+
+        const type = (settings.fxMasterType == undefined) ? 'weatherControls' : settings.fxMasterType;
+        const displayIcon = settings.displayFxMasterIcon;
+        const displayName = settings.displayFxMasterName;
+        let ring = 0;
+        let ringColor = "#000000";
+        let background = "#000000"
+
+        let icon = '';
+        let name = '';
+        if (type == 'weatherControls') {
+            const effect = (settings.weatherEffect == undefined) ? 'leaves' : settings.weatherEffect;
+            name =game.i18n.localize(CONFIG.fxmaster.particleEffects[effect].label);
+            icon = CONFIG.fxmaster.particleEffects[effect].icon;
+            ring = canvas.scene.getFlag("fxmaster", "effects")?.[`core_${effect}`] ? 2 : 1;
+            ringColor = ring < 2 ? '#000000' : "#00ff00";
+        }
+        else if (type == 'filters') {
+            const filter = (settings.fxMasterFilter == undefined) ? 'underwater' : settings.fxMasterFilter;
+            name = game.i18n.localize(CONFIG.fxmaster.filterEffects[filter].label);
+            background = "#340057";
+            if (displayIcon){
+                if (filter == 'lightning') icon = "fas fa-bolt";
+                else if (filter == 'underwater') icon = "fas fa-water";
+                else if (filter == 'predator') icon = "fas fa-wave-square";
+                else if (filter == 'color') icon = "fas fa-palette";
+                else if (filter == 'oldfilm') icon = "fas fa-film";
+                else if (filter == 'bloom') icon = "fas fa-ghost";
+            }
+            const fxmaster = canvas.scene.getFlag("fxmaster", "filters");
+            ring = 1;
+            if (fxmaster != undefined) {
+                const objKeys = Object.keys(fxmaster);
+                for (let i=0; i<objKeys.length; i++){
+                    if (objKeys[i] == "core_"+filter) {
+                        ring = 2;
+                        ringColor = "#A600FF";
+                        break;
+                    }
+                }
+            }
+            if (filter == 'color') background = settings.fxMasterFilterColor ? settings.fxMasterFilterColor : '#ffffff';
+        }
+        else if (type == 'clear'){
+            icon = "fas fa-trash";
+            name = game.i18n.localize("MaterialDeck.FxMaster.Clear");
+        }
+
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) icon = settings.iconOverride;
+        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:ring,ringColor:ringColor});
+        else streamDeck.setIcon(context,device, "", {background:background,ring:ring,ringColor:ringColor});
+        if (displayName == 0) name = ""; 
+        streamDeck.setTitle(name,context);
+    }
+
+    keyPressFxMaster(settings,context,device){
+        if (game.user.isGM == false) return;
+        const fxmaster = game.modules.get("fxmaster");
+        if (fxmaster == undefined || fxmaster.active == false) return;
+
+        const type = (settings.fxMasterType == undefined) ? 'weatherControls' : settings.fxMasterType;
+
+        if (type == 'weatherControls') {
+            const effect = (settings.weatherEffect == undefined) ? 'leaves' : settings.weatherEffect;
+
+            const options = {
+                density: (settings.densitySlider == undefined) ? 0.25 : settings.densitySlider,
+                speed: (settings.speedSlider == undefined) ? 1 : settings.speedSlider,
+                direction: (settings.directionSlider == undefined) ? 15 : settings.directionSlider,
+                scale: (settings.scaleSlider == undefined) ? 1 : settings.scaleSlider,
+                color: (settings.fxMasterWeatherColor == undefined) ? "#000000" : settings.fxMasterWeatherColor,
+                applyColor: (settings.fxWeatherEnColor == undefined) ? false : settings.fxWeatherEnColor
+            }
+
+            Hooks.call("fxmaster.switchParticleEffect", {
+                name: `core_${effect}`,
+                type: effect,
+                options,
+              });
+
+        }
+        else if (type == 'filters') {
+            const filter = (settings.fxMasterFilter == undefined) ? 'underwater' : settings.fxMasterFilter;
+
+            let options = {color: {value:"#000000", apply:false}};
+            if (filter == 'lightning') {
+                options.period = settings.fxMasterFilterPeriod ? parseFloat(settings.fxMasterFilterPeriod) : 500;
+                options.duration = settings.fxMasterFilterDuration ? parseFloat(settings.fxMasterFilterDuration) : 300;
+                options.brightness = settings.fxMasterFilterBrightness ? parseFloat(settings.fxMasterFilterBrightness) : 1.3;
+            }
+            else if (filter == 'underwater') {
+                options.speed = settings.fxMasterFilterSpeed ? parseFloat(settings.fxMasterFilterSpeed) : 0.3;
+                options.scale = settings.fxMasterFilterScale ? parseFloat(settings.fxMasterFilterScale) : 4;
+            }
+            else if (filter == 'predator') {
+                options.noise = settings.fxMasterFilterNoise ? parseFloat(settings.fxMasterFilterNoise) : 4;
+                options.speed = settings.fxMasterFilterSpeed ? parseFloat(settings.fxMasterFilterSpeed)*0.1 : 0.03;
+            }
+            
+            else if (filter == 'bloom') {
+                options.blur = settings.fxMasterFilterBlur ? parseFloat(settings.fxMasterFilterBlur) : 1;
+                options.bloom = settings.fxMasterFilterBloom ? parseFloat(settings.fxMasterFilterBloom) : 0.1;
+                options.threshold = settings.fxMasterFilterThreshold ? parseFloat(settings.fxMasterFilterThreshold) : 0.5;
+            }
+            else if (filter == 'oldfilm') {
+                options.sepia = settings.fxMasterFilterSepia ? parseFloat(settings.fxMasterFilterSepia) : 0.3;
+                options.noise = settings.fxMasterFilterNoise ? parseFloat(settings.fxMasterFilterNoise) : 4;
+            }
+
+            if (filter == 'color') {
+                options.color = {
+                    apply: settings.fxMasterFilterTint ? settings.fxMasterFilterTint : false,
+                    value: settings.fxMasterFilterColor ? settings.fxMasterFilterColor : '#ffffff'
+                }
+                options.saturation = settings.fxMasterFilterSaturation ? parseFloat(settings.fxMasterFilterSaturation) : 1;
+                options.contrast = settings.fxMasterFilterContrast ? parseFloat(settings.fxMasterFilterContrast) : 1;
+                options.brightness = settings.fxMasterFilterBrightness ? parseFloat(settings.fxMasterFilterBrightness) : 1;
+                options.Gamma = settings.fxMasterFilterGamma ? parseFloat(settings.fxMasterFilterGamma) : 1;
+            }
+
+            FXMASTER.filters.switch(`core_${filter}`, filter, options);
+        }
+        else if (type == 'clear'){
+            canvas.scene.unsetFlag("fxmaster", "filters");
+            canvas.scene.unsetFlag("fxmaster", "effects");
+        }
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //GM Screen
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    updateGMScreen(settings,context,device){
+        if (this.getModuleEnable("gm-screen") == false) return;
+        if (game.user.isGM == false) return;
+        const background = settings.gmScreenBackground ? settings.gmScreenBackground : '#000000';
+        let ring = 1;
+        const ringColor = '#00FF00'
+        let src = '';
+        let txt = '';
+
+        if (this.gmScreenOpen) ring = 2;
+        
+        if (settings.displayGmScreenIcon) src = "fas fa-book-reader";
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor});
+        if (settings.displayGmScreenName) txt = game.i18n.localize(`GMSCR.gmScreen.Open`); 
+        streamDeck.setTitle(txt,context);
+    }
+
+    keyPressGMScreen(settings,context,device){
+        if (this.getModuleEnable("gm-screen") == false) return;
+        if (game.user.isGM == false) return;
+        game.modules.get('gm-screen')?.api?.toggleGmScreenVisibility?.();
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //Trigger Happy
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    updateTriggerHappy(settings,context,device) {
+        if (this.getModuleEnable("trigger-happy") == false) return;
+        if (game.user.isGM == false) return;
+        
+        const displayName = settings.displayTriggerHappyName ? settings.displayTriggerHappyName : false;
+        const displayIcon = settings.displayTriggerHappyIcon ? settings.displayTriggerHappyIcon : false;
+
+        const background = "#340057";
+        const ringColor = game.settings.get("trigger-happy", "enableTriggers") ? "#A600FF" : "#340057";
+
+        let txt = '';
+        let src = "fas fa-grin-squint-tears";
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        if (displayIcon) streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
+        if (displayName) txt = 'Trigger Happy';
+        
+        streamDeck.setTitle(txt,context);
+    }
+
+    keyPressTriggerHappy(settings,context,device){
+        if (this.getModuleEnable("trigger-happy") == false) return;
+        if (game.user.isGM == false) return;
+        const mode = settings.triggerHappyMode ? settings.triggerHappyMode : 'toggle';
+
+        let val = game.settings.get("trigger-happy", "enableTriggers");
+        if (mode == 'toggle') val = !val;
+        else if (mode == 'enable') val = true;
+        else if (mode == 'disable') val = false;
+
+        game.settings.set("trigger-happy", "enableTriggers", val);
+
+        const control = ui.controls.controls.find(c => c.name == 'token');
+        if (control == undefined) return;
+        let tool = control.tools.find(t => t.name == 'triggers');
+        if (tool == undefined) return;
+        tool.active = val;
+        ui.controls.render(); 
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //Shared Vision
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    updateSharedVision(settings,context,device) {
+        if (this.getModuleEnable("SharedVision") == false) return;
+        if (game.user.isGM == false) return;
+        
+        const displayName = settings.sharedVisionName ? settings.sharedVisionName : false;
+        const displayIcon = settings.sharedVisionIcon ? settings.sharedVisionIcon : false;
+
+        const background = "#340057";
+        const ringColor = game.settings.get("SharedVision", "enable") ? "#A600FF" : "#340057";
+
+        let txt = '';
+        let src = "fas fa-eye";
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        if (displayIcon) streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
+        if (displayName) txt = 'Shared Vision';
+        streamDeck.setTitle(txt,context);
+    }
+
+    keyPressSharedVision(settings,context,device) {
+        if (this.getModuleEnable("SharedVision") == false) return;
+        if (game.user.isGM == false) return;
+
+        const mode = settings.sharedVisionMode ? settings.sharedVisionMode : 'toggle';
+
+        if (mode == 'toggle') Hooks.call("setShareVision",{enable:'toggle'});
+        else if (mode == 'enable') Hooks.call("setShareVision",{enable:true});
+        else if (mode == 'disable') Hooks.call("setShareVision",{enable:false});
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //Not Your Turn!
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    updateNotYourTurn(settings,context,device) {
+        
+        if (this.getModuleEnable("NotYourTurn") == false) return;
+        if (game.user.isGM == false) return;
+
+        const mode = settings.notYourTurnMode ? settings.notYourTurnMode : 'toggle';
+        const displayName = settings.notYourTurnName ? settings.notYourTurnName : false;
+        const displayIcon = settings.notYourTurnIcon ? settings.notYourTurnIcon : false;
+
+        const background = "#340057";
+        let ringColor = "#340057" ;
+
+        let txt = '';
+        let icon = '';
+        if (mode == 'toggle' || mode == 'enable' || mode == 'disable') {
+            icon = "fas fa-fist-raised";
+            txt = "Block Combat Movement";
+            ringColor = game.settings.get('NotYourTurn','enable') ?  "#A600FF": "#340057" ;
+        }
+        else {
+            icon = "fas fa-lock";
+            txt = "Block Non-Combat Movement";
+            ringColor = game.settings.get('NotYourTurn','nonCombat') ?  "#A600FF": "#340057" ;
+        }
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) icon = settings.iconOverride;
+        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:2,ringColor:ringColor});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
+        if (displayName == false) txt = '';
+        streamDeck.setTitle(txt,context);
+    }
+
+    async keyPressNotYourTurn(settings,context,device) {
+        if (this.getModuleEnable("NotYourTurn") == false) return;
+        if (game.user.isGM == false) return;
+
+        const mode = settings.notYourTurnMode ? settings.notYourTurnMode : 'toggle';
+
+        if (mode == 'toggle') Hooks.call("setNotYourTurn",{combat:'toggle'});
+        else if (mode == 'enable') Hooks.call("setNotYourTurn",{combat:true});
+        else if (mode == 'disable') Hooks.call("setNotYourTurn",{combat:false});
+        else if (mode == 'toggleNonCombat') Hooks.call("setNotYourTurn",{nonCombat:'toggle'});
+        else if (mode == 'enableNonCombat') Hooks.call("setNotYourTurn",{nonCombat:true});
+        else if (mode == 'disableNonCombat') Hooks.call("setNotYourTurn",{nonCombat:false});
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //Lock View
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    updateLockView(settings,context,device) {
+        
+        if (this.getModuleEnable("LockView") == false) return;
+        if (game.user.isGM == false) return;
+
+        const mode = settings.lockViewMode ? settings.lockViewMode : 'panLock';
+        const displayName = settings.lockViewName ? settings.lockViewName : false;
+        const displayIcon = settings.lockViewIcon ? settings.lockViewIcon : false;
+
+        const background = "#340057";
+        let ringColor = "#340057" ;
+
+        let txt = '';
+        let icon = '';
+        if (mode == 'panLock') {
+            icon = "fas fa-arrows-alt";
+            txt = "Pan Lock";
+            ringColor = canvas.scene.getFlag('LockView', 'lockPan') ?  "#A600FF": "#340057" ;
+        }
+        else if (mode == 'zoomLock') {
+            icon = "fas fa-search-plus";
+            txt = "Zoom Lock";
+            ringColor = canvas.scene.getFlag('LockView', 'lockZoom') ?  "#A600FF": "#340057" ;
+        }
+        else if (mode == 'boundingBox') {
+            icon = "fas fa-box";
+            txt = "Bounding Box";
+            ringColor = canvas.scene.getFlag('LockView', 'boundingBox') ?  "#A600FF": "#340057" ;
+        }
+        
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) icon = settings.iconOverride;
+        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:2,ringColor:ringColor});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
+        if (displayName == false) txt = '';
+        streamDeck.setTitle(txt,context);
+    }
+
+    async keyPressLockView(settings,context,device) {
+        if (this.getModuleEnable("LockView") == false) return;
+        if (game.user.isGM == false) return;
+
+        const mode = settings.lockViewMode ? settings.lockViewMode : 'panLock';
+        let toggle = settings.lockViewToggle ? settings.lockViewToggle : 'toggle';
+        if (toggle == 'enable') toggle = true;
+        else if (toggle == 'disable') toggle = false;
+        let msg = {};
+
+        if (mode == 'panLock') msg = {panLock:toggle};
+        else if (mode == 'zoomLock') msg = {zoomLock:toggle};
+        else if (mode == 'boundingBox') msg = {boundingBox:toggle};
+
+        Hooks.call("setLockView",msg);
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //About Time
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    updateSimpleCalendar(settings,context,device) {
+        if (this.getModuleEnable("foundryvtt-simple-calendar") == false) return;
+        if (game.user.isGM == false) return;
+
+        const displayTime = settings.simpleCalendarDisplayTime ? settings.simpleCalendarDisplayTime : 'none';
+        const displayDate = settings.simpleCalendarDisplayDate ? settings.simpleCalendarDisplayDate : 'none';
+        const background = settings.simpleCalendarBackground ? settings.simpleCalendarBackground : '#000000';
+        const ringOffColor = settings.simpleCalendarOffRing ? settings.simpleCalendarOffRing : '#000000';
+        const ringOnColor = settings.simpleCalendarOnRing ? settings.simpleCalendarOnRing : '#00FF00';
+
+        let ring = 0;
+        let ringColor = '#000000';
+        let txt = '';
+        let currentTime = SimpleCalendar.api.currentDateTime();
+        let clock = 'none';
+
+        if (displayTime == 'clock') {
+            const hours = currentTime.hour > 12 ? currentTime.hour-12 : currentTime.hour;
+            clock = {
+                hours: hours,
+                minutes: currentTime.minute
+            }
+        }
+        else if (displayTime != 'none') {
+            let hours;
+            let AMPM = "";
+            if ((displayTime == 'compact12h' || displayTime == 'full12h' || displayTime == 'hours12h') && currentTime.hour > 12) {
+                hours = currentTime.hour - 12;
+                AMPM = " PM";
+            }
+            else if ((displayTime == 'compact12h' || displayTime == 'full12h' || displayTime == 'hours12h') && currentTime.hour <= 12) {
+                hours = currentTime.hour;
+                AMPM = " AM";
+            }
+            else {
+                hours = currentTime.hour;
+            }
+            if (displayTime == 'hours24h' || displayTime == 'hours12h') txt = hours;
+            else if (displayTime == 'minutes') txt = currentTime.minute;
+            else if (displayTime == 'seconds') txt = currentTime.seconds;
+            else {
+                if (currentTime.minute < 10) currentTime.minute = '0' + currentTime.minute;
+                if (currentTime.seconds < 10) currentTime.seconds = '0' + currentTime.seconds;
+                txt += hours + ':' + currentTime.minute;
+                if (displayTime == 'full24h' || displayTime == 'full12h') txt += ':' + currentTime.seconds;
+            }
+            if (displayTime == 'compact12h' || displayTime == 'full12h' || displayTime == 'hours12h') txt += AMPM;
+        }
+        if (displayTime != 'none' && displayTime != 'clock' && displayDate != 'none') txt += '\n';
+
+        if (displayDate == 'day') txt += currentTime.day;
+        else if (displayDate == 'dayName') txt += SimpleCalendar.api.getCurrentWeekday().name;
+        else if (displayDate == 'month') txt += currentTime.month;
+        else if (displayDate == 'monthName') txt += SimpleCalendar.api.getCurrentMonth().name;
+        else if (displayDate == 'year') txt += currentTime.year;
+        else if (displayDate == 'small') txt += currentTime.day + '-' + currentTime.month;
+        else if (displayDate == 'smallInv') txt += currentTime.month + '-' + currentTime.day;
+        else if (displayDate == 'full') txt += currentTime.day + '-' + currentTime.month + '-' + currentTime.year;
+        else if (displayDate == 'fullInv') txt += currentTime.month + '-' + currentTime.day + '-' + currentTime.year;
+        else if (displayDate == 'text' || displayDate == 'textDay' || displayDate == 'textAbbr' || displayDate == 'textDayAbbr') {
+            if (displayDate == 'textDay') txt += SimpleCalendar.api.getCurrentWeekday().name + ' ';
+            else if (displayDate == 'textDayAbbr') txt += SimpleCalendar.api.getCurrentWeekday().abbreviation + ' ';
+            txt += currentTime.day;
+            if (currentTime.day % 10 == 1 && currentTime != 11) txt += game.i18n.localize("MaterialDeck.SimpleCalendar.First");
+            else if (currentTime.day % 10 == 2 && currentTime != 12) txt += game.i18n.localize("MaterialDeck.SimpleCalendar.Second");
+            else if (currentTime.day % 10 == 3 && currentTime != 13) txt += game.i18n.localize("MaterialDeck.SimpleCalendar.Third");
+            else txt += game.i18n.localize("MaterialDeck.SimpleCalendar.Fourth");
+            txt += ' ' + game.i18n.localize("MaterialDeck.SimpleCalendar.Of") + ' '
+            if (displayDate == 'textAbbr' || displayDate == 'textDayAbbr') txt += SimpleCalendar.api.getCurrentMonth().abbreviation
+            else txt += SimpleCalendar.api.getCurrentMonth().name
+            txt += ', ' + currentTime.year;
+        }
+
+        if (settings.simpleCalendarActive) {
+            const clockRunning = SimpleCalendar.api.clockStatus().started;
+            ringColor = clockRunning ? ringOnColor : ringOffColor;
+            ring = 2;
+        }
+        
+        streamDeck.setTitle(txt.toString(),context);
+        streamDeck.setIcon(context,device,'',{background:background,ring:ring,ringColor:ringColor, clock:clock});
+    }
+
+    keyPressSimpleCalendar(settings,context,device) {
+        if (this.getModuleEnable("foundryvtt-simple-calendar") == false) return;
+        if (game.user.isGM == false) return;
+
+        const onClick = settings.simpleCalendarOnClick ? settings.simpleCalendarOnClick : 'none';
+        if (onClick == 'none') return;
+        else if (onClick == 'startStop') {
+            const clockRunning = SimpleCalendar.api.clockStatus().started;
+            const startMode = settings.simpleCalendarStartStopMode ? settings.simpleCalendarStartStopMode : 'toggle';
+            if (clockRunning && (startMode == 'toggle' || startMode == 'stop')) SimpleCalendar.api.stopClock();
+            else if (!clockRunning && (startMode == 'toggle' || startMode == 'start')) SimpleCalendar.api.startClock();
+        }
+        else if (onClick == 'advance') {
+            const advanceMode = settings.simpleCalendarAdvanceMode ? settings.simpleCalendarAdvanceMode : 'dawn';
+            if (advanceMode == 'sunrise') SimpleCalendar.api.advanceTimeToPreset(SimpleCalendar.api.PresetTimeOfDay.Sunrise);
+            if (advanceMode == 'midday') SimpleCalendar.api.advanceTimeToPreset(SimpleCalendar.api.PresetTimeOfDay.Midday);
+            if (advanceMode == 'sunset') SimpleCalendar.api.advanceTimeToPreset(SimpleCalendar.api.PresetTimeOfDay.Sunset);
+            if (advanceMode == 'midnight') SimpleCalendar.api.advanceTimeToPreset(SimpleCalendar.api.PresetTimeOfDay.Midnight);
+            else if (advanceMode == '1s') SimpleCalendar.api.changeDate({seconds: 1});
+            else if (advanceMode == '30s') SimpleCalendar.api.changeDate({seconds: 30});
+            else if (advanceMode == '1m') SimpleCalendar.api.changeDate({minute: 1});
+            else if (advanceMode == '5m') SimpleCalendar.api.changeDate({minute: 5});
+            else if (advanceMode == '15m') SimpleCalendar.api.changeDate({minute: 15});
+            else if (advanceMode == '1h')  SimpleCalendar.api.changeDate({hour: 1});
+            else if (advanceMode == '6h')  SimpleCalendar.api.changeDate({hour: 6});
+            else if (advanceMode == '12h')  SimpleCalendar.api.changeDate({hour: 12});
+            else if (advanceMode == '1d')  SimpleCalendar.api.changeDate({day: 1});
+            else if (advanceMode == '7d')  SimpleCalendar.api.changeDate({day: 7});
+            else if (advanceMode == '1M')  SimpleCalendar.api.changeDate({month: 1});
+            else if (advanceMode == '1y')  SimpleCalendar.api.changeDate({year: 1});
+        }
+        else if (onClick == 'recede') {
+            const advanceMode = settings.simpleCalendarAdvanceMode ? settings.simpleCalendarAdvanceMode : 'dawn';
+            let now = SimpleCalendar.api.currentDateTime();
+            if (advanceMode == 'sunrise') {
+                SimpleCalendar.api.changeDate({day: -1});
+                SimpleCalendar.api.advanceTimeToPreset(SimpleCalendar.api.PresetTimeOfDay.Sunrise);
+            }
+            else if (advanceMode == 'midday') {
+                SimpleCalendar.api.changeDate({day: -1});
+                SimpleCalendar.api.advanceTimeToPreset(SimpleCalendar.api.PresetTimeOfDay.Midday);
+            }
+            else if (advanceMode == 'sunset') {
+                SimpleCalendar.api.changeDate({day: -1});
+                SimpleCalendar.api.advanceTimeToPreset(SimpleCalendar.api.PresetTimeOfDay.Sunset);
+            }
+            else if (advanceMode == 'midnight') {
+                SimpleCalendar.api.changeDate({day: -1});
+                SimpleCalendar.api.advanceTimeToPreset(SimpleCalendar.api.PresetTimeOfDay.Midnight);
+            }
+            else if (advanceMode == '1s') SimpleCalendar.api.changeDate({seconds: -1});
+            else if (advanceMode == '30s') SimpleCalendar.api.changeDate({seconds: -30});
+            else if (advanceMode == '1m') SimpleCalendar.api.changeDate({minute: -1});
+            else if (advanceMode == '5m') SimpleCalendar.api.changeDate({minute: -5});
+            else if (advanceMode == '15m') SimpleCalendar.api.changeDate({minute: -15});
+            else if (advanceMode == '1h')  SimpleCalendar.api.changeDate({hour: -1});
+            else if (advanceMode == '6h')  SimpleCalendar.api.changeDate({hour: -6});
+            else if (advanceMode == '12h')  SimpleCalendar.api.changeDate({hour: -12});
+            else if (advanceMode == '1d')  SimpleCalendar.api.changeDate({day: -1});
+            else if (advanceMode == '7d')  SimpleCalendar.api.changeDate({day: -7});
+            else if (advanceMode == '1M')  SimpleCalendar.api.changeDate({month: -1});
+            else if (advanceMode == '1y')  SimpleCalendar.api.changeDate({year: -1});
+        }
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //Soundscape
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    updateSoundscape(settings,context,device) {
+        
+        if (this.getModuleEnable("soundscape") == false) return;
+        if (game.user.isGM == false) return;
+
+        const target = settings.soundscapeTarget ? settings.soundscapeTarget : 'mixer';
+        let channel = settings.soundscapeChannel ? settings.soundscapeChannel : 1;
+        
+        let background = '#000000';
+        let ring = 0;
+        let ringColor = '#000000';
+
+        let txt = '';
+        let src = 'modules/MaterialDeck/img/transparant.png';
+        let name = '';
+
+        if (target == 'mixer') {
+            let mode = settings.soundscapeMixerMode ? settings.soundscapeMixerMode : 'startStopAll';
+            const displayName = settings.soundscapeMixerName;
+            const displayChannel = settings.soundscapeDisplayMixerChannel;
+
+            if (mode == 'startStopAll') {
+                channel = 'master';
+                mode = 'startStop';
+            }
+
+            if (channel == 'Master') channel = 'master';
+
+            let channelSettings;
+            if (channel == 'master') {
+                channelSettings = this.soundscapeSettings.master;
+                channelSettings.playing = this.soundscapeSettings.playing;
+                channelSettings.name = 'Master';
+            }
+            else channelSettings = this.soundscapeSettings.channels[channel-1];
+            if (displayChannel && channel == 'master') txt += 'Master';
+            else if (displayChannel) txt += channel;
+
+            if (mode == 'startStop') {
+                if (displayChannel) txt += '\n';
+                if (channelSettings.playing) {
+                    src = "fas fa-stop";
+                    ringColor = '#00ff00';
+                }
+                else {
+                    src = "fas fa-play";
+                    ringColor = '#006600';
+                }
+                ring=2;
+                
+            }
+            else if (mode == 'mute') {
+                if (displayChannel) txt += '\n';
+                txt += 'M';
+                if (displayName) txt += '\n';
+                ring=2;
+                ringColor = '#ff0000';
+                background = channelSettings.mute ? '#ff0000' : '#660000'
+            }
+            else if (mode == 'solo') {
+                if (channel == 'master') return;
+                if (displayChannel) txt += '\n';
+                txt += 'S';
+                if (displayName) txt += '\n';
+                ring=2;
+                ringColor = '#ffff00';
+                background = channelSettings.solo ? '#ffff00' : '#666600'
+            }
+            else if (mode == 'link') {
+                if (channel == 'master') return;
+                if (displayChannel) txt += '\n';
+                txt += 'L';
+                if (displayName) txt += '\n';
+                ring=2;
+                ringColor = '#00ffff';
+                background = channelSettings.link ? '#00ffff' : '#000066'
+            }
+            else if (displayName && displayChannel) txt += '\n';
+
+            if (displayName) txt += channelSettings.name;
+
+            if (mode == 'volume') {
+                const displayValue = settings.soundscapeDisplayMixerValue;
+                const volume = Math.floor(channelSettings.volume*100);
+                if (displayValue && (displayName || displayChannel)) txt += '\n';
+                if (displayValue) txt += volume;
+            }
+            
+        }
+        else if (target == 'soundboard') {
+            const displayName = settings.soundscapeSoundboardName;
+            const displayIcon = settings.soundscapeSoundboardIcon;
+            const displayChannel = settings.soundscapeDisplayChannel;
+            const displayValue = settings.soundscapeSoundboardValue;
+            const mode = settings.soundscapeSoundboardMode ? settings.soundscapeSoundboardMode : 'play';
+
+            if (mode == 'play') {
+                channel -= 1;
+                let sound = this.soundscapeSettings.soundboard[channel];
+
+                if (displayChannel) txt += channel+1;
+                if (displayChannel && displayName) txt += '\n';
+                if (displayName) txt += sound.name;
+                if (displayIcon) src = sound.icon;
+            }
+            else if (mode == 'volume') {
+                const volume = Math.floor(this.soundscapeSettings.soundboardVolume*100);
+                if (displayValue) txt += volume;
+            }
+            else if (mode == 'stop') {
+                src = 'modules/MaterialDeck/img/playlist/stop.png';
+            }
+        }
+       
+        streamDeck.setTitle(txt,context);
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor});
+    }
+
+    async keyPressSoundscape(settings,context,device) {
+        if (this.getModuleEnable("soundscape") == false) return;
+        if (game.user.isGM == false) return;
+
+        const target = settings.soundscapeTarget ? settings.soundscapeTarget : 'mixer';
+        let channel = settings.soundscapeChannel ? settings.soundscapeChannel : 1;
+
+        if (target == 'mixer') {
+            const mode = settings.soundscapeMixerMode ? settings.soundscapeMixerMode : 'startStopAll';
+
+            if (mode == 'startStopAll') {
+                const playing = !this.soundscapeSettings.playing;
+                if (playing) {
+                    Hooks.call('setSoundscape',{"msgType":"start","channelNr":undefined});
+                    return;
+                }
+                else {
+                    Hooks.call('setSoundscape',{"msgType":"stop","channelNr":undefined});
+                    return;
+                }
+            }
+
+            if (channel == 'Master') channel = 'master';
+
+            let channelSettings;
+            if (channel == 'master') {
+                channelSettings = this.soundscapeSettings.master;
+                channelSettings.playing = this.soundscapeSettings.playing;
+            }
+            else channelSettings = this.soundscapeSettings.channels[channel-1];
+
+            let mute, solo, link, playing;
+            let setChannel = false;
+
+            if (mode == 'startStop') {
+                setChannel = true;
+                playing = !channelSettings.playing;
+                if (channel == 'master' && playing) {
+                    Hooks.call('setSoundscape',{"msgType":"stop"});
+                    return;
+                }
+                else if (channel == 'master') {
+                    Hooks.call('setSoundscape',{"msgType":"start"});
+                    return;
+                }
+            }
+            else if (mode == 'mute') {
+                setChannel = true;
+                mute = !channelSettings.mute;
+            }
+            else if (mode == 'solo') {
+                if (channel == 'master') return;
+                setChannel = true;
+                solo = !channelSettings.solo;
+            }
+            else if (mode == 'link') {
+                if (channel == 'master') return;
+                setChannel = true;
+                link = !channelSettings.link;
+            }
+            if (setChannel) {
+                const channelNr = channel == 'master' ? 'master' : channel-1;
+                const payload = {
+                    "msgType": "setChannel",
+                    "channelNr": channelNr,
+                    mute,
+                    solo,
+                    link,
+                    playing
+                };
+                Hooks.call('setSoundscape',payload);
+                return;
+            }
+
+            if (mode == 'volume') {
+                const volumeMode = settings.soundscapeMixerValueMode ? settings.soundscapeMixerValueMode : 'incrementDecrement';
+                const value = parseInt(settings.soundscapeMixerValue);
+                if (isNaN(value) == false) {
+                    let volume = channelSettings.volume*100;
+                    
+                    if (volumeMode == 'set') 
+                        volume = value;
+                    else
+                        volume += value;
+                    
+                    volume = Math.floor(volume*100)/10000;
+                    const channelNr = channel == 'master' ? 'master' : channel-1;
+                    const payload = {
+                        "msgType": "setVolume",
+                        "channelNr": channelNr,
+                        volume
+                    };
+                    Hooks.call('setSoundscape',payload);
+                }
+            }
+
+
+        }
+        else if (target == 'soundboard') {
+            const mode = settings.soundscapeSoundboardMode ? settings.soundscapeSoundboardMode : 'play';
+
+            if (mode == 'play') {
+                channel -= 1;
+                const payload = {
+                    "msgType": "playSoundboard",
+                    channelNr: channel
+                };
+                Hooks.call('setSoundscape',payload);
+            }
+            else if (mode == 'volume') {
+                const volumeMode = settings.soundscapeSoundboardValueMode ? settings.soundscapeSoundboardValueMode : 'incrementDecrement';
+                const value = parseInt(settings.soundscapeSoundboardValue);
+                if (isNaN(value) == false) {
+                    let volume = this.soundscapeSettings.soundboardVolume*100;
+                    
+                    if (volumeMode == 'set') 
+                        volume = value;
+                    else
+                        volume += value;
+                    
+                    volume = Math.floor(volume*100)/10000;
+                    const payload = {
+                        "msgType": "setSoundboardVolume",
+                        volume
+                    };
+                    Hooks.call('setSoundscape',payload);
+                }
+            }
+            else if (mode == 'stop') {
+                const payload = {
+                    "msgType": "stopSoundboard"
+                };
+                Hooks.call('setSoundscape',payload);
+            }
+        }
+    }
+
+    newSoundscapeData(data) {
+        let channel;
+        if (data.channel != undefined) channel = data.channel;
+        else if (data.channelNr != undefined) channel = data.channelNr;
+
+        let channelSettings = channel == 'master' ? this.soundscapeSettings.master : this.soundscapeSettings.channels[channel]
+        if (data.msgType == 'soundConfig') {
+            
+            let newChannelSettings = {
+                volume: data.data.settings.volume,
+                mute: data.data.settings.mute,
+                solo: data.data.settings.solo,
+                link: data.data.settings.link,
+                playing: false,
+                pan: data.data.settings.pan,
+                name: data.data.settings.name
+            };
+            this.soundscapeSettings.channels[channel] = newChannelSettings;
+        }
+        else if (data.msgType == 'setMute') channelSettings.mute = data.mute;
+        else if (data.msgType == 'setSolo') channelSettings.solo = data.solo;
+        else if (data.msgType == 'setLink') channelSettings.link = data.link;
+        else if (data.msgType == 'setVolume') {
+            if (channel >= 100) return;
+            channelSettings.volume = data.volume;
+        }
+        else if (data.msgType == 'start') {
+            this.soundscapeSettings.playing = true;
+            this.soundscapeSettings.master.playing = true;
+            if (data.channel == undefined) for (let i=0; i<8; i++) this.soundscapeSettings.channels[i].playing = true;
+            else this.soundscapeSettings.channels[data.channel].playing = true;
+        }
+        else if (data.msgType == 'stop') {
+            
+            if (data.channel == undefined) {
+                for (let i=0; i<8; i++) this.soundscapeSettings.channels[i].playing = false;
+                this.soundscapeSettings.playing = false;
+            }
+            else {
+                this.soundscapeSettings.channels[data.channel].playing = false;
+                let check = 0;
+                for (let i=0; i<8; i++) if (this.soundscapeSettings.channels[data.channel].playing) check++;
+                if (check == 0) this.soundscapeSettings.playing = false;
+            }
+        }
+        else if (data.msgType == 'sbSoundConfig') {
+            
+            const channel = data.channel - 100;
+            let active = true;
+            if (data.data.soundArray == undefined) active = false;
+            this.soundscapeSettings.soundboard[channel] = {
+                active,
+                name: data.data.name,
+                icon: data.data.imageSrc
+            };
+        }
+        else if (data.msgType == 'setSoundboardVolume')
+            this.soundscapeSettings.soundboardVolume = data.volume;
+
+        this.updateAll();
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //Monks Active Tile Triggers
+    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    updateMonksActiveTiles(settings,context,device) {
+        const id = settings.monksActiveTilesId;
+
+        if (id == undefined || id == '') return;
+        let tile = canvas.tiles.placeables.find(t => t.id == id);
+
+        if (tile == undefined) return;
+        const tileData = tile.document.flags?.['monks-active-tiles'];
+        if (tileData == undefined) return;
+
+        let ring = 1;
+        let ringColor = '#000000';
+        let background = '#000000';
+        if (tileData.active) {
+            ring = 2;
+            ringColor = '#00ff00'
+        }
+        let src =  tile.document.texture.src;
+
+        streamDeck.setTitle('',context);
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor});
+    }
+
+    keyPressMonksActiveTiles(settings,context,device) {
+        const mode = settings.monksActiveTilesMode ? settings.monksActiveTilesMode : 'toggle';
+        const id = settings.monksActiveTilesId;
+        if (id == undefined || id == '') return;
+        let tile = canvas.tiles.placeables.find(t => t.id == id);
+        if (tile == undefined) return;
+        const tileData = tile.document.flags?.['monks-active-tiles'];
+        if (tileData == undefined) return;
+
+        if (mode == 'toggle') tile.document.setFlag('monks-active-tiles','active',!tileData.active);
+        else tile.document.setFlag('monks-active-tiles','active',mode == 'enable');
+    }
+}
+
+

src/actions/macro.js

@@ -1,6 +1,5 @@
-import * as MODULE from "../MaterialDeck.js";
-import {streamDeck} from "../MaterialDeck.js";
-import {compatibleCore} from "./misc.js";
+import { moduleName, streamDeck, getPermission, hotbarUses } from "../../MaterialDeck.js";
+import { compatibleCore } from "../misc.js";
 
 export class MacroControl{
     constructor(){
@@ -37,9 +36,10 @@ export class MacroControl{
         let src = ""; 
         let macroId = undefined;
         let uses = undefined;
+        let macroLabel = "";
         
         if (mode == 'macroBoard') {  //Macro board
-            if ((MODULE.getPermission('MACRO','MACROBOARD') == false )) {
+            if ((getPermission('MACRO','MACROBOARD') == false )) {
                 streamDeck.noPermission(context,device);
                 return;
             }
@@ -57,8 +57,14 @@ export class MacroControl{
             else { //Execute macro
                 macroNumber += this.offset - 1;
                 if (macroNumber < 0) macroNumber = 0;
-                macroId = game.settings.get(MODULE.moduleName,'macroSettings').macros[macroNumber];
-                background = game.settings.get(MODULE.moduleName,'macroSettings').color[macroNumber];
+                const macroSettings = game.settings.get(moduleName,'macroSettings');
+                macroId = macroSettings.macros[macroNumber];
+                background = macroSettings.color[macroNumber];
+                try {
+                    macroLabel = macroSettings.labels[macroNumber];
+                }
+                catch (err) {}
+                if ((macroLabel == undefined || macroLabel == "") && game.macros.get(macroId)) macroLabel = game.macros.get(macroId).name;
                 if (background == undefined) background = '#000000';
                 ring = 0;
             }  
@@ -69,11 +75,11 @@ export class MacroControl{
             macroId = macro?.id;
         }
         else { //Macro Hotbar
-            if ((MODULE.getPermission('MACRO','HOTBAR') == false )) {
+            if ((getPermission('MACRO','HOTBAR') == false )) {
                 streamDeck.noPermission(context,device);
                 return;
             }
-            if (mode == 'hotbar') macroId = game.user.data.hotbar[macroNumber];
+            if (mode == 'hotbar') macroId = game.user.hotbar[macroNumber];
             else {
                 let macros;
                 if (mode == 'customHotbar' && game.modules.get('custom-hotbar') != undefined) 
@@ -89,9 +95,10 @@ export class MacroControl{
             let macro = game.macros._source.find(p => p._id == macroId);
             
             if (macro != undefined) {
-                if (displayName) name = macro.name;
+                if (displayName && mode == 'macroBoard') name = macroLabel;
+                else if (displayName) name = macro.name;
                 if (displayIcon) src = macro.img;
-                if (MODULE.hotbarUses && displayUses) uses = await this.getUses(macro);
+                if (hotbarUses && displayUses) uses = await this.getUses(macro);
             }
         }
         else {
@@ -99,6 +106,7 @@ export class MacroControl{
             if (displayIcon) src = "modules/MaterialDeck/img/black.png";
         }
         
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
         streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor,uses:uses});
         streamDeck.setTitle(name,context);
     }
@@ -115,8 +123,7 @@ export class MacroControl{
             if (device?.buttons == undefined) continue;
             for (let i=0; i<device.buttons.length; i++){   
                 const data = device.buttons[i];
-                if (data == undefined || data.action != 'macro' || data.settings.macroMode == 'macroBoard') continue;
-            
+                if (data == undefined || data.action != 'macro' || data.settings.macroMode != 'hotbar') continue;
                 const context = data.context;
                 const mode = data.settings.macroMode ? data.settings.macroMode : 'hotbar';
                 const displayName = data.settings.displayName ? data.settings.displayName : false;
@@ -126,7 +133,7 @@ export class MacroControl{
                 let macroNumber = data.settings.macroNumber;
                 if(macroNumber == undefined || isNaN(parseInt(macroNumber))) macroNumber = 1;
 
-                if ((MODULE.getPermission('MACRO','HOTBAR') == false )) {
+                if ((getPermission('MACRO','HOTBAR') == false )) {
                     streamDeck.noPermission(context,device);
                     return;
                 } 
@@ -138,7 +145,7 @@ export class MacroControl{
                 
                 let macroId;
                 if (mode == 'hotbar'){
-                    macroId = game.user.data.hotbar[macroNumber];
+                    macroId = game.user.hotbar[macroNumber];
                 }
                 else {
                     if (macroNumber > 9) macroNumber = 0;
@@ -150,8 +157,9 @@ export class MacroControl{
                 if (macro != undefined && macro != null) {
                     if (displayName) name += macro.name;
                     if (displayIcon) src += macro.img;
-                    if (MODULE.hotbarUses && displayUses) uses = await this.getUses(macro);
+                    if (hotbarUses && displayUses) uses = await this.getUses(macro);
                 }
+                if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
                 streamDeck.setIcon(context,device,src,{background:background,uses:uses});
                 streamDeck.setTitle(name,context);
             }
@@ -165,11 +173,11 @@ export class MacroControl{
         let target = settings.target ? settings.target : undefined;
         
         if (mode == 'hotbar' || mode == 'visibleHotbar' || mode == 'customHotbar'){
-            if ((MODULE.getPermission('MACRO','HOTBAR') == false )) return;
-            this.executeHotbar(macroNumber,mode);
+            if ((getPermission('MACRO','HOTBAR') == false )) return;
+            this.executeHotbar(macroNumber,mode,target);
         } 
         else if (mode == 'name') {
-            if ((MODULE.getPermission('MACRO','BY_NAME') == false )) return;
+            if ((getPermission('MACRO','BY_NAME') == false )) return;
             const macroName = settings.macroNumber;
             const macro = game.macros.getName(macroName);
 
@@ -177,23 +185,41 @@ export class MacroControl{
            
             const args = settings.macroArgs ? settings.macroArgs : "";
 
-            let furnaceEnabled = false;
-            let furnace = game.modules.get("furnace");
-            if (furnace != undefined && furnace.active && compatibleCore("0.8.1")==false) furnaceEnabled = true;
-            if (args == "" || args == " ") furnaceEnabled = false;
-            if (furnaceEnabled == false) macro.execute({token:target});
+            let advancedMacrosEnabled = false;
+            if (compatibleCore('11.0')) {
+                advancedMacrosEnabled = true;
+            }
+            else {
+                let advancedMacros = game.modules.get("advanced-macros");
+                if (advancedMacros != undefined && advancedMacros.active) advancedMacrosEnabled = true;
+            }
+            
+            if (args == "" || args == " ") advancedMacrosEnabled = false;
+
+            if (advancedMacrosEnabled == false) macro.execute({token:target});
+            else {
+                if (compatibleCore('11.0')) {
+                    let argument;
+                    try {
+                        argument = JSON.parse(args)
+                        macro.execute(argument);
+                    } catch (err) {
+                        console.error(err)
+                    }
+                }
                 else {
                     let chatData = {
                         user: game.user._id,
                         speaker: ChatMessage.getSpeaker(),
-                    content: "/'" + macro.name + "' " + args
+                        content: "/amacro '" + macro.name + "' " + args
                     };
                     ChatMessage.create(chatData, {});
                 }
+            }
 
         }
         else {
-            if ((MODULE.getPermission('MACRO','MACROBOARD') == false )) return;
+            if ((getPermission('MACRO','MACROBOARD') == false )) return;
             if (settings.macroBoardMode == 'offset') {
                 let macroOffset = settings.macroOffset;
                 if (macroOffset == undefined) macroOffset = 0;
@@ -205,9 +231,9 @@ export class MacroControl{
         }
     }
 
-    executeHotbar(macroNumber,mode){
+    executeHotbar(macroNumber,mode,target){
         let macroId 
-        if (mode == 'hotbar') macroId = game.user.data.hotbar[macroNumber];
+        if (mode == 'hotbar') macroId = game.user.hotbar[macroNumber];
         else {
             let macros;
             if (mode == 'customHotbar' && game.modules.get('custom-hotbar') != undefined) { 
@@ -219,29 +245,46 @@ export class MacroControl{
         }
         if (macroId == undefined) return;
         let macro = game.macros.get(macroId);
-        macro.execute();
+        macro.execute({token:target});
     }
 
     executeBoard(macroNumber){
         macroNumber = parseInt(macroNumber);
         macroNumber += this.offset - 1;
         if (macroNumber < 0) macroNumber = 0;
-        var macroId = game.settings.get(MODULE.moduleName,'macroSettings').macros[macroNumber];
+        var macroId = game.settings.get(moduleName,'macroSettings').macros[macroNumber];
 
         if (macroId != undefined){
             let macro = game.macros.get(macroId);
             if (macro != undefined && macro != null) {
-                const args = game.settings.get(MODULE.moduleName,'macroSettings').args;
-                let furnaceEnabled = false;
-                let furnace = game.modules.get("furnace");
-                if (furnace != undefined && furnace.active && compatibleCore("0.8.1")==false) furnaceEnabled = true;
-                if (args == undefined || args[macroNumber] == undefined || args[macroNumber] == "") furnaceEnabled = false;
-                if (furnaceEnabled == false) macro.execute();
+                const args = game.settings.get(moduleName,'macroSettings').args;
+                let advancedMacrosEnabled = false;
+                if (compatibleCore('11.0')) {
+                    advancedMacrosEnabled = true;
+                }
+                else {
+                    let advancedMacros = game.modules.get("advanced-macros");
+                    if (advancedMacros != undefined && advancedMacros.active) advancedMacrosEnabled = true;
+                }
+                
+                if (args == undefined || args[macroNumber] == undefined || args[macroNumber] == "") advancedMacrosEnabled = false;
+                
+                if (advancedMacrosEnabled == false) macro.execute();
+                else {
+                    if (compatibleCore('11.0')) {
+                        let argument;
+                        try {
+                            argument = JSON.parse(args[macroNumber])
+                            macro.execute(argument);
+                        } catch (err) {
+                            console.error(err)
+                        }
+                    }
                     else {
                         let chatData = {
                             user: game.user._id,
                             speaker: ChatMessage.getSpeaker(),
-                        content: "/'" + macro.name + "' " + args
+                            content: "/amacro '" + macro.name + "' " + args[macroNumber]
                         };
                         ChatMessage.create(chatData, {});
                     }
@@ -249,3 +292,4 @@ export class MacroControl{
             }
         }
     }
+}

src/actions/othercontrols.js

@@ -1,12 +1,14 @@
-import * as MODULE from "../MaterialDeck.js";
-import {streamDeck} from "../MaterialDeck.js";
-import {compatibleCore} from "./misc.js";
+import { streamDeck, gamingSystem, getPermission } from "../../MaterialDeck.js";
+import {  } from "../misc.js";
 
 export class OtherControls{
     constructor(){
         this.active = false;
         this.rollData = {};
         this.rollOption = 'dialog';
+        this.controlsOffset = 0;
+        this.toolsOffset = 0;
+        this.attackMode = 'chat';
     }
 
     setRollOption(option) {
@@ -14,6 +16,11 @@ export class OtherControls{
         this.updateAll();
     }
 
+    setAttackMode(option) {
+        this.attackMode = option;
+        this.updateAll();
+    }
+
     async updateAll(options={}){
         if (this.active == false) return;
         for (let device of streamDeck.buttonContext) {
@@ -54,6 +61,12 @@ export class OtherControls{
             this.updateChatMessage(settings,context,device,options);
         else if (mode == 'rollOptions')
             this.updateRollOptions(settings,context,device,options);
+        else if (mode == 'attackModes')
+            this.updateAttackMode(settings,context,device,options);
+        else if (mode == 'rollMode')
+            this.updateRollMode(settings,context,device,options);
+        else if (mode == 'globalVolumeControls')
+            this.updateGlobalVolumeControls(settings, context, device, options);
     }
 
     keyPress(settings,context,device){
@@ -83,12 +96,18 @@ export class OtherControls{
             this.keyPressChatMessage(settings);
         else if (mode == 'rollOptions')
             this.keyPressRollOptions(settings);
+        else if (mode == 'attackModes')
+            this.keyPressAttackMode(settings);
+        else if (mode == 'rollMode')
+            this.keyPressRollMode(settings);
+        else if (mode == 'globalVolumeControls')
+            this.keyPressGlobalVolumeControls(settings);
     }
 
     //////////////////////////////////////////////////////////////////////////////////////////////////
 
     updatePause(settings,context,device,options={}){
-        if (MODULE.getPermission('OTHER','PAUSE') == false ) {
+        if (getPermission('OTHER','PAUSE') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
@@ -108,12 +127,17 @@ export class OtherControls{
         }
         else if (pauseFunction == 'toggle')  //toggle
             src = 'modules/MaterialDeck/img/other/pause/playpause.png';
-        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor,overlay:true});
+        let overlay = true;
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+            src = settings.iconOverride;
+            overlay = false;
+        }
+        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor,overlay});
         streamDeck.setTitle('',context);
     }
 
     keyPressPause(settings){
-        if (MODULE.getPermission('OTHER','PAUSE') == false ) return;
+        if (getPermission('OTHER','PAUSE') == false ) return;
         
         const pauseFunction = settings.pauseFunction ? settings.pauseFunction : 'pause';
 
@@ -158,8 +182,12 @@ export class OtherControls{
             url = "modules/MaterialDeck/img/move/zoomin.png";
         else if (dir ==  'zoomOut') 
             url = "modules/MaterialDeck/img/move/zoomout.png";
-        
-        streamDeck.setIcon(context,device,url,{background:background,overlay:true});
+        let overlay = true;
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+            url = settings.iconOverride;
+            overlay = false;
+        }
+        streamDeck.setIcon(context,device,url,{background:background,overlay});
         streamDeck.setTitle('',context);
     }
 
@@ -180,7 +208,7 @@ export class OtherControls{
         }
         else {
             let viewPosition = canvas.scene._viewPosition;
-            const gridSize = canvas.scene.data.grid;
+            const gridSize = canvas.scene.grid.size;
             viewPosition.duration = 100;
             
             if (dir == 'up') viewPosition.y -= gridSize;
@@ -214,14 +242,16 @@ export class OtherControls{
     //////////////////////////////////////////////////////////////////////////////////////////
     
     updateControl(settings,context,device,options={}){
-        if (MODULE.getPermission('OTHER','CONTROL') == false ) {
+        if (getPermission('OTHER','CONTROL') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
         const control = settings.control ? settings.control : 'dispControls';
         const tool = settings.tool ?  settings.tool : 'open';
         let background = settings.background ? settings.background : '#000000';
-        let ringColor = '#000000'
+        let ringColor = '#000000';
+        const ringOffColor = settings.offRing ? settings.offRing : '#000000';
+        const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
         let txt = "";
         let src = "";
         const activeControl = ui.controls.activeControl;
@@ -231,6 +261,7 @@ export class OtherControls{
             let controlNr = parseInt(settings.controlNr);
             if (isNaN(controlNr)) controlNr = 1;
             controlNr--;
+            controlNr += this.controlsOffset;
 
             const selectedControl = ui.controls.controls[controlNr];       
             
@@ -239,18 +270,19 @@ export class OtherControls{
                     streamDeck.noPermission(context,device,false);
                     return;
                 }
-                if (tool == 'open'){  //open category
+                //if (tool == 'open'){  //open category
                     txt = game.i18n.localize(selectedControl.title);
                     src = selectedControl.icon;
                     if (activeControl == selectedControl.name)
                         ringColor = "#FF7B00";
-                }
+                //}
             }
         }
         else if (control == 'dispTools'){  //displayed tools
             let controlNr = parseInt(settings.controlNr);
             if (isNaN(controlNr)) controlNr = 1;
             controlNr--;
+            controlNr += this.toolsOffset;
 
             const selectedControl = ui.controls.controls.find(c => c.name == ui.controls.activeControl);
             if (selectedControl != undefined){
@@ -271,6 +303,18 @@ export class OtherControls{
                 }  
             }
         }
+        else if (control == 'controlsOffset') {
+            const display = settings.controlsOffsetDisplay ? settings.controlsOffsetDisplay : false;
+            const offsetType = settings.controlsOffsetType ? settings.controlsOffsetType : 'absoluteOffset';
+            if (display) txt = `${this.controlsOffset}`;
+            if (offsetType == 'absoluteOffset') ringColor = (this.controlsOffset == settings.controlsOffset) ? ringOnColor : ringOffColor;
+        }
+        else if (control == 'toolsOffset') {
+            const display = settings.controlsOffsetDisplay ? settings.controlsOffsetDisplay : false;
+            const offsetType = settings.controlsOffsetType ? settings.controlsOffsetType : 'absoluteOffset';
+            if (display) txt = `${this.toolsOffset}`;
+            if (offsetType == 'absoluteOffset') ringColor = (this.toolsOffset == settings.controlsOffset) ? ringOnColor : ringOffColor;
+        }
         else {  // specific control/tool
             const selectedControl = ui.controls.controls.find(c => c.name == control);
             if (selectedControl != undefined){
@@ -303,12 +347,13 @@ export class OtherControls{
                 }
             }
         }
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
         streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
         streamDeck.setTitle(txt,context);
     }
 
     keyPressControl(settings){
-        if (MODULE.getPermission('OTHER','CONTROL') == false ) return;
+        if (getPermission('OTHER','CONTROL') == false ) return;
         if (canvas.scene == null) return;
         const control = settings.control ? settings.control : 'dispControls';
         const tool = settings.tool ?  settings.tool : 'open';
@@ -324,18 +369,8 @@ export class OtherControls{
                     streamDeck.noPermission(context,device,false);
                     return;
                 }
-                ui.controls.activeControl = selectedControl.name;
-                selectedControl.activeTool = selectedControl.activeTool;
-                if (compatibleCore("0.8.2")) {
-                    for (let layer of canvas.layers) {
-                        if (layer.options == undefined) continue;
-                        if (layer.options.name == selectedControl.layer) {
-                            layer.activate();
-                            break;
-                        }
-                    }
-                }
-                else canvas.getLayer(selectedControl.layer).activate();
+                ui.controls.initialize({layer: selectedControl.layer});
+                canvas.layers.find(l => l.options.name == selectedControl.layer).activate();
             }
         }
         else if (control == 'dispTools'){  //displayed tools
@@ -361,11 +396,24 @@ export class OtherControls{
                     else if (selectedTool.button){
                         selectedTool.onClick();
                     }
-                    else
-                        selectedControl.activeTool = selectedTool.name;
+                    else {
+                        ui.controls.initialize({layer: selectedControl.layer, tool: selectedTool.name});
+                        canvas.layers.find(l => l.options.name == selectedControl.layer).activate();
+                    }
+                        
                 }  
             }
         }
+        else if (control == 'controlsOffset') {
+            const offsetType = settings.controlsOffsetType ? settings.controlsOffsetType : 'absoluteOffset';
+            if (offsetType == 'absoluteOffset') this.controlsOffset = parseInt(settings.controlsOffset);
+            else if (offsetType == 'relativeOffset') this.controlsOffset += parseInt(settings.controlsOffset);
+        }
+        else if (control == 'toolsOffset') {
+            const offsetType = settings.controlsOffsetType ? settings.controlsOffsetType : 'absoluteOffset';
+            if (offsetType == 'absoluteOffset') this.toolsOffset = parseInt(settings.controlsOffset);
+            else if (offsetType == 'relativeOffset') this.toolsOffset += parseInt(settings.controlsOffset);
+        }
         else {  //select control
             const selectedControl = ui.controls.controls.find(c => c.name == control);
             if (selectedControl != undefined){
@@ -374,18 +422,8 @@ export class OtherControls{
                     return;
                 }
                 if (tool == 'open'){  //open category
-                    ui.controls.activeControl = control;
-                    selectedControl.activeTool = selectedControl.activeTool;
-                    if (compatibleCore("0.8.2")) {
-                        for (let layer of canvas.layers) {
-                            if (layer.options == undefined) continue;
-                            if (layer.options.name == selectedControl.layer) {
-                                layer.activate();
-                                break;
-                            }
-                        }
-                    }
-                    else canvas.getLayer(selectedControl.layer).activate();
+                    ui.controls.initialize({layer: selectedControl.layer});
+                    canvas.layers.find(l => l.options.name == selectedControl.layer).activate();
                 }
                 else {
                     const selectedTool = selectedControl.tools.find(t => t.name == tool);
@@ -394,26 +432,23 @@ export class OtherControls{
                             streamDeck.noPermission(context,device,false);
                             return;
                         }
-                        ui.controls.activeControl = control;
-                        if (compatibleCore("0.8.2")) {
-                            for (let layer of canvas.layers) {
-                                if (layer.options == undefined) continue;
-                                if (layer.options.name == selectedControl.layer) {
-                                    layer.activate();
-                                    break;
-                                }
-                            }
-                        }
-                        else canvas.getLayer(selectedControl.layer).activate();
                         if (selectedTool.toggle) {
+                            ui.controls.initialize({layer: selectedControl.layer});
+                            canvas.layers.find(l => l.options.name == selectedControl.layer).activate();
                             selectedTool.active = !selectedTool.active;
                             selectedTool.onClick(selectedTool.active);
                         }
                         else if (selectedTool.button){
+                            ui.controls.initialize({layer: selectedControl.layer});
+                            canvas.layers.find(l => l.options.name == selectedControl.layer).activate();
                             selectedTool.onClick();
                         }
-                        else
-                            selectedControl.activeTool = tool;
+                        else {
+                            
+                            ui.controls.initialize({layer: selectedControl.layer, tool: selectedTool.name});
+                            canvas.layers.find(l => l.options.name == selectedControl.layer).activate();
+                        }
+                            
                     }
                 }
             }
@@ -424,7 +459,7 @@ export class OtherControls{
     //////////////////////////////////////////////////////////////////////////////////////////
 
     updateDarkness(settings,context,device,options={}){
-        if (MODULE.getPermission('OTHER','DARKNESS') == false ) {
+        if (getPermission('OTHER','DARKNESS') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
@@ -444,48 +479,64 @@ export class OtherControls{
         }
         else if (func == 'disp'){    //display darkness
             src = 'modules/MaterialDeck/img/other/darkness/darkness.png';
-            const darkness = canvas.scene != null ? Math.floor(canvas.scene.data.darkness*100)/100 : '';
+            const darkness = canvas.scene != null ? Math.floor(canvas.scene.darkness*100)/100 : '';
             txt += darkness;
         }
         streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,device,src,{background:background,overlay:true});
+        let overlay = true;
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+            src = settings.iconOverride;
+            overlay = false;
+        }
+        streamDeck.setIcon(context,device,src,{background:background,overlay});
     }
 
     keyPressDarkness(settings) {
         if (canvas.scene == null) return;
-        if (MODULE.getPermission('OTHER','DARKNESS') == false ) return;
+        if (getPermission('OTHER','DARKNESS') == false ) return;
         const func = settings.darknessFunction ? settings.darknessFunction : 'value';
         const value = parseFloat(settings.darknessValue) ? parseFloat(settings.darknessValue) : 0;
+        const animateDarkness = parseInt(settings.darknessAnimation) ? parseInt(settings.darknessAnimation) : 500;
 
         if (func == 'value') //value
-            canvas.scene.update({darkness: value});
+            canvas.scene.update({darkness: value}, {animateDarkness});
         else if (func == 'incDec'){ //increase/decrease
-            let darkness = canvas.scene.data.darkness - value;
+            let darkness = canvas.scene.darkness - value;
             if (darkness > 1) darkness = 1;
             if (darkness < 0) darkness = 0;
-            canvas.scene.update({darkness: darkness});
+            canvas.scene.update({darkness: darkness}, {animateDarkness});
+        }
+        else if (func == 'transitionDay') {
+            canvas.scene.update({darkness: 0}, {animateDarknes})
+        }
+        else if (func == 'transitionNight') {
+            canvas.scene.update({darkness: 1}, {animateDarknes})
         }
     }
 
     //////////////////////////////////////////////////////////////////////////////////////////
 
     updateRollDice(settings,context,device,options={}){
-        if (MODULE.getPermission('OTHER','DICE') == false ) {
+        if (getPermission('OTHER','DICE') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
         const background = settings.background ? settings.background : '#000000';
         let txt = '';
+        const formula = settings.rollDiceFormula ? settings.rollDiceFormula : '1d20 + 7';
 
-        if (settings.displayDiceName) txt = 'Roll: ' + settings.rollDiceFormula;
+        if (settings.displayDiceName) txt = 'Roll: ' + formula;
 
         streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,device,'',{background:background});
+        let src = '';
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        streamDeck.setIcon(context,device,src,{background:background});
     }
 
     keyPressRollDice(settings,context,device){
-        if (MODULE.getPermission('OTHER','DICE') == false ) return;
-        if (settings.rollDiceFormula == undefined || settings.rollDiceFormula == '') return;
+        if (getPermission('OTHER','DICE') == false ) return;
+        const formula = settings.rollDiceFormula ? settings.rollDiceFormula : '1d20 + 7';
+        if (formula == '') return;
         const rollFunction = settings.rollDiceFunction ? settings.rollDiceFunction : 'public';
 
         let actor;
@@ -495,10 +546,10 @@ export class OtherControls{
         if (actor != undefined) tokenControlled = true;
 
         let r;
-        if (tokenControlled) r = new Roll(settings.rollDiceFormula,actor.getRollData());
-        else r = new Roll(settings.rollDiceFormula);
+        if (tokenControlled) r = new Roll(formula,actor.getRollData());
+        else r = new Roll(formula);
 
-        r.evaluate();
+        r.evaluate({async:false});
         
         if (rollFunction == 'public') {
             r.toMessage(r,{rollMode:"roll"})
@@ -507,12 +558,12 @@ export class OtherControls{
             r.toMessage(r,{rollMode:"selfroll"})
         }
         else if (rollFunction == 'sd'){
-            let txt = settings.displayDiceName ? 'Roll: '+settings.rollDiceFormula + '\nResult: ' : '';
+            let txt = settings.displayDiceName ? 'Roll: '+formula + '\nResult: ' : '';
             txt += r.total;
             streamDeck.setTitle(txt,context);
             let data = this.rollData
             data[context] = {
-                formula: settings.rollDiceFormula,
+                formula: formula,
                 result: txt
             }
             this.rollData = data;
@@ -524,7 +575,7 @@ export class OtherControls{
     updateRollTable(settings,context,device,options={}){
         const name = settings.rollTableName;
         if (name == undefined) return;
-        if (MODULE.getPermission('OTHER','TABLES') == false ) {
+        if (getPermission('OTHER','TABLES') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
@@ -534,25 +585,26 @@ export class OtherControls{
         if (table == undefined) return;
 
         let txt = settings.displayRollName ? table.name : '';
-        let src = settings.displayRollIcon ? table.data.img : '';
+        let src = settings.displayRollIcon ? table.img : '';
 
         if (table == undefined) {
             src = '';
             txt = '';
         }
         else {
-            if (table.permission < 2 && MODULE.getPermission('OTHER','TABLES_ALL') == false ) {
+            if (table.permission < 2 && getPermission('OTHER','TABLES_ALL') == false ) {
                 streamDeck.noPermission(context,device);
                 return;
             }
         }
 
         streamDeck.setTitle(txt,context);
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
         streamDeck.setIcon(context,device,src,{background:background});
     }
 
     keyPressRollTable(settings){
-        if (MODULE.getPermission('OTHER','TABLES') == false ) return;
+        if (getPermission('OTHER','TABLES') == false ) return;
         const name = settings.rollTableName;
         if (name == undefined) return;
 
@@ -560,7 +612,7 @@ export class OtherControls{
         const table = game.tables.getName(name);
 
         if (table != undefined) {
-            if (table.permission < 2 && MODULE.getPermission('OTHER','TABLES_ALL') == false ) return;
+            if (table.permission < 2 && getPermission('OTHER','TABLES_ALL') == false ) return;
             if (func == 'open'){ //open
                 const element = document.getElementById(table.sheet.id);
                 if (element == null) table.sheet.render(true);
@@ -577,14 +629,15 @@ export class OtherControls{
 
     getSidebarName(nr){
         let name;
-        if (nr == 'chat') name = game.i18n.localize("SIDEBAR.TabChat");
-        else if (nr == 'combat') name = game.i18n.localize("SIDEBAR.TabCombat");
-        else if (nr == 'scenes') name = game.i18n.localize("SIDEBAR.TabScenes");
-        else if (nr == 'actors') name = game.i18n.localize("SIDEBAR.TabActors");
-        else if (nr == 'items') name = game.i18n.localize("SIDEBAR.TabItems");
-        else if (nr == 'journal') name = game.i18n.localize("SIDEBAR.TabJournal");
-        else if (nr == 'tables') name = game.i18n.localize("SIDEBAR.TabTables");
-        else if (nr == 'playlists') name = game.i18n.localize("SIDEBAR.TabPlaylists");
+        if (nr == 'chat') name = game.i18n.localize("DOCUMENT.ChatMessages");
+        else if (nr == 'combat') name = game.i18n.localize("DOCUMENT.Combats");
+        else if (nr == 'scenes') name = game.i18n.localize("DOCUMENT.Scenes");
+        else if (nr == 'actors') name = game.i18n.localize("DOCUMENT.Actors");
+        else if (nr == 'items') name = game.i18n.localize("DOCUMENT.Items");
+        else if (nr == 'journal') name = game.i18n.localize("DOCUMENT.JournalEntries");
+        else if (nr == 'tables') name = game.i18n.localize("DOCUMENT.RollTables");
+        else if (nr == 'cards') name = game.i18n.localize("DOCUMENT.Cards");
+        else if (nr == 'playlists') name = game.i18n.localize("DOCUMENT.Playlists");
         else if (nr == 'compendium') name = game.i18n.localize("SIDEBAR.TabCompendium");
         else if (nr == 'settings') name = game.i18n.localize("SIDEBAR.TabSettings");
         else if (nr == 'collapse') name = game.i18n.localize("SIDEBAR.CollapseToggle");
@@ -600,6 +653,7 @@ export class OtherControls{
         else if (nr == 'items') icon = window.CONFIG.Item.sidebarIcon;
         else if (nr == 'journal') icon = window.CONFIG.JournalEntry.sidebarIcon;
         else if (nr == 'tables') icon = window.CONFIG.RollTable.sidebarIcon;
+        else if (nr == 'cards') icon = window.CONFIG.Cards.sidebarIcon;
         else if (nr == 'playlists') icon = window.CONFIG.Playlist.sidebarIcon;
         else if (nr == 'compendium') icon = "fas fa-atlas";
         else if (nr == 'settings') icon = "fas fa-cogs";
@@ -608,7 +662,7 @@ export class OtherControls{
     }
     
     updateSidebar(settings,context,device,options={}){
-        if (MODULE.getPermission('OTHER','SIDEBAR') == false ) {
+        if (getPermission('OTHER','SIDEBAR') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
@@ -625,14 +679,15 @@ export class OtherControls{
         }
         else if (popOut == false) ringColor = (sidebarTab == 'collapse' && collapsed || (activeTab == sidebarTab)) ? ringOnColor : ringOffColor;
         const name = settings.displaySidebarName ? this.getSidebarName(sidebarTab) : '';
-        const icon = settings.displaySidebarIcon ? this.getSidebarIcon(sidebarTab) : '';
+        let icon = settings.displaySidebarIcon ? this.getSidebarIcon(sidebarTab) : '';
 
         streamDeck.setTitle(name,context);
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) icon = settings.iconOverride;
         streamDeck.setIcon(context,device,icon,{background:background,ring:2,ringColor:ringColor});
     }
 
     keyPressSidebar(settings){
-        if (MODULE.getPermission('OTHER','SIDEBAR') == false ) return;
+        if (getPermission('OTHER','SIDEBAR') == false ) return;
         const sidebarTab = settings.sidebarTab ? settings.sidebarTab : 'chat';
         const popOut = settings.sidebarPopOut ? settings.sidebarPopOut : false;
         
@@ -653,7 +708,7 @@ export class OtherControls{
 
     updateCompendiumBrowser(settings,context,device,options={}){
         let rendered = options.renderCompendiumBrowser;
-        if (rendered == undefined && game.system.id == "pf2e") rendered = (document.getElementById("app-1") != null);
+        if (rendered == undefined && gamingSystem == "pf2e") rendered = (document.getElementById("app-1") != null);
         else if (rendered == undefined) rendered = (document.getElementById("compendium-popout") != null);
         const background = settings.background ? settings.background : '#000000';
         const ringOffColor = settings.offRing ? settings.offRing : '#000000';
@@ -662,18 +717,20 @@ export class OtherControls{
         const txt = settings.displayCompendiumName ? name : '';
 
         streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,device,"",{background:background,ring:2,ringColor:ringColor});
+        let src = '';
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
     }
 
     keyPressCompendiumBrowser(settings){
         let element = null;
-        if (game.system.id == "pf2e") element = document.getElementById("app-1")
+        if (gamingSystem == "pf2e") element = document.getElementById("app-1")
         else element = document.getElementById("compendium-popout");
         const rendered = (element != null);
 
         if (rendered) 
             element.getElementsByClassName("close")[0].click();
-        else if (game.system.id == "pf2e")
+        else if (gamingSystem == "pf2e")
             document.getElementsByClassName("compendium-browser-btn")[0].click()
         else
             ui.compendium.renderPopout();
@@ -684,17 +741,17 @@ export class OtherControls{
     updateCompendium(settings,context,device,options={}){
         const name = settings.compendiumName;
         if (name == undefined) return;
-        if (MODULE.getPermission('OTHER','COMPENDIUM') == false ) {
+        if (getPermission('OTHER','COMPENDIUM') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
         const compendium = game.packs.find(p=>p.metadata.label == name);
         if (compendium == undefined) return;
-        if (compendium.private && MODULE.getPermission('OTHER','COMPENDIUM_ALL') == false) {
+        if (compendium.private && getPermission('OTHER','COMPENDIUM_ALL') == false) {
             streamDeck.noPermission(context,device);
             return;
         }
-        const rendered = compatibleCore("0.8.5") ? compendium.apps[0].rendered : compendium.rendered;
+        const rendered = compendium.apps[0].rendered;
         const background = settings.background ? settings.background : '#000000';
         const ringOffColor = settings.offRing ? settings.offRing : '#000000';
         const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
@@ -702,36 +759,48 @@ export class OtherControls{
         const txt = settings.displayCompendiumName ? name : '';
 
         streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,device,"",{background:background,ring:2,ringColor:ringColor});
+        let src = '';
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
     }
 
     keyPressCompendium(settings){
         let name = settings.compendiumName;
         if (name == undefined) return;
-        if (MODULE.getPermission('OTHER','COMPENDIUM') == false ) return;
+        if (getPermission('OTHER','COMPENDIUM') == false ) return;
 
         const compendium = game.packs.find(p=>p.metadata.label == name);
-        const rendered = compatibleCore("0.8.5") ? compendium.apps[0].rendered : compendium.rendered;
+        const rendered = compendium.apps[0].rendered;
         if (compendium == undefined) return;
-        if (compendium.private && MODULE.getPermission('OTHER','COMPENDIUM_ALL') == false) return;
-        else if (rendered) compatibleCore("0.8.5") ? compendium.apps[0].close() : compendium.close();
+        if (compendium.private && getPermission('OTHER','COMPENDIUM_ALL') == false) return;
+        else if (rendered) compendium.apps[0].close();
         else compendium.render(true);
     }
 
     //////////////////////////////////////////////////////////////////////////////////////////
 
     updateJournal(settings,context,device,options={}){
-        const name = settings.compendiumName;
-        if (name == undefined) return;
+        const name = settings.journalName;
+        const pageName = settings.journalPageName;
+        let pageId;
+        let journalMode = settings.journalMode ? settings.journalMode : 'openJournal';
+        let txt = '';
+        if (name == undefined) {
+            streamDeck.setTitle('',context);
+            return;
+        }
 
         const journal = game.journal.getName(name);
-        if (journal == undefined) return;
+        if (journal == undefined) {
+            streamDeck.setTitle('',context);
+            return;
+        }
 
-        if (MODULE.getPermission('OTHER','JOURNAL') == false ) {
+        if (getPermission('OTHER','JOURNAL') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
-        if (journal.permission < 2 && MODULE.getPermission('OTHER','JOURNAL_ALL') == false ) {
+        if (journal.permission < 2 && getPermission('OTHER','JOURNAL_ALL') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
@@ -744,44 +813,95 @@ export class OtherControls{
         else 
             if (document.getElementById("journalentry-sheet-"+journal.id) != null) rendered = true;
 
+        txt = settings.displayJournalName == 'journal' ? name : '';
+        
+        if (journalMode == 'openPageNr') {
+            pageId = journal.pages.contents[pageName]?.id
+        }
+        if (journalMode == 'openPageName') {
+            pageId = journal.pages.getName(pageName)?.id;
+        }
+        if (pageId != undefined) {
+            const page = journal.pages.get(pageId);
+            if (settings.displayJournalName == 'page') txt = page.name;
+            else if (settings.displayJournalName == 'journal+page') txt = name + ' - ' + page.name
+            
+            if (rendered && page != undefined) {
+                const currentPage = journal.pages.contents[journal.sheet.pageIndex]
+                if (currentPage.id != pageId) rendered = false;
+            }
+        }
+
         const background = settings.background ? settings.background : '#000000';
         const ringOffColor = settings.offRing ? settings.offRing : '#000000';
         const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
         const ringColor = rendered ? ringOnColor : ringOffColor;
-        const txt = settings.displayCompendiumName ? name : '';
+        //const txt = settings.displayCompendiumName ? name : '';
 
         streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,device,"",{background:background,ring:2,ringColor:ringColor});
+        let src = '';
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
     }
 
-    keyPressJournal(settings){
-        const name = settings.compendiumName;
+    async keyPressJournal(settings){
+        const name = settings.journalName;
+        const pageName = settings.journalPageName;
+        let pageId;
+        let journalMode = settings.journalMode ? settings.journalMode : 'openJournal';
         if (name == undefined) return;
 
         const journal = game.journal.getName(name);
         if (journal == undefined) return;
+        if (getPermission('OTHER','JOURNAL') == false ) return;
+        if (journal.permission < 2 && getPermission('OTHER','JOURNAL_ALL') == false ) return;
+        if (journal.sheet.rendered == false) {
+            if (journalMode == 'openPageNr') pageId = journal.pages.contents[pageName]?.id
+            else if (journalMode == 'openPageName') pageId = journal.pages.getName(pageName)?.id
+            else {
+                await journal.sheet.render(true);
+                return;
+            }
+            const page = journal.pages.get(pageId);
+            if (page == undefined) return;
+            await journal.sheet.render(true);
+            setTimeout(() => {
+                journal.sheet.goToPage(pageId)
+            },10)
+        }
+        else {
+            if (journalMode == 'openPageNr') pageId = journal.pages.contents[pageName]?.id
+            else if (journalMode == 'openPageName') pageId = journal.pages.getName(pageName)?.id
+            else {
+                await journal.sheet.close();
+                return;
+            }
             
-        if (MODULE.getPermission('OTHER','JOURNAL') == false ) return;
-        if (journal.permission < 2 && MODULE.getPermission('OTHER','JOURNAL_ALL') == false ) return;
-
-        if (journal.sheet.rendered == false) journal.sheet.render(true);
-        else journal.sheet.close();
+            const currentPage = journal.pages.contents[journal.sheet.pageIndex]
+            if (currentPage.id == pageId) journal.sheet.close();
+            else {
+                let page = journal.pages.get(pageId)
+                if (page != undefined) journal.sheet.goToPage(pageId)
+            }
+        }
     }
 
 //////////////////////////////////////////////////////////////////////////////////////////
 
     updateChatMessage(settings,context,device,options={}){
-        if (MODULE.getPermission('OTHER','CHAT') == false ) {
+        if (getPermission('OTHER','CHAT') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
         const background = settings.background ? settings.background : '#000000';
         streamDeck.setTitle("",context);
-        streamDeck.setIcon(context,device,"",{background:background});
+        let src = '';
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+        streamDeck.setIcon(context,device,src,{background:background});
     }
 
     keyPressChatMessage(settings){
-        if (MODULE.getPermission('OTHER','CHAT') == false ) return;
+        if (getPermission('OTHER','CHAT') == false ) return;
         const message = settings.chatMessage ? settings.chatMessage : '';
 
         let chatData = {
@@ -798,11 +918,16 @@ export class OtherControls{
         const background = settings.background ? settings.background : '#000000';
         const ringOffColor = settings.offRing ? settings.offRing : '#000000';
         const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
-        const iconSrc = "modules/MaterialDeck/img/other/d20.png";
-        const rollOption = settings.rollOptionFunction ? settings.rollOptionFunction : 'normal';
+        let iconSrc = "modules/MaterialDeck/img/other/d20.png";
+        const rollOption = settings.rollOptionFunction ? settings.rollOptionFunction : 'dialog';
         const ringColor = (rollOption == this.rollOption) ? ringOnColor : ringOffColor;
         streamDeck.setTitle("",context);
-        streamDeck.setIcon(context,device,iconSrc,{background:background,ring:2,ringColor:ringColor,overlay:true});
+        let overlay = true;
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+            iconSrc = settings.iconOverride;
+            overlay = false;
+        }
+        streamDeck.setIcon(context,device,iconSrc,{background:background,ring:2,ringColor:ringColor,overlay});
     }
 
     keyPressRollOptions(settings){
@@ -812,4 +937,99 @@ export class OtherControls{
             this.updateAll();
         }
     }
+
+//////////////////////////////////////////////////////////////////////////////////////////
+
+
+    updateAttackMode(settings,context,device,options={}){
+        const background = settings.background ? settings.background : '#000000';
+        const ringOffColor = settings.offRing ? settings.offRing : '#000000';
+        const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
+        let iconSrc = "modules/MaterialDeck/img/other/d20.png";
+        const attackMode = settings.attackMode ? settings.attackMode : 'chat';
+        const ringColor = (attackMode == this.attackMode) ? ringOnColor : ringOffColor;
+        streamDeck.setTitle("",context);
+        let overlay = true;
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+            iconSrc = settings.iconOverride;
+            overlay = false;
         }
+        streamDeck.setIcon(context,device,iconSrc,{background:background,ring:2,ringColor:ringColor,overlay});
+    }
+
+    keyPressAttackMode(settings){
+        const attackMode = settings.attackMode ? settings.attackMode : 'chat';
+        if (this.attackMode != attackMode) {
+            this.setAttackMode(attackMode)
+        }
+    }
+
+//////////////////////////////////////////////////////////////////////////////////////////
+
+    updateRollMode(settings,context,device,options={}){
+        const background = settings.background ? settings.background : '#000000';
+        const ringOffColor = settings.offRing ? settings.offRing : '#000000';
+        const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
+        let iconSrc = "modules/MaterialDeck/img/other/d20.png";
+        const rollMode = settings.rollMode ? settings.rollMode : 'roll';
+        const ringColor = (rollMode == game.settings.get('core','rollMode')) ? ringOnColor : ringOffColor;
+        streamDeck.setTitle("",context);
+        let overlay = true;
+        let src = '';
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+            iconSrc = settings.iconOverride;
+            overlay = false;
+        }
+        streamDeck.setIcon(context,device,iconSrc,{background:background,ring:2,ringColor:ringColor,overlay});
+    }
+
+    async keyPressRollMode(settings){
+        const rollMode = settings.rollMode ? settings.rollMode : 'roll';
+        await game.settings.set('core','rollMode',rollMode);
+        this.updateAll();
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////
+
+    async updateGlobalVolumeControls(settings,context,device,options={}){
+        const background = settings.background ? settings.background : '#000000';
+        let iconSrc = "modules/MaterialDeck/img/transparant.png";
+        const type = settings.globalVolumeType ? settings.globalVolumeType : 'playlists';
+        let txt = "";
+        
+        if (settings.displayGlobalVolumeValue) {
+            if (type == 'playlists') txt += Math.round(AudioHelper.volumeToInput(await game.settings.get("core", "globalPlaylistVolume"))*100)/100;
+            else if (type == 'ambient') txt += Math.round(AudioHelper.volumeToInput(await game.settings.get("core", "globalAmbientVolume"))*100)/100;
+            else if (type == 'interface') txt += Math.round(AudioHelper.volumeToInput(await game.settings.get("core", "globalInterfaceVolume"))*100)/100;
+        }
+
+        streamDeck.setTitle(txt,context);
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+            iconSrc = settings.iconOverride;
+        }
+        streamDeck.setIcon(context,device,iconSrc,{background:background});
+    }
+
+    async keyPressGlobalVolumeControls(settings){
+        const type = settings.globalVolumeType ? settings.globalVolumeType : 'playlists';
+        const mode = settings.globalVolumeMode ? settings.globalVolumeMode : 'incDec';
+        const value = settings.globalVolumeValue ? settings.globalVolumeValue : 0.1;
+        let settingLabel = '';
+        let newVolume = 0;
+        if (type == 'playlists') settingLabel = "globalPlaylistVolume";
+        else if (type == 'ambient') settingLabel = "globalAmbientVolume";
+        else if (type == 'interface') settingLabel = "globalInterfaceVolume";
+        
+        if (mode == 'incDec') newVolume = AudioHelper.volumeToInput(await game.settings.get("core", settingLabel)) + parseFloat(value);
+        else if (mode == 'set') newVolume = value;
+
+        if (newVolume > 1) newVolume = 1;
+        else if (newVolume < 0) newVolume = 0;
+
+        await game.settings.set("core", settingLabel, AudioHelper.inputToVolume(newVolume));
+        document.getElementsByName(settingLabel)[0].value = newVolume;
+
+        this.updateAll();
+    }
+}
+

src/actions/playlist.js

@@ -1,6 +1,4 @@
-import * as MODULE from "../MaterialDeck.js";
-import {streamDeck} from "../MaterialDeck.js";
-import {compatibleCore} from "./misc.js";
+import { moduleName, streamDeck, getPermission } from "../../MaterialDeck.js";
 
 export class PlaylistControl{
     constructor(){
@@ -22,47 +20,60 @@ export class PlaylistControl{
     }
 
     update(settings,context,device){
-        if (MODULE.getPermission('PLAYLIST','PLAY') == false ) {
+        if (getPermission('PLAYLIST','PLAY') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
         this.active = true;
         const mode = settings.playlistMode ? settings.playlistMode : 'playlist';
         
-        if (mode == 'playlist'){
+        if (mode == 'playlist' || mode == 'playlistName'){
             this.updatePlaylist(settings,context,device);
         }
-        else if (mode == 'track'){
+        else if (mode == 'track' || mode == 'trackName'){
             this.updateTrack(settings,context,device);
         }
         else {
-            const src = 'modules/MaterialDeck/img/playlist/stop.png';
+            let src = mode == 'stopAll' ? 'modules/MaterialDeck/img/playlist/stop.png' : 'modules/MaterialDeck/img/playlist/pause.png';
             const background = settings.background ? settings.background : '#000000';
             const ringColor = (game.playlists.playing.length > 0) ? '#00FF00' : '#000000';
             const ring = (game.playlists.playing.length > 0) ? 2 : 1;
             const txt = settings.displayPlaylistName ? this.getPlaylist(this.playlistOffset).name : '';
-            streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor,overlay:true});
+            let overlay = true;
+            if (settings.iconOverride != '' && settings.iconOverride != undefined) {
+                src = settings.iconOverride;
+                overlay = false;
+            }
+            streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor,overlay});
             streamDeck.setTitle(txt,context);
         }
     }
 
     updatePlaylist(settings,context,device){
+        
         let name = "";
         let ringColor = "#000000"
         const background = settings.background ? settings.background : '#000000';
         const ringOffColor = settings.offRing ? settings.offRing : '#FF0000';
         const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
         const playlistType = settings.playlistType ? settings.playlistType : 'playStop';
+        const playlistMode = settings.playlistMode ? settings.playlistMode : 'playlist';
         let src = "modules/MaterialDeck/img/transparant.png";
 
         //Play/Stop
         if (playlistType == 'playStop'){
+            let playlist;
+            if (playlistMode == 'playlist') {
                 let playlistNr = parseInt(settings.playlistNr);
                 if (isNaN(playlistNr) || playlistNr < 1) playlistNr = 1;
                 playlistNr--;
                 playlistNr += this.playlistOffset;
     
-            let playlist = this.getPlaylist(playlistNr);
+                playlist = this.getPlaylist(playlistNr);
+            }
+            else {
+                playlist = game.playlists.getName(settings.playlistNr);
+            }
             
             if (playlist != undefined){
                 if (playlist.playing) 
@@ -84,12 +95,14 @@ export class PlaylistControl{
             let playlistOffset = parseInt(settings.offset);
             if (isNaN(playlistOffset)) playlistOffset = 0;
             let number = parseInt(this.playlistOffset + playlistOffset);
-            const nrOfPlaylists = parseInt(game.settings.get(MODULE.moduleName,'playlists').playlistNumber);
+            const nrOfPlaylists = parseInt(game.settings.get(moduleName,'playlists').playlistNumber);
             if (number < 0) number += nrOfPlaylists;
             else if (number >= nrOfPlaylists) number -= nrOfPlaylists;
             const targetPlaylist = this.getPlaylist(number);
             if (targetPlaylist != undefined) name = targetPlaylist.name;
         }
+
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
         streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
         streamDeck.setTitle(name,context);
     }
@@ -101,22 +114,33 @@ export class PlaylistControl{
         const ringOffColor = settings.offRing ? settings.offRing : '#FF0000';
         const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
         const playlistType = settings.playlistType ? settings.playlistType : 'playStop';
+        const playlistMode = settings.playlistMode ? settings.playlistMode : 'playlist';
         let src = "modules/MaterialDeck/img/transparant.png";
 
         //Play/Stop
-        if (playlistType == 'playStop'){
+        if (playlistType == 'playStop' || playlistType == 'incDecVol' || playlistType == 'setVol'){
+            let playlist;
+            let trackNr;
+            if (playlistMode == 'track') {
                 let playlistNr = parseInt(settings.playlistNr);
                 if (isNaN(playlistNr) || playlistNr < 1) playlistNr = 1;
                 playlistNr--;
                 playlistNr += this.playlistOffset;
-            let trackNr = parseInt(settings.trackNr);
+                trackNr = parseInt(settings.trackNr);
                 if (isNaN(trackNr) || trackNr < 1) trackNr = 1;
                 trackNr--;
                 trackNr += this.trackOffset;
                 
-            let playlist = this.getPlaylist(playlistNr);
+                playlist = this.getPlaylist(playlistNr);
+            }
+            else {
+                playlist = game.playlists.getName(settings.playlistNr);
+            }
+            
             if (playlist != undefined){
-                const track = compatibleCore("0.8.1") ? playlist.sounds.contents[trackNr] : playlist.sounds[trackNr];
+                let track;
+                if (playlistMode == 'track') track = playlist.sounds.contents[trackNr];
+                else track = playlist.sounds.getName(settings.trackNr);
                 if (track != undefined){
                     if (track.playing) 
                         ringColor = ringOnColor;
@@ -124,6 +148,11 @@ export class PlaylistControl{
                         ringColor = ringOffColor;
                     if (settings.displayName)
                         name = track.name;
+                    if (settings.displayTrackVolume) {
+                        if (settings.displayName) name += ' ';
+                        name += Math.round(AudioHelper.volumeToInput(track.volume)*100)/100
+                    }
+                        
                 }
             } 
         }
@@ -136,6 +165,7 @@ export class PlaylistControl{
         //Relative Offset
         else if (playlistType == 'relativeOffset') {
         }
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
         streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
         streamDeck.setTitle(name,context);
     }
@@ -157,7 +187,7 @@ export class PlaylistControl{
         }
         else {
             let playing = game.playlists.playing;
-            let settings = game.settings.get(MODULE.moduleName,'playlists');
+            let settings = game.settings.get(moduleName,'playlists');
             let selectedPlaylists = settings.selectedPlaylist;
             for (let i=0; i<playing.length; i++){
                 const playlistNr = selectedPlaylists.findIndex(p => p == playing[i]._id);
@@ -167,15 +197,36 @@ export class PlaylistControl{
         }
     }
 
+    pauseAll(){
+        if (game.user.isGM == false) {
+            const payload = {
+                "msgType": "pauseAllPlaylists"
+            };
+            game.socket.emit(`module.MaterialDeck`, payload);
+            return;
+        }
+
+        /*
+        let playing = game.playlists.playing;
+        for (let i=0; i<playing.length; i++){
+            for (let sound of playing[i].sounds.contents) {
+                if (sound.playing) sound.sound.pause();
+            }
+        }
+        */
+        for (let elmnt of document.getElementsByClassName('sound-control pause'))
+            elmnt.click();
+    }
+
     getPlaylist(num){
-        let selectedPlaylists = game.settings.get(MODULE.moduleName,'playlists').selectedPlaylist;
+        let selectedPlaylists = game.settings.get(moduleName,'playlists').selectedPlaylist;
         if (selectedPlaylists != undefined) 
             return game.playlists.get(selectedPlaylists[num]);
         else return undefined;
     }
 
     keyPress(settings,context,device){
-        if (MODULE.getPermission('PLAYLIST','PLAY') == false ) return;
+        if (getPermission('PLAYLIST','PLAY') == false ) return;
         let playlistNr = settings.playlistNr;
         if (playlistNr == undefined || playlistNr < 1) playlistNr = 1;
         playlistNr--;
@@ -191,20 +242,49 @@ export class PlaylistControl{
         if (playlistMode == 'stopAll') {
             this.stopAll(true);
         } 
+        else if (playlistMode == 'pauseAll') {
+            this.pauseAll();
+        } 
         else {
-            if (playlistType == 'playStop') {
-                let playlist = this.getPlaylist(playlistNr);
+            let playlist;
+            if (playlistMode == 'playlist' || playlistMode == 'track') playlist = this.getPlaylist(playlistNr);
+            else playlist = game.playlists.getName(settings.playlistNr);
+            
+            if (playlistType == 'playStop' && (playlistMode == 'playlist' || playlistMode == 'track')) {
                 if (playlist != undefined){
                     if (playlistMode == 'playlist')
                         this.playPlaylist(playlist,playlistNr);
                     else {
-                        const track = compatibleCore("0.8.1") ? playlist.sounds.contents[trackNr] : playlist.sounds[trackNr];
+                        const track = playlist.sounds.contents[trackNr];
                         if (track != undefined){
                             this.playTrack(track,playlist,playlistNr);
                         }
                     }
                 }
             }
+            else if (playlistType == 'playStop') {
+                if (playlist != undefined) {
+                    if (playlistMode == 'playlistName' && playlist.playing)
+                        playlist.stopAll();
+                    else if (playlistMode == 'playlistName')
+                        playlist.playAll();
+                    else {
+                        const track = playlist.sounds.getName(settings.trackNr);
+                        if (track != undefined && track.playing){
+                           playlist.stopSound(track);
+                        }
+                        else if (track != undefined) {
+                            playlist.playSound(track);
+                        }
+                    }
+                }
+            }
+            else if (playlistType == 'playNext') {
+                playlist.playNext();
+            }
+            else if (playlistType == 'playPrev') {
+                playlist.playNext(null,{direction:-1});
+            }
             else if (playlistType == 'offset'){
                 if (playlistMode == 'playlist') {
                     this.playlistOffset = parseInt(settings.offset);
@@ -221,7 +301,7 @@ export class PlaylistControl{
                     let playlistOffset = parseInt(settings.offset);
                     if (isNaN(playlistOffset)) playlistOffset = 0;
                     let number = parseInt(this.playlistOffset + playlistOffset);
-                    const nrOfPlaylists = parseInt(game.settings.get(MODULE.moduleName,'playlists').playlistNumber);
+                    const nrOfPlaylists = parseInt(game.settings.get(moduleName,'playlists').playlistNumber);
                     if (number < 0) number += nrOfPlaylists;
                     else if (number >= nrOfPlaylists) number -= nrOfPlaylists;
                     this.playlistOffset = number;
@@ -233,6 +313,30 @@ export class PlaylistControl{
                 }
                 this.updateAll();
             }
+            else if (playlistType == 'incDecVol' || playlistType == 'setVol') {
+                
+                const value = settings.trackVolumeValue ? parseFloat(settings.trackVolumeValue) : 0.1;
+                let playlist = playlistMode == 'track' ? this.getPlaylist(playlistNr) : game.playlists.getName(settings.playlistNr);
+                if (playlist != undefined){
+                    if (playlistMode != 'track' && playlistMode != 'trackName') return;
+                    const track = playlistMode == 'track' ? playlist.sounds.contents[trackNr] : playlist.sounds.getName(settings.trackNr);
+                    if (track != undefined){
+                        let newVolume = playlistType == 'incDecVol' ? AudioHelper.volumeToInput(track.volume) + value : value;
+                        if (newVolume > 1) newVolume = 1;
+                        else if (newVolume < 0) newVolume = 0;
+                        track.updateSource({volume:AudioHelper.inputToVolume(newVolume)})
+                        track.sound?.fade(track.effectiveVolume, {duration: PlaylistSound.VOLUME_DEBOUNCE_MS});
+                        if ( track.isOwner ) track.debounceVolume(AudioHelper.inputToVolume(newVolume));
+                        for (let elmnt of document.getElementById('currently-playing').getElementsByClassName('sound')) {
+                            if (elmnt.getAttribute('data-sound-id') == track.id) {
+                                elmnt.getElementsByClassName('sound-volume')[0].value = newVolume;
+                                return;
+                            }
+                        }
+                        this.updateAll();
+                    }
+                }
+            }
         }
           
     }
@@ -251,12 +355,15 @@ export class PlaylistControl{
             playlist.stopAll();
             return;
         }
-        let mode = game.settings.get(MODULE.moduleName,'playlists').playlistMode[playlistNr];
+        let mode = game.settings.get(moduleName,'playlists').playlistMode[playlistNr];
+        //const originalPlayMode = playlist.mode;
+        //await playlist.update({mode: CONST.PLAYLIST_MODES.SEQUENTIAL});
         if (mode == 0) {
-            mode = game.settings.get(MODULE.moduleName,'playlists').playMode;
-            if (mode == 2) await this.stopAll();
+            mode = game.settings.get(moduleName,'playlists').playMode;
+            if (mode == 2) await this.stopAll(true);
         }
         playlist.playAll();
+        //await playlist.update({mode: originalPlayMode});
     }
     
     async playTrack(track,playlist,playlistNr){
@@ -271,23 +378,25 @@ export class PlaylistControl{
             return;
         }
         let play;
+        const originalPlayMode = playlist.mode;
         if (track.playing)
             play = false;
         else {
             play = true;
-            let mode = game.settings.get(MODULE.moduleName,'playlists').playlistMode[playlistNr];
+            let mode = game.settings.get(moduleName,'playlists').playlistMode[playlistNr];
             if (mode == 0) {
-                mode = game.settings.get(MODULE.moduleName,'playlists').playMode;
-                if (mode == 1) await playlist.stopAll();
-                else if (mode == 2) await this.stopAll();
+                mode = game.settings.get(moduleName,'playlists').playMode;
+                if (mode == 0) await playlist.update({mode: CONST.PLAYLIST_MODES.SIMULTANEOUS});
+                else if (mode == 1) await playlist.stopAll();
+                else if (mode == 2) await this.stopAll(true);
             }
-            else if (mode == 2) await playlist.stopAll();
+            else if (mode == 2) await playlist.stopAll(true);
         }
         
-        if (compatibleCore("0.8.1") && play) await playlist.playSound(track);
-        else if (compatibleCore("0.8.1")) await playlist.stopSound(track);
-        else await playlist.updateEmbeddedEntity("PlaylistSound", {_id: track._id, playing: play});
+        if (play) await playlist.playSound(track);
+        else await playlist.stopSound(track);
         
         playlist.update({playing: play});
+        await playlist.update({mode: originalPlayMode});
     }
 }

src/actions/scene.js

@@ -1,6 +1,5 @@
-import * as MODULE from "../MaterialDeck.js";
-import {streamDeck} from "../MaterialDeck.js";
-import {compatibleCore} from "./misc.js";
+import { streamDeck, getPermission } from "../../MaterialDeck.js";
+import {  } from "../misc.js";
 
 export class SceneControl{
     constructor(){
@@ -28,13 +27,14 @@ export class SceneControl{
         const background = settings.background ? settings.background : '#000000';
         const ringOffColor = settings.offRing ? settings.offRing : '#000000';
         const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
+        const ringActiveColor = settings.activeRing ? settings.activeRing : '#FFFF00'
         let ringColor = "#000000";
         let ring = 2;
 
         let src = "";
         let name = "";
         if (func == 'visible') { //visible scenes
-            if (MODULE.getPermission('SCENE','VISIBLE') == false ) {
+            if (getPermission('SCENE','VISIBLE') == false ) {
                 streamDeck.noPermission(context,device);
                 return;
             }
@@ -47,12 +47,12 @@ export class SceneControl{
             if (scene != undefined){
                 ringColor = scene.isView ? ringOnColor : ringOffColor;
                 if (settings.displaySceneName) name = scene.name;
-                if (settings.displaySceneIcon) src = scene.img;
+                if (settings.displaySceneIcon) src = scene.background.src;
                 if (scene.active) name += "\n(Active)";
             }
         }
         else if (func == 'dir') {   //from directory
-            if (MODULE.getPermission('SCENE','DIRECTORY') == false ) {
+            if (getPermission('SCENE','DIRECTORY') == false ) {
                 streamDeck.noPermission(context,device);
                 return;
             }
@@ -61,33 +61,29 @@ export class SceneControl{
             nr--;
 
             let sceneList = [];
-            for (let i=0; i<ui.scenes.tree.children.length; i++){
-                const scenesInFolder = compatibleCore("0.8.1") ? ui.scenes.tree.children[i].contents : ui.scenes.tree.children[i].entities;
-                for (let j=0; j<scenesInFolder.length; j++)
-                    sceneList.push(scenesInFolder[j])
-            }
-            for (let i=0; i<ui.scenes.tree.content.length; i++)
-                sceneList.push(ui.scenes.tree.content[i])
+            sceneList = ui.scenes.documents;
 
             const scene = sceneList[nr+this.sceneOffset];
             
             if (scene != undefined){
-                if (scene.isView) 
+                if (scene.active)
+                    ringColor = ringActiveColor;
+                else if (scene.isView) 
                     ringColor = ringOnColor;
-                else if (scene.data.navigation && scene.data.permission.default == 0)
+                else if (scene.navigation && scene.permission.default == 0)
                     ringColor = '#000791';
-                else if (scene.data.navigation)
+                else if (scene.navigation)
                     ringColor = '#2d2d2d';
                 else 
                     ringColor = ringOffColor;
                 
                 if (settings.displaySceneName) name = scene.name;
-                if (settings.displaySceneIcon) src = scene.img;
+                if (settings.displaySceneIcon) src = scene.background.src;
                 if (scene.active) name += "\n(Active)";
             }
         }
         else if (func == 'any') {   //by name
-            if (MODULE.getPermission('SCENE','NAME') == false ) {
+            if (getPermission('SCENE','NAME') == false ) {
                 streamDeck.noPermission(context,device);
                 return;
             }
@@ -95,21 +91,24 @@ export class SceneControl{
             let scene = game.scenes.getName(settings.sceneName);
 
             if (scene != undefined){
-                ringColor = scene.isView ? ringOnColor : ringOffColor;
+                if (scene.active)
+                    ringColor = ringActiveColor;
+                else if (scene.isView) 
+                    ringColor = ringOnColor;
                 if (settings.displaySceneName) name = scene.name;
-                if (settings.displaySceneIcon) src = scene.img;
+                if (settings.displaySceneIcon) src = scene.background.src;
                 if (scene.active) name += "\n(Active)";
             }
         }
         else if (func == 'active'){
-            if (MODULE.getPermission('SCENE','ACTIVE') == false ) {
+            if (getPermission('SCENE','ACTIVE') == false ) {
                 streamDeck.noPermission(context,device);
                 return;
             }
             const scene = game.scenes.active;
             if (scene == undefined) return;
             if (settings.displaySceneName) name = scene.name;
-            if (settings.displaySceneIcon) src = scene.img;
+            if (settings.displaySceneIcon) src = scene.background.src;
             ring = 0;
         }
         else if (func == 'offset'){
@@ -119,6 +118,7 @@ export class SceneControl{
             src = "modules/MaterialDeck/img/transparant.png";
         }
         streamDeck.setTitle(name,context);
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
         streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor});
     }
 
@@ -126,7 +126,7 @@ export class SceneControl{
         const func = settings.sceneFunction ? settings.sceneFunction : 'visible';
 
         if (func == 'visible'){ //visible scenes
-            if (MODULE.getPermission('SCENE','VISIBLE') == false ) return;
+            if (getPermission('SCENE','VISIBLE') == false ) return;
             const viewFunc = settings.sceneViewFunction ? settings.sceneViewFunction : 'view';
             let nr = parseInt(settings.sceneNr);
             if (isNaN(nr) || nr < 1) nr = 1;
@@ -147,20 +147,14 @@ export class SceneControl{
             }  
         }
         else if (func == 'dir') {   //from directory
-            if (MODULE.getPermission('SCENE','DIRECTORY') == false ) return;
+            if (getPermission('SCENE','DIRECTORY') == false ) return;
             const viewFunc = settings.sceneViewFunction ? settings.sceneViewFunction : 'view';
             let nr = parseInt(settings.sceneNr);
             if (isNaN(nr) || nr < 1) nr = 1;
             nr--;
 
             let sceneList = [];
-            for (let i=0; i<ui.scenes.tree.children.length; i++){
-                const scenesInFolder = compatibleCore("0.8.1") ? ui.scenes.tree.children[i].contents : ui.scenes.tree.children[i].entities;
-                for (let j=0; j<scenesInFolder.length; j++)
-                    sceneList.push(scenesInFolder[j])
-            }
-            for (let i=0; i<ui.scenes.tree.content.length; i++)
-                sceneList.push(ui.scenes.tree.content[i])
+            sceneList = ui.scenes.documents;
             
             const scene = sceneList[nr+this.sceneOffset];
 
@@ -179,7 +173,7 @@ export class SceneControl{
 
         }
         else if (func == 'any'){ //by name
-            if (MODULE.getPermission('SCENE','NAME') == false ) return;
+            if (getPermission('SCENE','NAME') == false ) return;
             if (settings.sceneName == undefined || settings.sceneName == '') return;
             const scenes = game.scenes.entries;
             let scene = game.scenes.getName(settings.sceneName);
@@ -199,7 +193,7 @@ export class SceneControl{
             }
         }
         else if (func == 'active'){
-            if (MODULE.getPermission('SCENE','ACTIVE') == false ) return;
+            if (getPermission('SCENE','ACTIVE') == false ) return;
             const scene = game.scenes.active;
             if (scene == undefined) return;
             scene.view();

src/actions/soundboard.js

@@ -1,6 +1,4 @@
-import * as MODULE from "../MaterialDeck.js";
-import {streamDeck} from "../MaterialDeck.js";
-import {compatibleCore} from "./misc.js";
+import { moduleName, streamDeck, getPermission } from "../../MaterialDeck.js";
 
 export class SoundboardControl{
     constructor(){
@@ -22,7 +20,7 @@ export class SoundboardControl{
     }
 
     update(settings,context,device){
-        if (MODULE.getPermission('SOUNDBOARD','PLAY') == false ) {
+        if (getPermission('SOUNDBOARD','PLAY') == false ) {
             streamDeck.noPermission(context,device);
             return;
         }
@@ -40,13 +38,14 @@ export class SoundboardControl{
             soundNr--;
             soundNr += this.offset;
 
-            let soundboardSettings = game.settings.get(MODULE.moduleName, 'soundboardSettings');
+            let soundboardSettings = game.settings.get(moduleName, 'soundboardSettings');
             ringColor = (this.activeSounds[soundNr]==undefined) ? soundboardSettings.colorOff[soundNr] : soundboardSettings.colorOn[soundNr];
 
             if (settings.displayName && soundboardSettings.name != undefined) txt = soundboardSettings.name[soundNr];
             if (settings.displayIcon && soundboardSettings.img != undefined) src = soundboardSettings.img[soundNr];
 
             streamDeck.setTitle(txt,context);
+            if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
             streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
         }
         else if (mode == 'offset') { //Offset
@@ -59,7 +58,9 @@ export class SoundboardControl{
             else ringColor = ringOffColor;
 
             streamDeck.setTitle(txt,context);
-            streamDeck.setIcon(context,device,"",{background:background,ring:2,ringColor:ringColor});
+            let src = '';
+            if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
+            streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
         }
         else if (mode == 'stopAll') {   //Stop all sounds
             let src = 'modules/MaterialDeck/img/playlist/stop.png';
@@ -68,6 +69,7 @@ export class SoundboardControl{
             for (let i=0; i<this.activeSounds.length; i++)
                 if (this.activeSounds[i]) 
                     soundPlaying = true;
+            if (settings.iconOverride != '' && settings.iconOverride != undefined) src = settings.iconOverride;
             if (soundPlaying)
                 streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:'#00FF00',overlay:true});
             else
@@ -76,7 +78,7 @@ export class SoundboardControl{
     }
 
     keyPressDown(settings){
-        if (MODULE.getPermission('SOUNDBOARD','PLAY') == false ) return;
+        if (getPermission('SOUNDBOARD','PLAY') == false ) return;
         const mode = settings.soundboardMode ? settings.soundboardMode : 'playSound';
 
         if (mode == 'playSound') {    //Play sound
@@ -85,7 +87,7 @@ export class SoundboardControl{
             soundNr--;
             soundNr += this.offset;
 
-            const playMode = game.settings.get(MODULE.moduleName,'soundboardSettings').mode[soundNr];
+            const playMode = game.settings.get(moduleName,'soundboardSettings').mode[soundNr];
             const repeat = (playMode > 0) ? true : false;
             const play = (this.activeSounds[soundNr] == undefined) ? true : false;
 
@@ -107,7 +109,7 @@ export class SoundboardControl{
     }
 
     keyPressUp(settings){
-        if (MODULE.getPermission('SOUNDBOARD','PLAY') == false ) return;
+        if (getPermission('SOUNDBOARD','PLAY') == false ) return;
         const mode = settings.soundboardMode ? settings.soundboardMode : 'playSound';
 
         if (mode != 'playSound') return;
@@ -117,14 +119,14 @@ export class SoundboardControl{
         soundNr--;
         soundNr += this.offset;
 
-        const playMode = game.settings.get(MODULE.moduleName,'soundboardSettings').mode[soundNr];
+        const playMode = game.settings.get(moduleName,'soundboardSettings').mode[soundNr];
         
         if (playMode == 2)
             this.prePlaySound(soundNr,false,false);
     }
 
     async prePlaySound(soundNr,repeat,play){  
-        const soundBoardSettings = game.settings.get(MODULE.moduleName,'soundboardSettings');
+        const soundBoardSettings = game.settings.get(moduleName,'soundboardSettings');
         const playlistId = (soundBoardSettings.selectedPlaylists != undefined) ? soundBoardSettings.selectedPlaylists[soundNr] : undefined;
         let src;
         if (playlistId == "" || playlistId == undefined) return;
@@ -144,12 +146,12 @@ export class SoundboardControl{
             const soundId = soundBoardSettings.sounds[soundNr];
             const sounds = game.playlists.get(playlistId).sounds;
             if (sounds == undefined) return;
-            const sound = compatibleCore("0.8.1") ? sounds.find(p => p.id == soundId) : sounds.find(p => p._id == soundId);
+            const sound = sounds.find(p => p.id == soundId);
             if (sound == undefined) return;
             src = sound.path;
         }
 
-        let volume = game.settings.get(MODULE.moduleName,'soundboardSettings').volume[soundNr]/100;
+        let volume = game.settings.get(moduleName,'soundboardSettings').volume[soundNr]/100;
         volume = AudioHelper.inputToVolume(volume);
         
         let payload = {
@@ -169,7 +171,6 @@ export class SoundboardControl{
         if (play){
             volume *= game.settings.get("core", "globalAmbientVolume");
 
-            if (compatibleCore("0.8.1")) {
             let newSound = new Sound(src);
             if(newSound.loaded == false) await newSound.load({autoplay:true});
             newSound.on('end', ()=>{
@@ -181,25 +182,20 @@ export class SoundboardControl{
             newSound.play({loop:repeat,volume:volume});
             this.activeSounds[soundNr] = newSound;
         }
-            else {
-                let howl = new Howl({src, volume, loop: repeat, onend: (id)=>{
-                    if (repeat == false){
-                        this.activeSounds[soundNr] = undefined;
-                        this.updateAll();
-                    }
-                },
-                onstop: ()=>{
-                    this.activeSounds[soundNr] = undefined;
-                    this.updateAll();
-                }});
-                howl.play();
-                this.activeSounds[soundNr] = howl;
-            }
-        }
         else {
             if (this.activeSounds[soundNr] != undefined) this.activeSounds[soundNr].stop();
             this.activeSounds[soundNr] = undefined;
         }
         this.updateAll();
     }
+
+    ambientVolumeChanged(ambientVolume) {
+        for (let i = 0; i<this.activeSounds.length; i++) {
+            let sound = this.activeSounds[i];
+            if (sound == undefined) continue;
+            let volume = game.settings.get(moduleName,'soundboardSettings').volume[i]/100;
+            volume = AudioHelper.inputToVolume(volume) * ambientVolume;
+            sound.gain.value = volume;
+        }
+    }
 }

src/actions/token.js

@@ -1,10 +1,11 @@
-import * as MODULE from "../MaterialDeck.js";
-import {streamDeck, macroControl, otherControls, tokenHelper} from "../MaterialDeck.js";
+import { streamDeck, macroControl, otherControls, tokenHelper, getPermission } from "../../MaterialDeck.js";
+import {  } from "../misc.js";
 
 export class TokenControl{
     constructor(){
         this.active = false;
         this.wildcardOffset = 0;
+        this.itemOffset = 0;
     }
 
     async update(tokenId=null){
@@ -19,21 +20,20 @@ export class TokenControl{
         }
     }
 
-    async pushData(tokenId,settings,context,device,ring=0,ringColor='#000000'){
+    async pushData(tokenId,settings,context,device,ring=0,ringColor='#000000',forceIcon,hideName=false){
         const name = settings.displayName ? settings.displayName : false;
         const icon = settings.icon ? settings.icon : 'none';
-        const background = settings.background ? settings.background : "#000000";
         let stats =  settings.stats ? settings.stats : 'none';
         const selection = settings.selection ? settings.selection : 'selected';
         const tokenIdentifier = settings.tokenName ? settings.tokenName : '';
         const prependTitle = settings.prependTitle ? settings.prependTitle : '';
         const mode = settings.tokenMode ? settings.tokenMode : 'token';
+        const background = (mode == 'inventory') ? (settings.inventoryBackground ? settings.inventoryBackground : "#000000") : (settings.background ? settings.background : "#000000");
 
         let validToken = false;
         let token;
         if (settings.combatTrackerMode) token = tokenHelper.getTokenFromTokenId(tokenId);
         else token = tokenHelper.getToken(selection,tokenIdentifier);
-
         if (token != undefined) validToken = true;
         let txt = "";
         let iconSrc = "";
@@ -42,11 +42,11 @@ export class TokenControl{
         let uses = undefined;
         let hp = undefined;
         if (validToken) {
-            if (token.owner == false && token.observer == true && MODULE.getPermission('TOKEN','OBSERVER') == false ) {
+            if (token.owner == false && token.observer == true && getPermission('TOKEN','OBSERVER') == false ) {
                 streamDeck.noPermission(context,device);
                 return;
             }
-            if (token.owner == false && token.observer == false && MODULE.getPermission('TOKEN','NON_OWNED') == false ) {
+            if (token.owner == false && token.observer == false && getPermission('TOKEN','NON_OWNED') == false ) {
                 streamDeck.noPermission(context,device);
                 return;
             }
@@ -57,16 +57,16 @@ export class TokenControl{
     
                 const permission = token.actor?.permission;
                 if (settings.combat){
-                    if (permission == 0 && MODULE.getPermission('COMBAT','DISPLAY_ALL_NAMES') == false) txt = "";
-                    else if (permission == 1 && MODULE.getPermission('COMBAT','DISPLAY_LIMITED_NAME') == false) txt = "";
-                    else if (permission == 2 && MODULE.getPermission('COMBAT','DISPLAY_OBSERVER_NAME') == false) txt = "";
+                    if (permission == 0 && getPermission('COMBAT','DISPLAY_ALL_NAMES') == false) txt = "";
+                    else if (permission == 1 && getPermission('COMBAT','DISPLAY_LIMITED_NAME') == false) txt = "";
+                    else if (permission == 2 && getPermission('COMBAT','DISPLAY_OBSERVER_NAME') == false) txt = "";
     
                     if (permission == 0 && stats == 'HP') stats = 'none';
-                    else if (stats == 'HP' && permission == 1 && MODULE.getPermission('COMBAT','DISPLAY_LIMITED_HP') == false) stats = 'none';
-                    else if (stats == 'HP' && permission == 2 && MODULE.getPermission('COMBAT','DISPLAY_OBSERVER_HP') == false) stats = 'none';
-                    else if (stats != 'HP' && permission < 3 && MODULE.getPermission('COMBAT','DISPLAY_NON_OWNED_STATS') == false) stats = 'none';
+                    else if (stats == 'HP' && permission == 1 && getPermission('COMBAT','DISPLAY_LIMITED_HP') == false) stats = 'none';
+                    else if (stats == 'HP' && permission == 2 && getPermission('COMBAT','DISPLAY_OBSERVER_HP') == false) stats = 'none';
+                    else if (stats != 'HP' && permission < 3 && getPermission('COMBAT','DISPLAY_NON_OWNED_STATS') == false) stats = 'none';
                 }
-                else if (MODULE.getPermission('TOKEN','STATS') == false) {
+                else if (getPermission('TOKEN','STATS') == false) {
                     statsOld = stats;
                     stats = 'none';
                 }
@@ -77,24 +77,10 @@ export class TokenControl{
                 
                 if (stats == 'custom'){
                     const custom = settings.custom ? settings.custom : '';
-                    let split = custom.split('[');
-                    for (let i=0; i<split.length; i++) split[i] = split[i].split(']');
-                    for (let i=0; i<split.length; i++)
-                        for (let j=0; j<split[i].length; j++){
-                            if (split[i][j][0] != '@') txt += split[i][j];
-                            else {
-                                const dataPath = split[i][j].split('@')[1].split('.');
-                                let data = token;
-                                
-                                for (let i=0; i<dataPath.length; i++)
-                                    data = data?.[dataPath[i]];
-                                if (data == undefined) txt += '[undef]';
-                                else txt += data;
-                            }
-                        }
+                    txt += this.decodeCustomStat(custom, token);
                 }
                 
-                if (stats == 'HP') {
+                if (stats == 'HP' || stats == 'Wounds') {
                     const hp = tokenHelper.getHP(token);
                     txt += hp.value + "/" + hp.max;
                     
@@ -105,6 +91,71 @@ export class TokenControl{
                             heart: "#FF0000"
                         };
                         
+                }
+
+                if (stats == 'Agility') { /* forbidden-lands */
+                    const wits = tokenHelper.getAgility(token);
+                    txt += wits.value + "/" + wits.max;
+                    
+                    if (icon == 'stats')
+                        uses = {
+                            available: wits.value,
+                            maximum: wits.max,
+                            heart: "#FF0000"
+                        };
+                        
+                }
+
+                if (stats == 'Wits') { /* forbidden-lands */
+                    const wits = tokenHelper.getWits(token);
+                    txt += wits.value + "/" + wits.max;
+                    
+                    if (icon == 'stats')
+                        uses = {
+                            available: wits.value,
+                            maximum: wits.max,
+                            heart: "#FF0000"
+                        };
+                        
+                }
+
+                if (stats == 'Empathy') { /* forbidden-lands */
+                    const wits = tokenHelper.getEmpathy(token);
+                    txt += wits.value + "/" + wits.max;
+                    
+                    if (icon == 'stats')
+                        uses = {
+                            available: wits.value,
+                            maximum: wits.max,
+                            heart: "#FF0000"
+                        };
+                        
+                }
+
+                if (stats == 'WillPower') { /* forbidden-lands */
+                    const wits = tokenHelper.getWillPower(token);
+                    txt += wits.value + "/" + wits.max;
+                    
+                    if (icon == 'stats')
+                        uses = {
+                            available: wits.value,
+                            maximum: wits.max,
+                            heart: "#FF0000"
+                        };
+                        
+                }
+
+                if (stats == 'CriticalWounds') { /* WFRP4e */
+                    const criticalWounds = tokenHelper.getCriticalWounds(token);
+                    txt += criticalWounds.value + "/" + criticalWounds.max;
+                    
+                    if (icon == 'stats')
+                        uses = {
+                            available: criticalWounds.value,
+                            maximum: criticalWounds.max,
+                            heart: "#FF0000"
+                        };
+                        
                 }
                 else if (stats == 'HPbox') {
                     const hp = tokenHelper.getHP(token);
@@ -124,6 +175,13 @@ export class TokenControl{
                             heart: "#00FF00"
                         };
                 }
+                else if (stats == 'Stamina') {    //starfinder
+                    const stamina = tokenHelper.getStamina(token);
+                    txt += `${stamina.value}/${stamina.max}`;
+                }
+                else if (stats == 'KinAC') {    //starfinder
+                    txt += tokenHelper.getKinAC(token);
+                }
                 else if (stats == 'AC') txt += tokenHelper.getAC(token);
                 else if (stats == 'ShieldHP') txt += tokenHelper.getShieldHP(token);
                 else if (stats == 'Speed') txt += tokenHelper.getSpeed(token);
@@ -132,17 +190,38 @@ export class TokenControl{
                 else if (stats == 'PassiveInvestigation') txt += tokenHelper.getPassiveInvestigation(token);
                 else if (stats == 'Ability') txt += tokenHelper.getAbility(token, settings.ability);
                 else if (stats == 'AbilityMod') txt += tokenHelper.getAbilityModifier(token, settings.ability);
-                else if (stats == 'Save') txt += tokenHelper.getAbilitySave(token, settings.save);
-                else if (stats == 'Skill') txt += tokenHelper.getSkill(token, settings.skill);
+                else if (stats == 'Save') {
+                    txt += tokenHelper.getAbilitySave(token, settings.save);
+                    ringColor = tokenHelper.getSaveRingColor(token, settings.save);
+                    if (ringColor != undefined) ring = 2;
+                }
+                else if (stats == 'Skill') {
+                    txt += tokenHelper.getSkill(token, settings.skill);
+                    ringColor = tokenHelper.getSkillRingColor(token, settings.skill);
+                    if (ringColor != undefined) ring = 2;
+                }
                 else if (stats == 'Prof') txt += tokenHelper.getProficiency(token);
+                else if (stats == 'Fate') txt += tokenHelper.getFate(token) /* WFRP4e */
+                else if (stats == 'Fortune') txt += tokenHelper.getFortune(token) /* WFRP4e */
+                else if (stats == 'Corruption') txt += tokenHelper.getCorruption(token) /* WFRP4e */
+                else if (stats == 'Advantage') txt += tokenHelper.getAdvantage(token) /* WFRP4e */
+                else if (stats == 'Resolve') txt += tokenHelper.getResolve(token) /* WFRP4e */
+                else if (stats == 'Resilience') txt += tokenHelper.getResilience(token) /* WFRP4e */
+                else if (stats == 'Perception') txt += tokenHelper.getPerception(token) /* PF2E */
+                else if (stats == 'Condition') { /* PF2E */
+                    const valuedCondition = tokenHelper.getConditionValue(token, settings.condition);
+                    if (valuedCondition != undefined) {
+                        txt += valuedCondition?.value;
+                    }
+                }
                 
                 if (settings.onClick == 'visibility') { //toggle visibility
-                    if (MODULE.getPermission('TOKEN','VISIBILITY') == false ) {
+                    if (getPermission('TOKEN','VISIBILITY') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
                     ring = 1;
-                    if (token.data.hidden){
+                    if (token.document.hidden){
                         ring = 2;
                         ringColor = "#FF7B00";
                     }
@@ -152,7 +231,7 @@ export class TokenControl{
                     }
                 }
                 else if (settings.onClick == 'combatState') { //toggle combat state
-                    if (MODULE.getPermission('TOKEN','COMBAT') == false ) {
+                    if (getPermission('TOKEN','COMBAT') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
@@ -176,8 +255,8 @@ export class TokenControl{
                         iconSrc = "fas fa-bullseye";
                     }
                 }
-                else if (settings.onClick == 'condition') { //toggle condition
-                    if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) {
+                else if (settings.onClick == 'condition') { //handle condition
+                    if (getPermission('TOKEN','CONDITIONS') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
@@ -192,7 +271,7 @@ export class TokenControl{
                     }  
                 }
                 else if (settings.onClick == 'cubCondition') { //Combat Utility Belt conditions
-                    if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) {
+                    if (getPermission('TOKEN','CONDITIONS') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
@@ -209,7 +288,7 @@ export class TokenControl{
                     }
                 }
                 else if (settings.onClick == 'wildcard') { //wildcard images
-                    if (MODULE.getPermission('TOKEN','WILDCARD') == false ) {
+                    if (getPermission('TOKEN','WILDCARD') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
@@ -222,7 +301,7 @@ export class TokenControl{
                     let currentImgNr = 0
                     let imgNr;
                     for (let i=0; i<images.length; i++) 
-                        if (images[i] == token.data.img){
+                        if (images[i] == tokenHelper.getTokenIcon(token)){
                             currentImgNr = i;
                             break;
                         }
@@ -248,32 +327,61 @@ export class TokenControl{
                 else if (settings.onClick == 'initiative') //Initiative
                     iconSrc = "modules/MaterialDeck/img/token/init.png";
             }
+            else if (mode == 'offset') {
+                iconSrc = "modules/MaterialDeck/img/black.png";
+                const itemOffset = settings.itemOffset ? settings.itemOffset : 0;
+                ringColor = settings.offRing ? settings.offRing : '#000000';
+                const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
+                ring = 1;
+                if (itemOffset == this.itemOffset) {
+                    
+                    ring = 2;
+                    ringColor = ringOnColor;
+                }
+            }
+            else if (mode == 'offsetRel') {
+                
+            }
+            else if (mode == 'dispOffset') {
+                iconSrc = "modules/MaterialDeck/img/black.png";
+                const prependTitle = settings.offsetPrepend ? settings.offsetPrepend : '';
+                txt += prependTitle + this.itemOffset;
+            }
             //Items
             else {
                 txt += prependTitle;
                 const allItems = token.actor.items;
-                const itemNr = settings.itemNr ? settings.itemNr - 1 : 0;
+                let itemNr = settings.itemNr ? settings.itemNr - 1 : 0;
+                itemNr += this.itemOffset;
                 const displayUses = settings.displayUses ? settings.displayUses : false;
                 const displayName = settings.displayInventoryName ? settings.displayInventoryName : false;
                 const displayIcon = settings.displayInventoryIcon ? settings.displayInventoryIcon : false;
+                const selectionMode = settings.inventorySelection ? settings.inventorySelection : 'order';
                 let items = allItems;
                 let item;
                 if (mode == 'inventory') {
                     items = tokenHelper.getItems(token,settings.inventoryType);
                     items = this.sortItems(items);
-                    item = items[itemNr];
+                    if (selectionMode == 'order')       item = items[itemNr];
+                    else if (selectionMode == 'name')   item = items.filter(i => i.name == settings.itemName)[0];
+                    else if (selectionMode == 'id')     item = items.filter(i => i.id == settings.itemName)[0];
+                    
                     if (item != undefined && displayUses) uses = tokenHelper.getItemUses(item);
                 }
                 else if (mode == 'features') {
                     items = tokenHelper.getFeatures(token,settings.featureType);
                     items = this.sortItems(items);
-                    item = items[itemNr];
+                    if (selectionMode == 'order')       item = items[itemNr];
+                    else if (selectionMode == 'name')   item = items.filter(i => i.name == settings.itemName)[0];
+                    else if (selectionMode == 'id')     item = items.filter(i => i.id == settings.itemName)[0];
                     if (item != undefined && displayUses) uses = tokenHelper.getFeatureUses(item);
                 }
                 else if (mode == 'spellbook') {
-                    items = tokenHelper.getSpells(token,settings.spellType);
+                    items = tokenHelper.getSpells(token,settings.spellType,settings.spellMode);
                     items = this.sortItems(items);
-                    item = items[itemNr];
+                    if (selectionMode == 'order')       item = items[itemNr];
+                    else if (selectionMode == 'name')   item = items.filter(i => i.name == settings.itemName)[0];
+                    else if (selectionMode == 'id')     item = items.filter(i => i.id == settings.itemName)[0];
                     if (displayUses && item != undefined) uses = tokenHelper.getSpellUses(token,settings.spellType,item);
                 }
                 if (item != undefined) {
@@ -288,7 +396,7 @@ export class TokenControl{
             if (mode == 'token') {
                 iconSrc += "";
                 if (settings.onClick == 'visibility') { //toggle visibility
-                    if (MODULE.getPermission('TOKEN','VISIBILITY') == false ) {
+                    if (getPermission('TOKEN','VISIBILITY') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
@@ -299,7 +407,7 @@ export class TokenControl{
                     }
                 }
                 else if (settings.onClick == 'combatState') { //toggle combat state
-                    if (MODULE.getPermission('TOKEN','COMBAT') == false ) {
+                    if (getPermission('TOKEN','COMBAT') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
@@ -317,7 +425,7 @@ export class TokenControl{
                     }
                 }
                 else if (settings.onClick == 'condition') { //toggle condition
-                    if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) {
+                    if (getPermission('TOKEN','CONDITIONS') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
@@ -326,7 +434,7 @@ export class TokenControl{
                     if (icon == 'stats') iconSrc = tokenHelper.getConditionIcon(settings.condition);
                 }
                 else if (settings.onClick == 'cubCondition') { //Combat Utility Belt conditions
-                    if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) {
+                    if (getPermission('TOKEN','CONDITIONS') == false ) {
                         streamDeck.noPermission(context,device);
                         return;
                     }
@@ -341,13 +449,13 @@ export class TokenControl{
             } 
         }
     
-        if (icon == 'stats'){
-            if (MODULE.getPermission('TOKEN','STATS') == false) stats = statsOld;
+        if (icon == 'stats' && mode != 'offset' && mode != 'offsetRel'){
+            if (getPermission('TOKEN','STATS') == false) stats = statsOld;
             if (stats == 'HP') //HP
                 iconSrc = "modules/MaterialDeck/img/token/hp_empty.png";
             if (stats == 'TempHP') //Temp HP
                 iconSrc = "modules/MaterialDeck/img/token/temp_hp_empty.png";
-            else if (stats == 'AC' || stats == 'ShieldHP') //AC
+            else if (stats == 'AC' || stats == 'ShieldHP' || stats == 'KinAC') //AC
                 iconSrc = "modules/MaterialDeck/img/token/ac.webp";
             else if (stats == 'Speed') //Speed
                 iconSrc = "modules/MaterialDeck/img/token/speed.webp";
@@ -365,7 +473,6 @@ export class TokenControl{
             }
             else if (stats == 'Ability' || stats == 'AbilityMod' || stats == 'Save') {
                 overlay = true;
-                ring = 1;
                 let ability = (stats == 'Save') ? settings.save : settings.ability;
                 if (ability == undefined) ability = 'str';
                 if (ability == 'con') iconSrc = "modules/MaterialDeck/img/token/abilities/cons.png";
@@ -373,10 +480,9 @@ export class TokenControl{
             }
             else if (stats == 'Skill') {
                 overlay = true;
-                ring = 1;
                 let skill = settings.skill;
                 if (skill == undefined) skill = 'acr';
-                else iconSrc = "modules/MaterialDeck/img/token/skills/" + skill + ".png";
+                else iconSrc = "modules/MaterialDeck/img/token/skills/" + (skill.startsWith('lor')? 'lor' : skill) + ".png";
             }
             else if (settings.onClick == 'center' || settings.onClick == 'centerSelect') {
                 overlay = true;
@@ -411,13 +517,20 @@ export class TokenControl{
                 iconSrc = "modules/MaterialDeck/img/move/rotateccw.png";
             }
         }
+
+        if (forceIcon) {
+            iconSrc = forceIcon;
+            txt = "";
+        }
+        else if (hideName) txt = "";
+        if (settings.iconOverride != '' && settings.iconOverride != undefined) iconSrc = settings.iconOverride;
         streamDeck.setIcon(context,device,iconSrc,{background:background,ring:ring,ringColor:ringColor,overlay:overlay,uses:uses,hp:hp});
         streamDeck.setTitle(txt,context);
     }
 
     sortItems(items) {
         let sorted = Object.values(items);
-        sorted.sort((a,b) => a.data.sort - b.data.sort);
+        sorted.sort((a,b) => a.sort - b.sort);
         return sorted;
     }
 
@@ -430,13 +543,11 @@ export class TokenControl{
         const tokenIdentifier = settings.tokenName ? settings.tokenName : '';
         const mode = settings.tokenMode ? settings.tokenMode : 'token';
         
-        let token;
-        if (selection == 'selected') token = canvas.tokens.controlled[0];
-        else token = tokenHelper.getToken(selection,tokenIdentifier);
+        let token = tokenHelper.getToken(selection,tokenIdentifier);
 
         if (token == undefined) return;
-        if (token.owner == false && token.observer == true && MODULE.getPermission('TOKEN','OBSERVER') == false ) return;
-        if (token.owner == false && token.observer == false && MODULE.getPermission('TOKEN','NON_OWNED') == false ) return;
+        if (token.owner == false && token.observer == true && getPermission('TOKEN','OBSERVER') == false ) return;
+        if (token.owner == false && token.observer == false && getPermission('TOKEN','NON_OWNED') == false ) return;
         
         if (mode == 'token') {
 
@@ -473,23 +584,36 @@ export class TokenControl{
                 else token.sheet.close();
             }
             else if (onClick == 'visibility') {    //Toggle visibility
-                if (MODULE.getPermission('TOKEN','VISIBILITY') == false ) return;
+                if (getPermission('TOKEN','VISIBILITY') == false ) return;
                 token.toggleVisibility();
             }
             else if (onClick == 'combatState') {    //Toggle combat state
-                if (MODULE.getPermission('TOKEN','COMBAT') == false ) return;
+                if (getPermission('TOKEN','COMBAT') == false ) return;
                 token.toggleCombat();
             }
             else if (onClick == 'target') {    //Target token
                 token.setTarget(!token.isTargeted,{releaseOthers:false});
             }
-            else if (onClick == 'condition') {    //Toggle condition
-                if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) return;
+            else if (onClick == 'condition') {    //Handle condition
+                if (getPermission('TOKEN','CONDITIONS') == false ) return;
+                const func = settings.conditionFunction ? settings.conditionFunction : 'toggle';
+
+                if (func == 'toggle'){ //toggle
                     await tokenHelper.toggleCondition(token,settings.condition);
                     this.update(tokenId);
                 }
+                else if (func == 'increase'){ //increase
+                    await tokenHelper.modifyConditionValue(token, settings.condition, +1)
+                    this.update(tokenId);
+                }
+                else if (func == 'decrease'){ //decrease
+                    await tokenHelper.modifyConditionValue(token, settings.condition, -1)
+                    this.update(tokenId);
+                }
+
+            }
             else if (onClick == 'cubCondition') { //Combat Utility Belt conditions
-                if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) return;
+                if (getPermission('TOKEN','CONDITIONS') == false ) return;
                 const condition = settings.cubConditionName;
                 if (condition == undefined || condition == '') return;
                 const effect = CONFIG.statusEffects.find(e => e.label === condition);
@@ -497,50 +621,93 @@ export class TokenControl{
                 this.update(tokenId); 
             }
             else if (onClick == 'vision'){
-                if (MODULE.getPermission('TOKEN','VISION') == false ) return;
-                const token = canvas.tokens.children[0].children.find(p => p.id == tokenId);
-                if (token == undefined) return;
-                let tokenData = token.data;
+                if (getPermission('TOKEN','VISION') == false ) return;
 
-                const dimVision = parseInt(settings.dimVision);
-                const brightVision = parseInt(settings.brightVision);
-                const sightAngle = parseInt(settings.sightAngle);
-                const dimRadius = parseInt(settings.dimRadius);
-                const brightRadius = parseInt(settings.brightRadius);
-                const emissionAngle = parseInt(settings.emissionAngle);
-                const lightColor = settings.lightColor ? settings.lightColor : '#000000';
-                const colorIntensity = isNaN(parseInt(settings.colorIntensity)) ? 0 : parseInt(settings.colorIntensity)/100;
-                const animationType = settings.animationType ? settings.animationType : 'none';
-                const animationSpeed = isNaN(parseInt(settings.animationSpeed)) ? 1 : parseInt(settings.animationSpeed);
-                const animationIntensity = isNaN(parseInt(settings.animationIntensity)) ? 1 : parseInt(settings.animationIntensity);
-
-                let data = {};
-                if (isNaN(dimVision)==false) data.dimSight = dimVision;
-                if (isNaN(brightVision)==false) data.brightSight = brightVision;
-                if (isNaN(sightAngle)==false) data.sightAngle = sightAngle;
-                if (isNaN(dimRadius)==false) data.dimLight = dimRadius;
-                if (isNaN(brightRadius)==false) data.brightLight = brightRadius;
-                if (isNaN(emissionAngle)==false) data.lightAngle = emissionAngle;
-                data.lightColor = lightColor;
-                data.lightAlpha = Math.sqrt(colorIntensity).toNearest(0.05)
-                let animation = {
-                    type: '',
-                    speed: tokenData.lightAnimation.speed,
-                    intensity: tokenData.lightAnimation.intensity
-                };
-                if (animationType != 'none'){
-                    animation.type = animationType;
-                    animation.intensity = animationIntensity;
-                    animation.speed = animationSpeed;
+                let sight = {};
+                let light = {
+                    animation: {}
                 }
-                data.lightAnimation = animation;
-                token.update(data);
+                
+                //Vision basic config
+                if (settings.visionEnabled && settings.visionEnabled != 'noChange') {
+                    if (settings.visionEnabled == 'toggle')
+                        sight.enabled = !token.document.sight.enabled;
+                    else
+                        sight.enabled = settings.visionEnabled == 'enable';
+                }
+                if (settings.visionRange && isNaN(settings.visionRange) == false) sight.range = parseInt(settings.visionRange);
+                if (settings.visionDimRange && isNaN(settings.visionDimRange) == false) sight.dimSight = parseInt(settings.visionDimRange);
+                if (settings.visionBrightRange && isNaN(settings.visionBrightRange) == false) sight.brightSight = parseInt(settings.visionBrightRange);
+                if (settings.visionAngle && isNaN(settings.visionAngle) == false) sight.angle = parseInt(settings.visionAngle);
+                if (settings.visionMode && settings.visionMode != 'noChange') sight.visionMode = settings.visionMode;
+
+                //Vision detection modes
+                let detectionModes = token.document.detectionModes;
+                if (settings.visionDetectionModeEnable && settings.visionDetectionModeEnable != 'noChange' && settings.visionDetectionModeNumber && detectionModes[settings.visionDetectionModeNumber-1] != undefined) {
+                    if (settings.visionDetectionModeEnable == 'toggle')
+                        detectionModes[settings.visionDetectionModeNumber-1].enabled = !detectionModes[settings.visionDetectionModeNumber-1].enabled;
+                    else if (settings.visionDetectionModeEnable == 'enable') 
+                        detectionModes[settings.visionDetectionModeNumber-1].enabled = true;
+                    else if (settings.visionDetectionModeEnable == 'disable') 
+                        detectionModes[settings.visionDetectionModeNumber-1].enabled = false;
+                    detectionModes = detectionModes;
+                }
+
+                //Vision advanced options
+                if (settings.visionColorEnable) sight.color = settings.visionColor ? (settings.visionColor == '#000000' ? null : settings.visionColor) : null;
+                if (settings.visionAttenuationEnable) sight.attenuation = settings.visionAttenuation ? parseFloat(settings.visionAttenuation) : 0;
+                if (settings.visionBrightnessEnable) sight.brightness = settings.visionBrightness ? parseFloat(settings.visionBrightness) : 0;
+                if (settings.visionSaturationEnable) sight.saturation = settings.visionSaturation ? parseFloat(settings.visionSaturation) : 0;
+                if (settings.visionContrastEnable) sight.contrast = settings.visionContrast ? parseFloat(settings.visionContrast) : 0;
+
+                //Light basic config
+                if (settings.lightDimRadius && isNaN(settings.lightDimRadius) == false) light.dim = parseInt(settings.lightDimRadius);
+                if (settings.lightBrightRadius && isNaN(settings.lightBrightRadius) == false) light.bright = parseInt(settings.lightBrightRadius);
+                if (settings.lightEmissionAngle && isNaN(settings.lightEmissionAngle) == false) light.angle = parseInt(settings.lightEmissionAngle);
+                if (settings.lightColorEnable) light.color = settings.lightColor ? (settings.lightColor == '#000000' ? null : settings.lightColor) : null;
+                if (settings.lightColorIntensityEnable) light.alpha = settings.lightColorIntensity ? parseFloat(settings.lightColorIntensity) : 0;
+
+                //Light animation
+                if (settings.lightAnimationType && settings.lightAnimationType != 'noChange') light.animation.type = settings.lightAnimationType == 'none' ? null : settings.lightAnimationType;
+                if (settings.lightAnimationSpeedEnable) light.animation.speed = settings.lightAnimationSpeed ? parseFloat(settings.lightAnimationSpeed) : 5;
+                if (settings.lightAnimationReverseDirection && settings.lightAnimationReverseDirection != 'noChange') {
+                    if (settings.lightAnimationReverseDirection == 'toggle')
+                        light.animation.reverse = !token.document.light.animation.reverse;
+                    else if (settings.lightAnimationReverseDirection == 'enable') 
+                        light.animation.reverse = true;
+                    else if (settings.lightAnimationReverseDirection == 'disable') 
+                        light.animation.reverse = false;
+                }
+                if (settings.lightAnimationIntensityEnable) light.animation.intensity = settings.lightAnimationIntensity ? parseFloat(settings.lightAnimationIntensity) : 5;
+
+                //Light advanced options
+                if (settings.lightColorationTechnique && settings.lightColorationTechnique != 'noChange') light.coloration = parseInt(settings.lightColorationTechnique);
+                if (settings.lightLuminosityEnable) light.luminosity = settings.lightLuminosity ? parseFloat(settings.lightLuminosity) : 0.5;
+                if (settings.lightGradualIllumination && settings.lightGradualIllumination != 'noChange') {
+                    if (settings.lightGradualIllumination == 'toggle')
+                        light.gradual = !token.data.light.gradual;
+                    else if (settings.lightGradualIllumination == 'enable') 
+                        light.gradual = true;
+                    else if (settings.lightGradualIllumination == 'disable') 
+                        light.gradual = false;
+                }
+                if (settings.lightAttenuationEnable) light.attenuation = settings.lightAttenuation ? parseFloat(settings.lightAttenuation) : 0.5;
+                if (settings.lightSaturationEnable) light.saturation = settings.lightSaturation ? parseFloat(settings.lightSaturation) : 0;
+                if (settings.lightContrastEnable) light.contrast = settings.lightContrast ? parseFloat(settings.lightContrast) : 0;
+                if (settings.lightShadowsEnable) light.shadows = settings.lightShadows ? parseFloat(settings.lightShadows) : 0;
+
+                let data;
+                data = {
+                    sight,
+                    light
+                }
+                token.document.update(data);
             }
             else if (onClick == 'initiative'){
                 tokenHelper.toggleInitiative(token);
             }
             else if (onClick == 'wildcard') { //wildcard images
-                if (MODULE.getPermission('TOKEN','WILDCARD') == false ) return;
+                if (getPermission('TOKEN','WILDCARD') == false ) return;
                 const method = settings.wildcardMethod ? settings.wildcardMethod : 'iterate';
                 let value = parseInt(settings.wildcardValue);
                 if (isNaN(value)) value = 1;
@@ -551,7 +718,7 @@ export class TokenControl{
                 if (method == 'iterate'){
                     let currentImgNr = 0
                     for (let i=0; i<images.length; i++) 
-                        if (images[i] == token.data.img){
+                        if (images[i] == tokenHelper.getTokenIcon(token)){
                             currentImgNr = i;
                             break;
                         }
@@ -572,7 +739,7 @@ export class TokenControl{
                 else return;
 
                 iconSrc = images[imgNr];
-                token.update({img: iconSrc})
+                token.document.update({img: iconSrc});
             }
             else if (onClick == 'macro') {  //call a macro
                 const settingsNew = {
@@ -599,7 +766,7 @@ export class TokenControl{
                 if (otherControls.rollOption != 'dialog') otherControls.setRollOption('normal');
             }
             else if (onClick == 'custom') {//custom onClick function
-                if (MODULE.getPermission('TOKEN','CUSTOM') == false ) return;
+                if (getPermission('TOKEN','CUSTOM') == false ) return;
                 const formula = settings.customOnClickFormula ? settings.customOnClickFormula : '';
                 if (formula == '') return;
 
@@ -715,7 +882,7 @@ export class TokenControl{
                                 if (path != '') path += '.';
                                 path += targetArray[i][j];
                             }
-                            await token.update({[path]:value})
+                            await token.document.update({[path]:value});
                             this.update(token.id);
                         }
                         
@@ -723,9 +890,21 @@ export class TokenControl{
                 }
             }
         }
+        else if (mode == 'offset') {
+            const itemOffset = settings.itemOffset ? settings.itemOffset : 0;
+            this.itemOffset = parseInt(itemOffset);
+            this.update(tokenId);
+        }
+        else if (mode == 'offsetRel') {
+            const itemOffset = settings.itemOffset ? settings.itemOffset : 0;
+            this.itemOffset += parseInt(itemOffset);
+            this.update(tokenId);
+        }
         else {
             const allItems = token.actor.items;
-            const itemNr = settings.itemNr ? settings.itemNr - 1 : 0;
+            let itemNr = settings.itemNr ? settings.itemNr - 1 : 0;
+            itemNr += this.itemOffset;
+            const selectionMode = settings.inventorySelection ? settings.inventorySelection : 'order';
             let items = allItems;
             if (mode == 'inventory') {
                 items = tokenHelper.getItems(token,settings.inventoryType);
@@ -737,9 +916,13 @@ export class TokenControl{
                 items = tokenHelper.getSpells(token,settings.spellType);
             }
             items = this.sortItems(items);
-
-            const item = items[itemNr];
-            if (item != undefined) item.roll();
+            let item;
+            if (selectionMode == 'order')       item = items[itemNr];
+            else if (selectionMode == 'name')   item = items.filter(i => i.name == settings.itemName)[0];
+            else if (selectionMode == 'id')     item = items.filter(i => i.id == settings.itemName)[0];
+            if (item != undefined) {
+                tokenHelper.rollItem(item, settings, otherControls.rollOption, otherControls.attackMode);
+            }
             
         }
     }
@@ -778,4 +961,64 @@ export class TokenControl{
     pf2eCondition(condition){
         return "systems/pf2e/icons/conditions-2/" + condition + ".png";
     }
+
+    decodeCustomStat(custom, token) {
+        let txt = "";
+
+        let split = custom.split(/\[|\]/g)
+        
+        for (let segment of split) {
+            if (segment.startsWith('if')) {
+                let ifA;
+                let ifMode;
+                let ifB;
+                let ifThen;
+                let ifElse;
+
+                let spaceSplit = segment.split(' ');
+                let count = 0;
+                for (let segment of spaceSplit) {
+                    if (segment.startsWith('if')) ifA = this.decodeIfSegment(segment, token);
+                    else if (segment.startsWith('then')) ifThen = this.decodeIfSegment(segment, token);
+                    else if (segment.startsWith('else')) ifElse = this.decodeIfSegment(segment, token);
+                    else {
+                        segment = segment.split(')')[0];
+                        if (count == 1) ifMode = segment;
+                        else if (count == 2) ifB = segment.startsWith('@') ? this.getCustomDataPath(segment, token) : segment;
+                    }
+                    count++;
+                }
+
+                if (ifMode == '>') txt += ifA > ifB ? ifThen : ifElse;
+                else if (ifMode == '>=') txt += ifA >= ifB ? ifThen : ifElse;
+                else if (ifMode == '<') txt += ifA < ifB ? ifThen : ifElse;
+                else if (ifMode == '<=') txt += ifA <= ifB ? ifThen : ifElse;
+                else if (ifMode == '==') txt += ifA == ifB ? ifThen : ifElse;
+            }
+            else if (segment.startsWith('@')) txt += this.getCustomDataPath(segment, token);
+            else txt += segment;
+        }
+
+        return txt;
+    }
+
+    decodeIfSegment(segment, token) {
+        let split = segment.split(/\(|\)/g);
+        if (split[1].startsWith('@')) return this.getCustomDataPath(split[1], token);
+        return split[1];
+    }
+
+    getCustomDataPath(path, token) {
+        const dataPath = path.split('@')[1].split('.');
+        let data;
+        if (dataPath[0] == 'actor') data = token.actor;
+        else if (dataPath[0] == 'token') data = token;
+        
+        for (let i=1; i<dataPath.length; i++) {
+            data = data?.[dataPath[i]];
+        }
+            
+        if (data == undefined) return '[undef]';
+        return data;
+    }
 }

src/external.js

@@ -1,703 +0,0 @@
-import {streamDeck} from "../MaterialDeck.js";
-
-export class ExternalModules{
-    constructor(){
-        this.active = false;
-        this.gmScreenOpen = false;
-    }
-
-    async updateAll(data={}){
-        if (data.gmScreen != undefined){
-            this.gmScreenOpen = data.gmScreen.isOpen;
-        }
-        if (this.active == false) return;
-        for (let device of streamDeck.buttonContext) {
-            if (device?.buttons == undefined) continue;
-            for (let i=0; i<device.buttons.length; i++){   
-                const data = device.buttons[i];
-                if (data == undefined || data.action != 'external') continue;
-                await this.update(data.settings,data.context,device.device);
-            }
-        }
-    }
-
-    update(settings,context,device){
-        this.active = true;
-        const module = settings.module ? settings.module : 'fxmaster';
-
-        if (module == 'fxmaster')           this.updateFxMaster(settings,context,device);
-        else if (module == 'gmscreen')      this.updateGMScreen(settings,context,device);
-        else if (module == 'triggerHappy')  this.updateTriggerHappy(settings,context,device);
-        else if (module == 'sharedVision')  this.updateSharedVision(settings,context,device);
-        else if (module == 'mookAI')        this.updateMookAI(settings,context,device);
-        else if (module == 'notYourTurn')   this.updateNotYourTurn(settings,context,device);
-        else if (module == 'lockView')      this.updateLockView(settings,context,device);
-        else if (module == 'aboutTime')     this.updateAboutTime(settings,context,device);
-    }
-
-    keyPress(settings,context,device){
-        if (this.active == false) return;
-        const module = settings.module ? settings.module : 'fxmaster';
-
-        if (module == 'fxmaster')           this.keyPressFxMaster(settings,context,device);
-        else if (module == 'gmscreen')      this.keyPressGMScreen(settings,context,device);
-        else if (module == 'triggerHappy')  this.keyPressTriggerHappy(settings,context,device);
-        else if (module == 'sharedVision')  this.keyPressSharedVision(settings,context,device);
-        else if (module == 'mookAI')        this.keyPressMookAI(settings,context,device);
-        else if (module == 'notYourTurn')   this.keyPressNotYourTurn(settings,context,device);
-        else if (module == 'lockView')      this.keyPressLockView(settings,context,device);
-        else if (module == 'aboutTime')     this.keyPressAboutTime(settings,context,device);
-    }
-
-    getModuleEnable(moduleId){
-        const module = game.modules.get(moduleId);
-        if (module == undefined || module.active == false) return false;
-        return true;
-    }
-
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    //FxMaster
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateFxMaster(settings,context,device){
-        if (game.user.isGM == false) return;
-        const fxmaster = game.modules.get("fxmaster");
-        if (fxmaster == undefined || fxmaster.active == false) return;
-
-        const type = (settings.fxMasterType == undefined) ? 'weatherControls' : settings.fxMasterType;
-        const displayIcon = settings.displayFxMasterIcon;
-        const displayName = settings.displayFxMasterName;
-        let ring = 0;
-        let ringColor = "#000000";
-        let background = "#000000"
-
-        let icon = '';
-        let name = '';
-        if (type == 'weatherControls') {
-            const effect = (settings.weatherEffect == undefined) ? 'leaves' : settings.weatherEffect;
-            name = CONFIG.weatherEffects[effect].label;
-            icon = CONFIG.weatherEffects[effect].icon;
-            ring = this.findWeatherEffect(effect) != undefined ? 2 : 1;
-            ringColor = ring < 2 ? '#000000' : "#00ff00";
-        }
-        else if (type == 'colorize') {
-            background = (settings.fxMasterColorizeColor == undefined) ? '#000000' : settings.fxMasterColorizeColor;
-            icon = "fas fa-palette";
-            name = game.i18n.localize("MaterialDeck.FxMaster.Colorize");
-            const filters = canvas.scene.getFlag("fxmaster", "filters");
-            ring = 2;
-            if (filters == undefined || filters['core_color'] == undefined) {
-                ringColor = "#000000";
-            }
-            else {
-                const colors = filters['core_color'].options;
-                let red = Math.ceil(colors.red*255).toString(16);
-                if (red.length == 1) red = '0' + red;
-                let green = Math.ceil(colors.green*255).toString(16);
-                if (green.length == 1) green = '0' + green;
-                let blue = Math.ceil(colors.blue*255).toString(16);
-                if (blue.length == 1) blue = '0' + blue;
-                ringColor = "#" + red + green + blue;
-            }
-        }
-        else if (type == 'filters') {
-            const filter = (settings.fxMasterFilter == undefined) ? 'underwater' : settings.fxMasterFilter;
-            name = CONFIG.fxmaster.filters[filter].label;
-            background = "#340057";
-            if (displayIcon){
-                if (filter == 'underwater') icon = "fas fa-water";
-                else if (filter == 'predator') icon = "fas fa-wave-square";
-                else if (filter == 'oldfilm') icon = "fas fa-film";
-                else if (filter == 'bloom') icon = "fas fa-ghost";
-            }
-            const fxmaster = canvas.scene.getFlag("fxmaster", "filters");
-            ring = 1;
-            if (fxmaster != undefined) {
-                const objKeys = Object.keys(fxmaster);
-                for (let i=0; i<objKeys.length; i++){
-                    if (objKeys[i] == "core_"+filter) {
-                        ring = 2;
-                        ringColor = "#A600FF";
-                        break;
-                    }
-                }
-            }
-        }
-        else if (type == 'clear'){
-            icon = "fas fa-trash";
-            name = game.i18n.localize("MaterialDeck.FxMaster.Clear");
-        }
-
-        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:ring,ringColor:ringColor});
-        else streamDeck.setIcon(context,device, "", {background:background,ring:ring,ringColor:ringColor});
-        if (displayName == 0) name = ""; 
-        streamDeck.setTitle(name,context);
-    }
-
-    hexToRgb(hex) {
-        var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-        return result ? {
-          red: parseInt(result[1], 16)/256,
-          green: parseInt(result[2], 16)/256,
-          blue: parseInt(result[3], 16)/256
-        } : null;
-      }
-
-    keyPressFxMaster(settings,context,device){
-        if (game.user.isGM == false) return;
-        const fxmaster = game.modules.get("fxmaster");
-        if (fxmaster == undefined || fxmaster.active == false) return;
-
-        const type = (settings.fxMasterType == undefined) ? 'weatherControls' : settings.fxMasterType;
-
-        if (type == 'weatherControls') {
-            const effect = (settings.weatherEffect == undefined) ? 'leaves' : settings.weatherEffect;
-            let exists = false;
-            let newEffects = {};
-            let effects = canvas.scene.getFlag("fxmaster", "effects");
-            if (effects != undefined){
-                const weatherIds = Object.keys(effects);
-                for (let i=0; i<weatherIds.length; i++){
-                    const weather = effects[weatherIds[i]].type;
-                    if (weather === effect) {
-                        exists = true;
-                        continue;
-                    } 
-                    newEffects[weatherIds[i]] = effects[weatherIds[i]]; 
-                }
-            }
-
-            const density = (settings.densitySlider == undefined) ? 50 : settings.densitySlider;
-            const speed = (settings.speedSlider == undefined) ? 50 : settings.speedSlider;
-            const direction = (settings.directionSlider == undefined) ? 50 : settings.directionSlider;
-            const scale = (settings.scaleSlider == undefined) ? 50 : settings.scaleSlider;
-            const color = (settings.fxMasterWeatherColor == undefined) ? "#000000" : settings.fxMasterWeatherColor;
-            const applyColor = (settings.fxWeatherEnColor == undefined) ? false : settings.fxWeatherEnColor;
-            
-            if (exists == false) {
-                newEffects[randomID()] = {
-                    type: effect,
-                    options: {
-                        density: density,
-                        speed: speed,
-                        scale: scale,
-                        tint: color,
-                        direction: direction,
-                        apply_tint: applyColor
-                    }
-                };
-            }
-            canvas.scene.unsetFlag("fxmaster", "effects").then(() => {
-                canvas.scene.setFlag("fxmaster", "effects", newEffects);
-            });
-            
-        }
-        else if (type == 'colorize') {
-            const color = (settings.fxMasterColorizeColor == undefined) ? '#000000' : settings.fxMasterColorizeColor;
-            const filters = canvas.scene.getFlag("fxmaster", "filters");
-            let newFilters = {};
-            if (filters != undefined){
-                const filterObjects = Object.keys(filters);
-                for (let i=0; i<filterObjects.length; i++){
-                    if (filterObjects[i] == 'core_color'){
-                        //continue;
-                    }
-                    newFilters[filterObjects[i]] = filters[filterObjects[i]]; 
-                }
-            }
-            newFilters['core_color'] = {
-                type : 'color',
-                options: this.hexToRgb(color)
-            };
-            
-            canvas.scene.unsetFlag("fxmaster", "filters").then(() => {
-                canvas.scene.setFlag("fxmaster", "filters", newFilters);
-            });
-
-        }
-        else if (type == 'filters') {
-            const filter = (settings.fxMasterFilter == undefined) ? 'underwater' : settings.fxMasterFilter;
-            const filters = canvas.scene.getFlag("fxmaster", "filters");
-            let newFilters = {};
-            let exists = false;
-            if (filters != undefined){
-                const filterObjects = Object.keys(filters);
-                for (let i=0; i<filterObjects.length; i++){
-                    if (filterObjects[i] == 'core_'+filter){
-                        exists = true;
-                        continue;
-                    }
-                    newFilters[filterObjects[i]] = filters[filterObjects[i]]; 
-                }
-                
-            }
-            if (exists == false) {
-                newFilters['core_'+filter] = {type : filter};
-            }
-            canvas.scene.unsetFlag("fxmaster", "filters").then(() => {
-                canvas.scene.setFlag("fxmaster", "filters", newFilters);
-            });
-        }
-        else if (type == 'clear'){
-            canvas.scene.unsetFlag("fxmaster", "filters");
-            canvas.scene.unsetFlag("fxmaster", "effects");
-        }
-    }
-
-    findWeatherEffect(effect){
-        const effects = canvas.scene.getFlag("fxmaster", "effects");
-        if (effects == undefined) return undefined;
-
-        const weatherIds = Object.keys(effects);
-        for (let i = 0; i < weatherIds.length; ++i) {
-            const weather = effects[weatherIds[i]].type;
-            if (weather === effect) return weatherIds[i];
-        }
-        return undefined;
-    }
-
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    //GM Screen
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-
-    updateGMScreen(settings,context,device){
-        if (this.getModuleEnable("gm-screen") == false) return;
-        if (game.user.isGM == false) return;
-
-        const background = settings.gmScreenBackground ? settings.gmScreenBackground : '#000000';
-        let ring = 1;
-        const ringColor = '#00FF00'
-        let src = '';
-        let txt = '';
-
-        if (this.gmScreenOpen) ring = 2;
-        
-        if (settings.displayGmScreenIcon) src = "fas fa-book-reader";
-        streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor});
-        if (settings.displayGmScreenName) txt = game.i18n.localize(`GMSCR.gmScreen.Open`); 
-        streamDeck.setTitle(txt,context);
-    }
-
-    keyPressGMScreen(settings,context,device){
-        if (this.getModuleEnable("gm-screen") == false) return;
-        if (game.user.isGM == false) return;
-        window['gm-screen'].toggleGmScreenVisibility();
-    }
-
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    //Trigger Happy
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-
-    updateTriggerHappy(settings,context,device) {
-        if (this.getModuleEnable("trigger-happy") == false) return;
-        if (game.user.isGM == false) return;
-        
-        const displayName = settings.displayTriggerHappyName ? settings.displayTriggerHappyName : false;
-        const displayIcon = settings.displayTriggerHappyIcon ? settings.displayTriggerHappyIcon : false;
-
-        const background = "#340057";
-        const ringColor = game.settings.get("trigger-happy", "enableTriggers") ? "#A600FF" : "#340057";
-
-        let txt = '';
-        if (displayIcon) streamDeck.setIcon(context,device,"fas fa-grin-squint-tears",{background:background,ring:2,ringColor:ringColor});
-        else streamDeck.setIcon(context,device,'',{background:'#000000'});
-        if (displayName) txt = 'Trigger Happy';
-        
-        streamDeck.setTitle(txt,context);
-    }
-
-    keyPressTriggerHappy(settings,context,device){
-        if (this.getModuleEnable("trigger-happy") == false) return;
-        if (game.user.isGM == false) return;
-        const mode = settings.triggerHappyMode ? settings.triggerHappyMode : 'toggle';
-
-        let val = game.settings.get("trigger-happy", "enableTriggers");
-        if (mode == 'toggle') val = !val;
-        else if (mode == 'enable') val = true;
-        else if (mode == 'disable') val = false;
-
-        game.settings.set("trigger-happy", "enableTriggers", val);
-
-        const control = ui.controls.controls.find(c => c.name == 'token');
-        if (control == undefined) return;
-        let tool = control.tools.find(t => t.name == 'triggers');
-        if (tool == undefined) return;
-        tool.active = val;
-        ui.controls.render(); 
-    }
-
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    //Shared Vision
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateSharedVision(settings,context,device) {
-        if (this.getModuleEnable("SharedVision") == false) return;
-        if (game.user.isGM == false) return;
-        
-        const displayName = settings.sharedVisionName ? settings.sharedVisionName : false;
-        const displayIcon = settings.sharedVisionIcon ? settings.sharedVisionIcon : false;
-
-        const background = "#340057";
-        const ringColor = game.settings.get("SharedVision", "enable") ? "#A600FF" : "#340057";
-
-        let txt = '';
-        if (displayIcon) streamDeck.setIcon(context,device,"fas fa-eye",{background:background,ring:2,ringColor:ringColor});
-        else streamDeck.setIcon(context,device,'',{background:'#000000'});
-        if (displayName) txt = 'Shared Vision';
-        streamDeck.setTitle(txt,context);
-    }
-
-    keyPressSharedVision(settings,context,device) {
-        if (this.getModuleEnable("SharedVision") == false) return;
-        if (game.user.isGM == false) return;
-
-        const mode = settings.sharedVisionMode ? settings.sharedVisionMode : 'toggle';
-
-        if (mode == 'toggle') Hooks.call("setShareVision",{enable:'toggle'});
-        else if (mode == 'enable') Hooks.call("setShareVision",{enable:true});
-        else if (mode == 'disable') Hooks.call("setShareVision",{enable:false});
-    }
-
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    //Mook AI
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateMookAI(settings,context,device) {
-        if (this.getModuleEnable("mookAI") == false) return;
-        if (game.user.isGM == false) return;
-        
-        const displayName = settings.mookName ? settings.mookName : false;
-        const displayIcon = settings.mookIcon ? settings.mookIcon : false;
-
-        const background = "#000000";
-
-        let txt = '';
-        if (displayIcon) streamDeck.setIcon(context,device,"fas fa-brain",{background:'#000000'});
-        else streamDeck.setIcon(context,device,'',{background:'#000000'});
-        if (displayName) txt = 'Mook AI';
-        streamDeck.setTitle(txt,context);
-    }
-
-    async keyPressMookAI(settings,context,device) {
-        if (this.getModuleEnable("mookAI") == false) return;
-        if (game.user.isGM == false) return;
-        
-        let mook = await import('../../mookAI/scripts/mookAI.js');
-        let mookAI = new mook.MookAI ();
-        mookAI.takeNextTurn();
-    }
-
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    //Not Your Turn!
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateNotYourTurn(settings,context,device) {
-        
-        if (this.getModuleEnable("NotYourTurn") == false) return;
-        if (game.user.isGM == false) return;
-
-        const mode = settings.notYourTurnMode ? settings.notYourTurnMode : 'toggle';
-        const displayName = settings.notYourTurnName ? settings.notYourTurnName : false;
-        const displayIcon = settings.notYourTurnIcon ? settings.notYourTurnIcon : false;
-
-        const background = "#340057";
-        let ringColor = "#340057" ;
-
-        let txt = '';
-        let icon = '';
-        if (mode == 'toggle' || mode == 'enable' || mode == 'disable') {
-            icon = "fas fa-fist-raised";
-            txt = "Block Combat Movement";
-            ringColor = game.settings.get('NotYourTurn','enable') ?  "#A600FF": "#340057" ;
-        }
-        else {
-            icon = "fas fa-lock";
-            txt = "Block Non-Combat Movement";
-            ringColor = game.settings.get('NotYourTurn','nonCombat') ?  "#A600FF": "#340057" ;
-        }
-        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:2,ringColor:ringColor});
-        else streamDeck.setIcon(context,device,'',{background:'#000000'});
-        if (displayName == false) txt = '';
-        streamDeck.setTitle(txt,context);
-    }
-
-    async keyPressNotYourTurn(settings,context,device) {
-        if (this.getModuleEnable("NotYourTurn") == false) return;
-        if (game.user.isGM == false) return;
-
-        const mode = settings.notYourTurnMode ? settings.notYourTurnMode : 'toggle';
-
-        if (mode == 'toggle') Hooks.call("setNotYourTurn",{combat:'toggle'});
-        else if (mode == 'enable') Hooks.call("setNotYourTurn",{combat:true});
-        else if (mode == 'disable') Hooks.call("setNotYourTurn",{combat:false});
-        else if (mode == 'toggleNonCombat') Hooks.call("setNotYourTurn",{nonCombat:'toggle'});
-        else if (mode == 'enableNonCombat') Hooks.call("setNotYourTurn",{nonCombat:true});
-        else if (mode == 'disableNonCombat') Hooks.call("setNotYourTurn",{nonCombat:false});
-    }
-
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    //Lock View
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-
-    updateLockView(settings,context,device) {
-        
-        if (this.getModuleEnable("LockView") == false) return;
-        if (game.user.isGM == false) return;
-
-        const mode = settings.lockViewMode ? settings.lockViewMode : 'panLock';
-        const displayName = settings.lockViewName ? settings.lockViewName : false;
-        const displayIcon = settings.lockViewIcon ? settings.lockViewIcon : false;
-
-        const background = "#340057";
-        let ringColor = "#340057" ;
-
-        let txt = '';
-        let icon = '';
-        if (mode == 'panLock') {
-            icon = "fas fa-arrows-alt";
-            txt = "Pan Lock";
-            ringColor = canvas.scene.getFlag('LockView', 'lockPan') ?  "#A600FF": "#340057" ;
-        }
-        else if (mode == 'zoomLock') {
-            icon = "fas fa-search-plus";
-            txt = "Zoom Lock";
-            ringColor = canvas.scene.getFlag('LockView', 'lockZoom') ?  "#A600FF": "#340057" ;
-        }
-        else if (mode == 'boundingBox') {
-            icon = "fas fa-box";
-            txt = "Bounding Box";
-            ringColor = canvas.scene.getFlag('LockView', 'boundingBox') ?  "#A600FF": "#340057" ;
-        }
-        
-        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:2,ringColor:ringColor});
-        else streamDeck.setIcon(context,device,'',{background:'#000000'});
-        if (displayName == false) txt = '';
-        streamDeck.setTitle(txt,context);
-    }
-
-    async keyPressLockView(settings,context,device) {
-        if (this.getModuleEnable("LockView") == false) return;
-        if (game.user.isGM == false) return;
-
-        const mode = settings.lockViewMode ? settings.lockViewMode : 'panLock';
-        let toggle = settings.lockViewToggle ? settings.lockViewToggle : 'toggle';
-        if (toggle == 'enable') toggle = true;
-        else if (toggle == 'disable') toggle = false;
-        let msg = {};
-
-        if (mode == 'panLock') msg = {panLock:toggle};
-        else if (mode == 'zoomLock') msg = {zoomLock:toggle};
-        else if (mode == 'boundingBox') msg = {boundingBox:toggle};
-
-        Hooks.call("setLockView",msg);
-    }
-
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    //About Time
-    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateAboutTime(settings,context,device) {
-        if (this.getModuleEnable("about-time") == false) return;
-        if (game.user.isGM == false) return;
-
-        const displayTime = settings.aboutTimeDisplayTime ? settings.aboutTimeDisplayTime : 'none';
-        const displayDate = settings.aboutTimeDisplayDate ? settings.aboutTimeDisplayDate : 'none';
-        const background = settings.aboutTimeBackground ? settings.aboutTimeBackground : '#000000';
-        const ringOffColor = settings.aboutTimeOffRing ? settings.aboutTimeOffRing : '#000000';
-        const ringOnColor = settings.aboutTimeOnRing ? settings.aboutTimeOnRing : '#00FF00';
-
-        let ring = 0;
-        let ringColor = '#000000';
-        let txt = '';
-        let currentTime = game.Gametime.DTNow().longDateExtended();
-        let clock = 'none';
-
-        if (displayTime == 'clock') {
-            const hours = currentTime.hour > 12 ? currentTime.hour-12 : currentTime.hour;
-            clock = {
-                hours: hours,
-                minutes: currentTime.minute
-            }
-        }
-        else if (displayTime != 'none') {
-            let hours;
-            let AMPM = "";
-            if ((displayTime == 'compact12h' || displayTime == 'full12h' || displayTime == 'hours12h') && currentTime.hour > 12) {
-                hours = currentTime.hour - 12;
-                AMPM = " PM";
-            }
-            else if ((displayTime == 'compact12h' || displayTime == 'full12h' || displayTime == 'hours12h') && currentTime.hour <= 12) {
-                hours = currentTime.hour;
-                AMPM = " AM";
-            }
-            else {
-                hours = currentTime.hour;
-            }
-            if (displayTime == 'hours24h' || displayTime == 'hours12h') txt = hours;
-            else if (displayTime == 'minutes') txt = currentTime.minute;
-            else if (displayTime == 'seconds') txt = currentTime.second;
-            else {
-                if (currentTime.minute < 10) currentTime.minute = '0' + currentTime.minute;
-                if (currentTime.second < 10) currentTime.second = '0' + currentTime.second;
-                txt += hours + ':' + currentTime.minute;
-                if (displayTime == 'full24h' || displayTime == 'full12h') txt += ':' + currentTime.second;
-            }
-            if (displayTime == 'compact12h' || displayTime == 'full12h' || displayTime == 'hours12h') txt += AMPM;
-        }
-        if (displayTime != 'none' && displayTime != 'clock' && displayDate != 'none') txt += '\n';
-
-        if (displayDate == 'day') txt += currentTime.day;
-        else if (displayDate == 'dayName') txt += currentTime.dowString;
-        else if (displayDate == 'month') txt += currentTime.month;
-        else if (displayDate == 'monthName') txt += currentTime.monthString;
-        else if (displayDate == 'year') txt += currentTime.year;
-        else if (displayDate == 'small') txt += currentTime.day + '-' + currentTime.month;
-        else if (displayDate == 'smallInv') txt += currentTime.month + '-' + currentTime.day;
-        else if (displayDate == 'full') txt += currentTime.day + '-' + currentTime.month + '-' + currentTime.year;
-        else if (displayDate == 'fullInv') txt += currentTime.month + '-' + currentTime.day + '-' + currentTime.year;
-        else if (displayDate == 'text' || displayDate == 'textDay') {
-
-            if (displayDate == 'textDay') txt += currentTime.dowString + ' ';
-            txt += currentTime.day;
-            if (currentTime.day % 10 == 1 && currentTime != 11) txt += game.i18n.localize("MaterialDeck.AboutTime.First");
-            else if (currentTime.day % 10 == 2 && currentTime != 12) txt += game.i18n.localize("MaterialDeck.AboutTime.Second");
-            else if (currentTime.day % 10 == 3 && currentTime != 13) txt += game.i18n.localize("MaterialDeck.AboutTime.Third");
-            else txt += game.i18n.localize("MaterialDeck.AboutTime.Fourth");
-            txt += ' ' + game.i18n.localize("MaterialDeck.AboutTime.Of") + ' ' + currentTime.monthString + ', ' + currentTime.year;
-        }
-
-        if (settings.aboutTimeActive) {
-            const clockRunning = game.Gametime.isRunning();
-            ringColor = clockRunning ? ringOnColor : ringOffColor;
-            ring = 2;
-        }
-        
-        streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,device,'',{background:background,ring:ring,ringColor:ringColor, clock:clock});
-    }
-
-    keyPressAboutTime(settings,context,device) {
-        if (this.getModuleEnable("about-time") == false) return;
-        if (game.user.isGM == false) return;
-
-        const onClick = settings.aboutTimeOnClick ? settings.aboutTimeOnClick : 'none';
-        if (onClick == 'none') return;
-        else if (onClick == 'startStop') {
-            const clockRunning = game.Gametime.isRunning();
-            const startMode = settings.aboutTimeStartStopMode ? settings.aboutTimeStartStopMode : 'toggle';
-            if ((startMode == 'toggle' && clockRunning) || startMode == 'stop') game.Gametime.stopRunning();
-            else if ((startMode == 'toggle' && !clockRunning) || startMode == 'start') game.Gametime.startRunning();
-        }
-        else if (onClick == 'advance') {
-            const advanceMode = settings.aboutTimeAdvanceMode ? settings.aboutTimeAdvanceMode : 'dawn';
-            let now = Gametime.DTNow();
-            if (advanceMode == 'dawn') {
-                let newDT = now.add({
-                    days: now.hours < 7 ? 0 : 1
-                }).setAbsolute({
-                    hours: 7,
-                    minutes: 0,
-                    seconds: 0
-                });
-                Gametime.setAbsolute(newDT);
-            }
-            else if (advanceMode == 'noon') {
-                let newDT = now.add({
-                    days: now.hours < 12 ? 0 : 1
-                }).setAbsolute({
-                    hours: 12,
-                    minutes: 0,
-                    seconds: 0
-                });
-                Gametime.setAbsolute(newDT);
-            }
-            else if (advanceMode == 'dusk') {
-                let newDT = now.add({
-                    days: now.hours < 20 ? 0 : 1
-                }).setAbsolute({
-                    hours: 20,
-                    minutes: 0,
-                    seconds: 0
-                });
-                Gametime.setAbsolute(newDT);
-            }
-            else if (advanceMode == 'midnight') {
-                let newDT = Gametime.DTNow().add({
-                    days: 1
-                }).setAbsolute({
-                    hours: 0,
-                    minutes: 0,
-                    seconds: 0
-                });
-                Gametime.setAbsolute(newDT);
-            }
-            else if (advanceMode == '1s') 
-                game.Gametime.advanceClock(1);
-            else if (advanceMode == '30s') 
-                game.Gametime.advanceClock(30);
-            
-            else if (advanceMode == '1m') 
-                game.Gametime.advanceTime({ minutes: 1 });
-            else if (advanceMode == '5m') 
-                game.Gametime.advanceTime({ minutes: 5 });
-            else if (advanceMode == '15m') 
-                game.Gametime.advanceTime({ minutes: 15 });
-            else if (advanceMode == '1h') 
-                game.Gametime.advanceTime({ hours: 1 });
-        }
-        else if (onClick == 'recede') {
-            const advanceMode = settings.aboutTimeAdvanceMode ? settings.aboutTimeAdvanceMode : 'dawn';
-            let now = Gametime.DTNow();
-            if (advanceMode == 'dawn') {
-                let newDT = now.add({
-                    days: now.hours < 7 ? -1 : 0
-                }).setAbsolute({
-                    hours: 7,
-                    minutes: 0,
-                    seconds: 0
-                });
-                Gametime.setAbsolute(newDT);
-            }
-            else if (advanceMode == 'noon') {
-                let newDT = now.add({
-                    days: now.hours < 12 ? -1 : 0
-                }).setAbsolute({
-                    hours: 12,
-                    minutes: 0,
-                    seconds: 0
-                });
-                Gametime.setAbsolute(newDT);
-            }
-            else if (advanceMode == 'dusk') {
-                let newDT = now.add({
-                    days: now.hours < 20 ? -1 : 0
-                }).setAbsolute({
-                    hours: 20,
-                    minutes: 0,
-                    seconds: 0
-                });
-                Gametime.setAbsolute(newDT);
-            }
-            else if (advanceMode == 'midnight') {
-                let newDT = Gametime.DTNow().add({
-                    days: -1
-                }).setAbsolute({
-                    hours: 0,
-                    minutes: 0,
-                    seconds: 0
-                });
-                Gametime.setAbsolute(newDT);
-            }
-            else if (advanceMode == '1s') 
-                game.Gametime.advanceClock(-1);
-            else if (advanceMode == '30s') 
-                game.Gametime.advanceClock(-30);
-            
-            else if (advanceMode == '1m') 
-                game.Gametime.advanceTime({ minutes: -1 });
-            else if (advanceMode == '5m') 
-                game.Gametime.advanceTime({ minutes: -5 });
-            else if (advanceMode == '15m') 
-                game.Gametime.advanceTime({ minutes: -15 });
-            else if (advanceMode == '1h') 
-                game.Gametime.advanceTime({ hours: -1 });
-        }
-    }
-}
-
-

src/misc.js

@@ -1,14 +1,34 @@
-import {sdVersion, msVersion, moduleName, getPermission, enableModule} from "../MaterialDeck.js";
-import {macroControl,soundboard,playlistControl} from "../MaterialDeck.js";
+import { moduleName, getPermission, enableModule, macroControl, soundboard, playlistControl, releaseURLs, versions } from "../MaterialDeck.js";
+
+export function compareVersions(checkedVersion, requiredVersion) {
+    requiredVersion = requiredVersion.split(".");
+    checkedVersion = checkedVersion.split(".");
+    
+    for (let i=0; i<3; i++) {
+        requiredVersion[i] = isNaN(parseInt(requiredVersion[i])) ? 0 : parseInt(requiredVersion[i]);
+        checkedVersion[i] = isNaN(parseInt(checkedVersion[i])) ? 0 : parseInt(checkedVersion[i]);
+    }
+    
+    if (checkedVersion[0] > requiredVersion[0]) return false;
+    if (checkedVersion[0] < requiredVersion[0]) return true;
+    if (checkedVersion[1] > requiredVersion[1]) return false;
+    if (checkedVersion[1] < requiredVersion[1]) return true;
+    if (checkedVersion[2] > requiredVersion[2]) return false;
+    return true;
+  }
   
 export function compatibleCore(compatibleVersion){
-    let coreVersion = game.data.version;
-    coreVersion = coreVersion.split(".");
-    compatibleVersion = compatibleVersion.split(".");
-    if (compatibleVersion[0] > coreVersion[0]) return false;
-    if (compatibleVersion[1] > coreVersion[1]) return false;
-    if (compatibleVersion[2] > coreVersion[2]) return false;
-    return true;
+    const split = compatibleVersion.split(".");
+    if (split.length == 2) compatibleVersion = `0.${compatibleVersion}`;
+    let coreVersion = game.version == undefined ? game.data.version : `0.${game.version}`;
+    return compareVersions(compatibleVersion, coreVersion);
+}
+
+export function compatibleSystem(compatibleVersion){
+    const split = compatibleVersion.split(".");
+    if (split.length == 2) compatibleVersion = `0.${compatibleVersion}`;
+    let coreVersion = game.system.version;
+    return compareVersions(coreVersion, compatibleVersion);
 }
 
 export class playlistConfigForm extends FormApplication {
@@ -76,7 +96,7 @@ export class playlistConfigForm extends FormApplication {
         }
  
         return {
-            playlists: compatibleCore("0.8.1") ? game.playlists.contents : game.playlists.entities,
+            playlists: game.playlists.contents,
             numberOfPlaylists: numberOfPlaylists,
             playlistData: playlistData,
             playMode: playMode
@@ -154,7 +174,7 @@ export class macroConfigForm extends FormApplication {
      */
     static get defaultOptions() {
         return mergeObject(super.defaultOptions, {
-            id: "macro-config",
+            id: "materialDeck_macroConfig",
             title: "Material Deck: "+game.i18n.localize("MaterialDeck.Sett.MacroConfig"),
             template: "./modules/MaterialDeck/templates/macroConfig.html",
             classes: ["sheet"]
@@ -170,28 +190,38 @@ export class macroConfigForm extends FormApplication {
             return;
         }
         //Get the settings
-        var selectedMacros = game.settings.get(moduleName,'macroSettings').macros;
-        var color = game.settings.get(moduleName,'macroSettings').color;
-        var args = game.settings.get(moduleName,'macroSettings').args;
+        const settings = game.settings.get(moduleName,'macroSettings');
+        var selectedMacros = settings.macros;
+        var color = settings.color;
+        var args = settings.args;
+        var labels = settings.labels;
 
         //Check if the settings are defined
         if (selectedMacros == undefined) selectedMacros = [];
         if (color == undefined) color = [];
         if (args == undefined) args = [];
+        if (labels == undefined) labels = [];
 
         //Check if the Furnace is installed and enabled
-        let furnaceEnabled = false;
         let height = 95;
-        let furnace = game.modules.get("furnace");
-        if (furnace != undefined && furnace.active && compatibleCore("0.8.1")==false) {
-            furnaceEnabled = true;
+        let advancedMacrosEnabled = false;
+        if (compatibleCore('11.0')) {
+            advancedMacrosEnabled = true;
+        }
+        else {
+            let advancedMacros = game.modules.get("advanced-macros");
+            if (advancedMacros != undefined && advancedMacros.active) advancedMacrosEnabled = true;
+            if (advancedMacrosEnabled) {
+                advancedMacrosEnabled = true;
                 height += 50;
             }
+        }
+        
 
         let iteration = this.page*32;
         let macroData = [];
         for (let j=0; j<4; j++){
-            let macroThis = [];
+            let macroRowConfig = [];
       
             for (let i=0; i<8; i++){
                 let colorData = color[iteration];
@@ -206,24 +236,26 @@ export class macroConfigForm extends FormApplication {
                 }
                 else 
                     colorData = '#000000';
-                    
+                const label = labels[iteration] == undefined || labels[iteration] == "" ? game.macros.get(selectedMacros[iteration])?.name : labels[iteration];
                 let dataThis = {
                     iteration: iteration+1,
                     macro: selectedMacros[iteration],
                     color: colorData,
-                    args: args[iteration]
+                    args: args[iteration],
+                    label
                 }
-                macroThis.push(dataThis);
+                macroRowConfig.push(dataThis);
                 iteration++;
             }
-            macroData.push({dataThis: macroThis});
+            macroData.push({macroRowConfig});
         }
+       
         return {
             height: height,
             macros: game.macros,
             selectedMacros: selectedMacros,
             macroData: macroData,
-            furnace: furnaceEnabled,
+            furnace: advancedMacrosEnabled,
             macroRange: `${this.page*32 + 1} - ${this.page*32 + 32}`,
             prevDisabled: this.page == 0 ? 'disabled' : '',
             totalMacros: Math.max(Math.ceil(selectedMacros.length/32)*32, this.page*32 + 32)
@@ -241,15 +273,16 @@ export class macroConfigForm extends FormApplication {
 
     activateListeners(html) {
         super.activateListeners(html); 
-        const navNext = html.find("button[id='navNext']");
-        const navPrev = html.find("button[id='navPrev']");
-        const clearAll = html.find("button[id='clearAll']");
-        const clearPage = html.find("button[id='clearPage']");
-        const importBtn = html.find("button[id='import']");
-        const exportBtn = html.find("button[id='export']");
+        const navNext = html.find("button[name='navNext']");
+        const navPrev = html.find("button[name='navPrev']");
+        const clearAll = html.find("button[name='clearAll']");
+        const clearPage = html.find("button[name='clearPage']");
+        const importBtn = html.find("button[name='import']");
+        const exportBtn = html.find("button[name='export']");
         const macro = html.find("select[name='macros']");
         const args = html.find("input[name='args']");
         const color = html.find("input[name='colorPicker']");
+        const label = html.find("input[name='macroLabel']")
 
         importBtn.on('click', async(event) => {
             let importDialog = new importConfigForm();
@@ -337,25 +370,38 @@ export class macroConfigForm extends FormApplication {
         })
 
         macro.on("change", event => {
-            let id = event.target.id.replace('macros','');
+            let id = event.target.id.replace('materialDeck_macroConfig_macros','');
             let settings = game.settings.get(moduleName,'macroSettings');
             settings.macros[id-1] = event.target.value;
+            if (settings.labels == undefined) settings.labels = [];
+            const macroLabel = event.target.value == '' ? '' : game.macros.get(event.target.value).name;
+            settings.labels[id-1] = macroLabel;
+            document.getElementById(`materialDeck_macroConfig_label${id}`).value = macroLabel;
             this.updateSettings(settings);
         });
 
         args.on("change", event => {
-            let id = event.target.id.replace('args','');
+            let id = event.target.id.replace('materialDeck_macroConfig_args','');
             let settings = game.settings.get(moduleName,'macroSettings');
+            if (settings.args == undefined) settings.args = [];
             settings.args[id-1]=event.target.value;
             this.updateSettings(settings);
         });
 
         color.on("change", event => {
-            let id = event.target.id.replace('colorpicker','');
+            let id = event.target.id.replace('materialDeck_macroConfig_colorpicker','');
             let settings = game.settings.get(moduleName,'macroSettings');
             settings.color[id-1]=event.target.value;
             this.updateSettings(settings);
         });
+
+        label.on("change", event => {
+            let id = event.target.id.replace('materialDeck_macroConfig_label','');
+            let settings = game.settings.get(moduleName,'macroSettings');
+            if (settings.labels == undefined) settings.labels = [];
+            settings.labels[id-1] = event.target.value;
+            this.updateSettings(settings);
+        })
     }
 
     async updateSettings(settings){
@@ -431,7 +477,7 @@ export class soundboardConfigForm extends FormApplication {
      */
     static get defaultOptions() {
         return mergeObject(super.defaultOptions, {
-            id: "soundboard-config",
+            id: "materialDeck_soundboardConfig",
             title: "Material Deck: "+game.i18n.localize("MaterialDeck.Sett.SoundboardConfig"),
             template: "./modules/MaterialDeck/templates/soundboardConfig.html",
             classes: ["sheet"],
@@ -467,7 +513,7 @@ export class soundboardConfigForm extends FormApplication {
         playlists.push({id:"none",name:game.i18n.localize("MaterialDeck.None")});
         playlists.push({id:"FP",name:game.i18n.localize("MaterialDeck.FilePicker")})
         
-        const playlistArray = compatibleCore("0.8.1") ? game.playlists.contents : game.playlists.entities;
+        const playlistArray = game.playlists.contents;
         for (let playlist of playlistArray) 
             playlists.push({id: playlist.id, name: playlist.name})
         
@@ -493,7 +539,7 @@ export class soundboardConfigForm extends FormApplication {
                 else if (this.settings.selectedPlaylists[iteration] == 'FP') selectedPlaylist = 'FP';
                 else {
                     //Get the playlist
-                    const playlistArray = compatibleCore("0.8.1") ? game.playlists.contents : game.playlists.entities;
+                    const playlistArray = game.playlists.contents;
                     let pl = playlistArray.find(p => p.id == this.settings.selectedPlaylists[iteration])
 
                     if (pl == undefined){
@@ -502,19 +548,12 @@ export class soundboardConfigForm extends FormApplication {
                     }
                     else {
                         //Add the sound name and id to the sounds array
-                        if (compatibleCore("0.8.1"))
                         for (let sound of pl.sounds.contents)
                             sounds.push({
                                 name: sound.name,
                                 id: sound.id
                             });
-                        else {
-                            for (let sound of pl.sounds)
-                                sounds.push({
-                                    name: sound.name,
-                                    id: sound._id
-                                });
-                        }        
+       
                         //Get the playlist id
                         selectedPlaylist = pl.id;
                     }  
@@ -535,8 +574,8 @@ export class soundboardConfigForm extends FormApplication {
                     sound: this.settings.sounds[iteration],
                     sounds: sounds,
                     srcPath: this.settings.src[iteration],
-                    colorOn: this.settings.colorOn[iteration],
-                    colorOff: this.settings.colorOff[iteration],
+                    colorOn: this.settings.colorOn[iteration] == 0 ? '#000000' : this.settings.colorOn[iteration],
+                    colorOff: this.settings.colorOff[iteration] == 0 ? '#000000' : this.settings.colorOff[iteration],
                     mode: this.settings.mode[iteration],
                     volume: this.settings.volume[iteration],
                     imgPath: this.settings.img[iteration],
@@ -575,12 +614,12 @@ export class soundboardConfigForm extends FormApplication {
 
     async activateListeners(html) {
         super.activateListeners(html);
-        const navNext = html.find("button[id='navNext']");
-        const navPrev = html.find("button[id='navPrev']");
-        const clearAll = html.find("button[id='clearAll']");
-        const clearPage = html.find("button[id='clearPage']");
-        const importBtn = html.find("button[id='import']");
-        const exportBtn = html.find("button[id='export']");
+        const navNext = html.find("button[name='navNext']");
+        const navPrev = html.find("button[name='navPrev']");
+        const clearAll = html.find("button[name='clearAll']");
+        const clearPage = html.find("button[name='clearPage']");
+        const importBtn = html.find("button[name='import']");
+        const exportBtn = html.find("button[name='export']");
         const nameField = html.find("input[name='namebox']");
         const playlistSelect = html.find("select[name='playlist']");
         const soundSelect = html.find("select[name='sounds']");
@@ -675,7 +714,7 @@ export class soundboardConfigForm extends FormApplication {
         })
 
         nameField.on("change",event => {
-            let id = event.target.id.replace('name','')-1;
+            let id = event.target.id.replace('materialDeck_sbConfig_name','')-1;
             this.settings.name[id]=event.target.value;
             this.updateSettings(this.settings);
         });
@@ -685,7 +724,7 @@ export class soundboardConfigForm extends FormApplication {
             //Listener for when the playlist is changed
             playlistSelect.on("change", event => {
                 //Get the sound number
-                const iteration = event.target.id.replace('playlists','');
+                const iteration = event.target.id.replace('materialDeck_sbConfig_playlists','');
 
                 //Get the selected playlist and the sounds of that playlist
                 let selectedPlaylist;
@@ -696,24 +735,24 @@ export class soundboardConfigForm extends FormApplication {
                     selectedPlaylist = 'FP';
 
                     //Show the file picker
-                    document.querySelector(`#fp${iteration}`).style='';
+                    document.querySelector(`#materialDeck_sbConfig_fp${iteration}`).style='';
                     
                     //Hide the sound selector
-                    document.querySelector(`#ss${iteration}`).style='display:none';
+                    document.querySelector(`#materialDeck_sbConfig_ss${iteration}`).style='display:none';
                 }
                 else {
                     //Hide the file picker
-                    document.querySelector(`#fp${iteration}`).style='display:none';
+                    document.querySelector(`#materialDeck_sbConfig_fp${iteration}`).style='display:none';
                     
                     //Show the sound selector
-                    document.querySelector(`#ss${iteration}`).style='';
+                    document.querySelector(`#materialDeck_sbConfig_ss${iteration}`).style='';
 
-                    const playlistArray = compatibleCore("0.8.1") ? game.playlists.contents : game.playlists.entities;
+                    const playlistArray = game.playlists.contents;
                     const pl = playlistArray.find(p => p.id == event.target.value)
                     selectedPlaylist = pl.id;
 
                     //Get the sound select element
-                    let SSpicker = document.getElementById(`soundSelect${iteration}`);
+                    let SSpicker = document.getElementById(`materialDeck_sbConfig_soundSelect${iteration}`);
 
                     //Empty ss element
                     SSpicker.options.length=0;
@@ -724,20 +763,12 @@ export class soundboardConfigForm extends FormApplication {
                     optionNone.innerHTML = game.i18n.localize("MaterialDeck.None");
                     SSpicker.appendChild(optionNone);
 
-                    if (compatibleCore("0.8.1"))
                     for (let sound of pl.sounds.contents) {
                         let newOption = document.createElement('option');
                         newOption.value = sound.id;
                         newOption.innerHTML = sound.name;
                         SSpicker.appendChild(newOption);
                     }     
-                    else 
-                        for (let sound of pl.sounds) {
-                            let newOption = document.createElement('option');
-                            newOption.value = sound._id;
-                            newOption.innerHTML = sound.name;
-                            SSpicker.appendChild(newOption);
-                        }        
                 }
 
                 //Save the new playlist to this.settings, and update the settings
@@ -747,43 +778,43 @@ export class soundboardConfigForm extends FormApplication {
         }
 
         soundSelect.on("change", event => {
-            let id = event.target.id.replace('soundSelect','')-1;
+            let id = event.target.id.replace('materialDeck_sbConfig_soundSelect','')-1;
             this.settings.sounds[id]=event.target.value;
             this.updateSettings(this.settings);
         });
         
         soundFP.on("change",event => {
-            let id = event.target.id.replace('srcPath','')-1;
+            let id = event.target.id.replace('materialDeck_sbConfig_srcPath','')-1;
             this.settings.src[id]=event.target.value;
             this.updateSettings(this.settings);
         });
 
         imgFP.on("change",event => {
-            let id = event.target.id.replace('imgPath','')-1;
+            let id = event.target.id.replace('materialDeck_sbConfig_imgPath','')-1;
             this.settings.img[id]=event.target.value;
             this.updateSettings(this.settings);
         });
 
         onCP.on("change",event => {
-            let id = event.target.id.replace('colorOn','')-1;
+            let id = event.target.id.replace('materialDeck_sbConfig_colorOn','')-1;
             this.settings.colorOn[id]=event.target.value;
             this.updateSettings(this.settings);
         });
 
         offCP.on("change",event => {
-            let id = event.target.id.replace('colorOff','')-1;
+            let id = event.target.id.replace('materialDeck_sbConfig_colorOff','')-1;
             this.settings.colorOff[id]=event.target.value;
             this.updateSettings(this.settings);
         });
 
         playMode.on("change",event => {
-            let id = event.target.id.replace('playmode','')-1;
+            let id = event.target.id.replace('materialDeck_sbConfig_playmode','')-1;
             this.settings.mode[id]=event.target.value;
             this.updateSettings(this.settings);
         });
 
         volume.on("change",event => {
-            let id = event.target.id.replace('volume','')-1;
+            let id = event.target.id.replace('materialDeck_sbConfig_volume','')-1;
             this.settings.volume[id]=event.target.value;
             this.updateSettings(this.settings); 
         });
@@ -882,7 +913,7 @@ export class exportConfigForm extends FormApplication {
      */
     static get defaultOptions() {
         return mergeObject(super.defaultOptions, {
-            id: "MD_Export",
+            id: "materialDeck_Export",
             title: "Material Deck: " + game.i18n.localize("MaterialDeck.ExportDialog.Title"),
             template: "./modules/MaterialDeck/templates/exportDialog.html",
             width: 500,
@@ -945,7 +976,7 @@ export class importConfigForm extends FormApplication {
      */
     static get defaultOptions() {
         return mergeObject(super.defaultOptions, {
-            id: "MD_Import",
+            id: "materialDeck_Import",
             title: "Material Deck: " + game.i18n.localize("MaterialDeck.ImportDialog.Title"),
             template: "./modules/MaterialDeck/templates/importDialog.html",
             width: 500,
@@ -983,7 +1014,7 @@ export class importConfigForm extends FormApplication {
     activateListeners(html) {
         super.activateListeners(html);
 
-        const upload = html.find("input[id='uploadJson']");
+        const upload = html.find("input[id='materialDeck_import_uploadJson']");
 
         upload.on('change',(event) => {
             event.preventDefault();
@@ -1010,19 +1041,7 @@ export class importConfigForm extends FormApplication {
 export class downloadUtility extends FormApplication {
     constructor(data, options) {
         super(data, options);
-        this.localSDversion = sdVersion;
-        this.masterSDversion;
-        this.localMSversion = msVersion;
-        this.masterMSversion;
-        this.releaseAssets = [];
-        this.profiles = [];
-
-        let parent = this;
-        setTimeout(function(){
-            parent.checkForUpdate('SD');
-            parent.checkForUpdate('MS');
-            parent.getReleaseData();
-        },100)
+        this.releases = {}
     }
 
     /**
@@ -1030,7 +1049,7 @@ export class downloadUtility extends FormApplication {
      */
     static get defaultOptions() {
         return mergeObject(super.defaultOptions, {
-            id: "MD_DownloadUtility",
+            id: "materialDeck_downloadUtility",
             title: "Material Deck: " + game.i18n.localize("MaterialDeck.DownloadUtility.Title"),
             template: "./modules/MaterialDeck/templates/downloadUtility.html",
             width: 500,
@@ -1041,31 +1060,20 @@ export class downloadUtility extends FormApplication {
     /**
      * Provide data to the template
      */
-    getData() {
+    async getData() {
         let dlDisabled = true;
 
-        this.profiles = [];
-        let iteration = 0;
-        for (let asset of this.releaseAssets) {
-            let split = asset.name.split('.');
-            if (split[split.length-1] == 'streamDeckProfile') {
-                this.profiles.push({id: iteration, label:split[0], url:asset.browser_download_url});
-                iteration++;
-                dlDisabled = false;
+        this.releases = {
+            module: await this.checkForUpdate('module'),
+            plugin: await this.checkForUpdate('plugin'),
+            materialCompanion: await this.checkForUpdate('materialCompanion')
         }
-        }
-        if (this.localMSversion == undefined) this.localMSversion = 'unknown';
 
         return {
-            minimumSdVersion: game.modules.get("MaterialDeck").data.minimumSDversion.replace('v',''),
-            localSdVersion: this.localSDversion,
-            masterSdVersion: this.masterSDversion,
-            sdDlDisable: this.masterSDversion == undefined,
-            minimumMsVersion: game.modules.get("MaterialDeck").data.minimumMSversion.replace('v',''),
-            localMsVersion: this.localMSversion,
-            masterMsVersion: this.masterMSversion,
-            msDlDisable: this.masterMSversion == undefined,
-            profiles: this.profiles,
+            releases: this.releases,
+            versions,
+            sdDlDisable: this.releases.plugin == undefined,
+            msDlDisable: this.releases.materialCompanion == undefined,
             profileDlDisable: dlDisabled
         } 
     }
@@ -1082,37 +1090,23 @@ export class downloadUtility extends FormApplication {
     activateListeners(html) {
         super.activateListeners(html);
 
-        const downloadSd = html.find("button[id='downloadSd']");
-        const downloadMs = html.find("button[id='downloadMs']");
+        const downloadSd = html.find("button[id='materialDeck_dlUtil_downloadSd']");
+        const downloadMc = html.find("button[id='materialDeck_dlUtil_downloadMc']");
         const downloadProfile = html.find("button[name='downloadProfile']")
-        const refresh = html.find("button[id='refresh']");
+        const refresh = html.find("button[id='materialDeck_dlUtil_refresh']");
+
+        //releaseURLs
 
         downloadSd.on('click', () => {
-            const version = document.getElementById('masterSdVersion').innerHTML;
-            if (version == '' || version == undefined || version == 'Error') return;
-            const url = `https://github.com/CDeenen/MaterialDeck_SD/releases/download/v${version}/com.cdeenen.materialdeck.streamDeckPlugin`;
-            this.downloadURI(url,'com.cdeenen.materialdeck.streamDeckPlugin')
+            this.downloadURI(this.releases.plugin.url)
         })
-        downloadMs.on('click', () => {
-            const version = document.getElementById('masterMsVersion').innerHTML;
-            const os = document.getElementById('os').value;
-            if (version == '' || version == undefined || version == 'Error') return;
-            let name = `MaterialServer-${os}.zip`;
-            let url;
-            if (os == 'source') url = `https://github.com/CDeenen/MaterialServer/archive/refs/tags/v${version}.zip`;
-            else url = `https://github.com/CDeenen/MaterialServer/releases/download/v${version}/${name}`;
-            this.downloadURI(url,name)
+        downloadMc.on('click', () => {
+            const os = document.getElementById('materialDeck_dlUtil_os').value;
+            this.downloadURI(this.releases.materialCompanion.variants.find(v => v.name.includes(os)).url)
         })
         downloadProfile.on('click',(event) => {
-            let id = event.currentTarget.id.replace('dlProfile-','');
-            this.downloadURI(this.profiles[id].url,`${this.profiles[id].label}.streamDeckProfile`);
-        })
-        refresh.on('click', () => {
-            document.getElementById('masterSdVersion').value = 'Getting data';
-            this.checkForUpdate('SD');
-            document.getElementById('masterMsVersion').value = 'Getting data';
-            this.checkForUpdate('MS');
-            this.getReleaseData();
+            let name = event.currentTarget.id.replace('materialDeck_dlUtil_dlProfile-','');
+            this.downloadURI(this.releases.plugin.profiles.find(p => p.name.includes(name)).url);
         })
     }
 
@@ -1137,22 +1131,73 @@ export class downloadUtility extends FormApplication {
                 const data = JSON.parse(request.responseText);
                 parent.releaseAssets = data.assets;
                 parent.render(true);
-                if (type.indexOf("text") !== 1) {
-    
-                    return;
+                if (type.indexOf("text") !== 1)  return;
             }
         }
-        }
-        request.onerror = function () {
-        }
+        request.onerror = function () {}
     }
 
     checkForUpdate(reqType) {
-        let parent = this;
-        let url;
-        if (reqType == 'SD') url = 'https://raw.githubusercontent.com/CDeenen/MaterialDeck_SD/master/Plugin/com.cdeenen.materialdeck.sdPlugin/manifest.json';
-        else if (reqType == 'MS') url = 'https://raw.githubusercontent.com/CDeenen/MaterialServer/master/src/Windows/package.json';
-        const elementId = reqType == 'SD' ? 'masterSdVersion' : 'masterMsVersion';
+        return new Promise((resolve) => {
+            const url = releaseURLs?.[reqType].api;
+            if (url == undefined) return;
+    
+            $.getJSON(url).done(function(releases) {
+                const release = releases[0];
+                if (reqType == 'plugin') {
+                    const url = release.assets.find(a => a.name.includes('streamDeckPlugin'))?.browser_download_url;
+                    let profiles  = [];
+                    for (let profile of release.assets.filter(a => a.name.includes('streamDeckProfile'))) {
+                        profiles.push({
+                            name: profile.name.replace('.streamDeckProfile', ''),
+                            url: profile.browser_download_url
+                        })
+                    }
+                    resolve({
+                        release: releases[0],
+                        version: release.tag_name,
+                        url,
+                        profiles
+                    });
+                }
+                else if (reqType == 'materialCompanion') {
+                    let variants = [];
+                    for (let variant of release.assets) {
+                        variants.push({
+                            name: variant.name,
+                            url: variant.browser_download_url
+                        })
+                    }
+                    resolve({
+                        release: releases[0],
+                        version: release.tag_name,
+                        url,
+                        variants
+                    });
+                }
+                else if (reqType == 'module') {
+                    resolve({
+                        release: releases[0],
+                        version: release.tag_name
+                    });
+                }
+            });
+        });  
+
+        /*
+        let elementId;
+        if (reqType == 'SD') {
+            elementId = 'materialDeck_dlUtil_masterSdVersion';
+            url = 'https://raw.githubusercontent.com/CDeenen/MaterialDeck_SD/master/Plugin/com.cdeenen.materialdeck.sdPlugin/manifest.json';
+        }
+        else if (reqType == 'MS') {
+            elementId = 'materialDeck_dlUtil_masterMsVersion';
+            url = 'https://raw.githubusercontent.com/CDeenen/MaterialServer/master/package.json';
+        }
+        else if (reqType == 'Module') {
+            elementId = 'materialDeck_dlUtil_masterModuleVersion';
+            url = game.modules.get('MaterialDeck').manifest;
+        }
 
         var request = new XMLHttpRequest();
         request.open('GET', url, true);
@@ -1163,14 +1208,15 @@ export class downloadUtility extends FormApplication {
                 if (type.indexOf("text") !== 1) {
                     if (reqType == 'SD') parent.masterSDversion = JSON.parse(request.responseText).Version;
                     else if (reqType == 'MS') parent.masterMSversion = JSON.parse(request.responseText).version;
+                    else if (reqType == 'Module') parent.masterModuleVersion = JSON.parse(request.responseText).version;
                     parent.render(true);
                     return;
                 }
-                
             }
         }
         request.onerror = function () {
             document.getElementById(elementId).innerHTML = 'Error';
         }
+        */
     }     
 }

src/settings.js

@@ -1,4 +1,4 @@
-import * as MODULE from "../MaterialDeck.js";
+import { moduleName, isEmpty } from "../MaterialDeck.js";
 import { playlistConfigForm, macroConfigForm, soundboardConfigForm, downloadUtility } from "./misc.js";
 
 let userPermissions = {};
@@ -70,8 +70,9 @@ export const registerSettings = async function() {
     //world,global,client
 
     //Enabled the module
-    game.settings.register(MODULE.moduleName,'Enable', {
+    game.settings.register(moduleName,'Enable', {
         name: "MaterialDeck.Sett.Enable",
+        hint: "MaterialDeck.Sett.EnableHint",
         scope: "client",
         config: true,
         default: false,
@@ -79,10 +80,42 @@ export const registerSettings = async function() {
         onChange: x => window.location.reload()
     });
 
+    game.settings.register(moduleName,'EnableDialogShown', {
+        name: "MaterialDeck_EnableDialogShown",
+        scope: "client",
+        config: false,
+        default: false,
+        type: Boolean
+    });
+
+    /**
+     * System override
+     */
+    game.settings.register(moduleName,'systemOverride', {
+        name: "MaterialDeck.Sett.SystemOverride",
+        hint: "MaterialDeck.Sett.SystemOverrideHint",
+        scope: "client",
+        config: true,
+        default: "",
+        type: String,
+        choices: {
+            "": "Autodetect",
+            "D35E": "Dungeons & Dragons 3.5e",
+            "dnd5e": "Dungeons & Dragons 5e",
+            "forbidden-lands": "Forbidden Lands",
+            "pf1": "Pathfinder 1e",
+            "pf2e": "Pathfinder 2e",
+            "demonlord": "Shadow of the Demon Lord",
+            "sfrpg": "Starfinder",
+            "wfrp4e": "Warhammer Fantasy Roleplay 4e",
+        },
+        onChange: x => window.location.reload()
+    });
+
     /**
      * Sets the ip address of the server
      */
-    game.settings.register(MODULE.moduleName,'address', {
+    game.settings.register(moduleName,'address', {
         name: "MaterialDeck.Sett.ServerAddr",
         hint: "MaterialDeck.Sett.ServerAddrHint",
         scope: "client",
@@ -92,7 +125,7 @@ export const registerSettings = async function() {
         onChange: x => window.location.reload()
     });
 
-    game.settings.register(MODULE.moduleName, 'imageBuffer', {
+    game.settings.register(moduleName, 'imageBuffer', {
         name: "MaterialDeck.Sett.ImageBuffer",
         hint: "MaterialDeck.Sett.ImageBufferHint",
         default: 100,
@@ -103,7 +136,7 @@ export const registerSettings = async function() {
         
     });
 
-    game.settings.register(MODULE.moduleName, 'imageBrightness', {
+    game.settings.register(moduleName, 'imageBrightness', {
         name: "MaterialDeck.Sett.ImageBrightness",
         hint: "MaterialDeck.Sett.ImageBrightnessHint",
         default: 50,
@@ -114,7 +147,7 @@ export const registerSettings = async function() {
         
     });
 
-    game.settings.register(MODULE.moduleName, 'nrOfConnMessages', {
+    game.settings.register(moduleName, 'nrOfConnMessages', {
         name: "MaterialDeck.Sett.NrOfConnMessages",
         hint: "MaterialDeck.Sett.NrOfConnMessagesHint",
         default: 5,
@@ -126,45 +159,47 @@ export const registerSettings = async function() {
     });
 
     //Create the Help button
-    game.settings.registerMenu(MODULE.moduleName, 'helpMenu',{
+    game.settings.registerMenu(moduleName, 'helpMenu',{
         name: "MaterialDeck.Sett.Help",
         label: "MaterialDeck.Sett.Help",
         type: helpMenu,
         restricted: false
     });
 
-    game.settings.registerMenu(MODULE.moduleName, 'permissionConfig',{
-        name: "MaterialDeck.Sett.Permission",
-        label: "MaterialDeck.Sett.Permission",
-        type: userPermission,
-        restricted: true
-    });
-
-    game.settings.register(MODULE.moduleName, 'userPermission', {
-        name: "userPermission",
-        scope: "world",
-        type: Object,
-        config: false
-    });
-
-    game.settings.registerMenu(MODULE.moduleName, 'downloadUtility',{
+    game.settings.registerMenu(moduleName, 'downloadUtility',{
         name: "MaterialDeck.DownloadUtility.Title",
         label: "MaterialDeck.DownloadUtility.Title",
         type: downloadUtility,
         restricted: false
     });
 
+    game.settings.registerMenu(moduleName, 'permissionConfig',{
+        name: "MaterialDeck.Sett.Permission",
+        label: "MaterialDeck.Sett.Permission",
+        type: userPermission,
+        restricted: true
+    });
+
+    game.settings.register(moduleName, 'userPermission', {
+        name: "userPermission",
+        label: "",
+        scope: "world",
+        type: Object,
+        config: false,
+        default: {}
+    });
+
     /**
      * Playlist soundboard
      */
-    game.settings.registerMenu(MODULE.moduleName, 'playlistConfigMenu',{
+    game.settings.registerMenu(moduleName, 'playlistConfigMenu',{
         name: "MaterialDeck.Sett.PlaylistConfig",
         label: "MaterialDeck.Sett.PlaylistConfig",
         type: playlistConfigForm,
         restricted: false
     });
 
-    game.settings.register(MODULE.moduleName, 'playlists', {
+    game.settings.register(moduleName, 'playlists', {
         name: "selectedPlaylists",
         scope: "world",
         type: Object,
@@ -175,31 +210,33 @@ export const registerSettings = async function() {
     /**
      * Macro Board
      */
-    game.settings.registerMenu(MODULE.moduleName, 'macroConfigMenu',{
+    game.settings.registerMenu(moduleName, 'macroConfigMenu',{
         name: "MaterialDeck.Sett.MacroConfig",
         label: "MaterialDeck.Sett.MacroConfig",
         type: macroConfigForm,
         restricted: false
     });
 
-    game.settings.register(MODULE.moduleName, 'macroSettings', {
+    game.settings.register(moduleName, 'macroSettings', {
         name: "macroSettings",
         scope: "world",
         type: Object,
-        config: false
+        config: false,
+        default: {}
     });
 
-    game.settings.register(MODULE.moduleName, 'macroArgs', {
+    game.settings.register(moduleName, 'macroArgs', {
         name: "macroArgs",
         scope: "world",
         type: Object,
-        config: false
+        config: false,
+        default: {}
     });
 
     /**
      * Soundboard
      */
-    game.settings.register(MODULE.moduleName, 'soundboardSettings', {
+    game.settings.register(moduleName, 'soundboardSettings', {
         name: "soundboardSettings",
         scope: "world",
         type: Object,
@@ -207,15 +244,16 @@ export const registerSettings = async function() {
         config: false
     });
 
-    game.settings.registerMenu(MODULE.moduleName, 'soundboardConfigMenu',{
+    game.settings.registerMenu(moduleName, 'soundboardConfigMenu',{
         name: "MaterialDeck.Sett.SoundboardConfig",
         label: "MaterialDeck.Sett.SoundboardConfig",
         type: soundboardConfigForm,
         restricted: false
     });
 
-    let permissionSettings = game.settings.get(MODULE.moduleName,'userPermission');
-    if (permissionSettings == undefined || permissionSettings == null || MODULE.isEmpty(permissionSettings)) {
+    let permissionSettings = game.settings.get(moduleName,'userPermission');
+    
+    if (permissionSettings == undefined || permissionSettings == null || isEmpty(permissionSettings)) {
         permissionSettings = {
             enable: defaultEnable,
             permissions: defaultUserPermissions
@@ -227,7 +265,7 @@ export const registerSettings = async function() {
         if (permissionSettings.permissions.MACRO.BY_NAME == undefined) permissionSettings.permissions.MACRO.BY_NAME = [false,false,true,true];
     }
     if (game.user.isGM)
-        game.settings.set(MODULE.moduleName,'userPermission',permissionSettings);      
+        game.settings.set(moduleName,'userPermission',permissionSettings);      
 }
 
 
@@ -284,7 +322,7 @@ export class helpMenu extends FormApplication {
      */
     static get defaultOptions() {
         return mergeObject(super.defaultOptions, {
-            id: "userPermissionConfig",
+            id: "materialDeck_userPermissionConfig",
             title: "Material Deck: "+game.i18n.localize("MaterialDeck.Sett.Permission"),
             template: "./modules/MaterialDeck/templates/userPermissionConfig.html",
             width: 660,
@@ -297,8 +335,8 @@ export class helpMenu extends FormApplication {
      * Provide data to the template
      */
     async getData() {
-        let settings = game.settings.get(MODULE.moduleName,'userPermission');
-        if (settings == undefined || settings == null || MODULE.isEmpty(settings)) {
+        let settings = game.settings.get(moduleName,'userPermission');
+        if (settings == undefined || settings == null || isEmpty(settings)) {
             settings = {
                 enable: defaultEnable,
                 permissions: defaultUserPermissions
@@ -308,7 +346,12 @@ export class helpMenu extends FormApplication {
         const actions = Object.entries(duplicate(settings.permissions)).reduce((arr, e) => {
             const perms = Object.entries(duplicate(e[1])).reduce((arr, p) => {
                 let perm = {};
-                perm.roles = [p[1][0],p[1][1],p[1][2],p[1][3]]
+                perm.roles = [
+                    {role:'player',en:p[1][0]},
+                    {role:'trusted',en:p[1][1]},
+                    {role:'assistent',en:p[1][2]},
+                    {role:'gm',en:p[1][3]}
+                ]
                 perm.id = p[0];
                 perm.label = game.i18n.localize("MaterialDeck.Perm."+e[0]+"."+p[0]+".label");
                 perm.hint = game.i18n.localize("MaterialDeck.Perm."+e[0]+"."+p[0]+".hint");
@@ -328,14 +371,21 @@ export class helpMenu extends FormApplication {
             if (actions[i].id == 'MOVE')
                 actions.splice(i,1);
         }
+        
+        const enable = [
+            {role:'player',en:settings.enable[0]},
+            {role:'trusted',en:settings.enable[1]},
+            {role:'assistent',en:settings.enable[2]},
+            {role:'gm',en:settings.enable[3]}
+        ]
         return {
           roles: Object.keys(CONST.USER_ROLES).reduce((obj, r) => {
             if ( r === "NONE" ) return obj;
             obj[r] = `USER.Role${r.titleCase()}`;
             return obj;
           }, {}),
-          actions: actions,
-          enable: settings.enable
+          actions,
+          enable
         }
     }
   
@@ -345,12 +395,28 @@ export class helpMenu extends FormApplication {
      * @param {*} formData 
      */
     async _updateObject(event, formData) {
-        let permissions = expandObject(formData);
         let settings = {};
-        settings.enable = permissions.ENABLE;
+        let permissions = expandObject(formData);
+
+        for (const [key, value] of Object.entries(permissions)) {
+            const val = value;
+            let conf = {};
+            if (key == 'ENABLE') {
+                settings.enable = [value.player, value.trusted, value.assistent, value.gm];
+            }
+            else {
+                conf = {};
+                for (const [key, value] of Object.entries(val)) {
+                    const arr = [value.player, value.trusted, value.assistent, value.gm];
+                    conf[key] = arr;
+                }
+            }
+            permissions[key] = conf;
+        }
+    
         delete permissions.ENABLE;
         settings.permissions = permissions;
-       // game.settings.set(MODULE.moduleName,'userPermission',settings);
+        game.settings.set(moduleName,'userPermission',settings);
     }
   
     async activateListeners(html) {
@@ -369,7 +435,7 @@ export class helpMenu extends FormApplication {
             enable: defaultEnable,
             permissions: defaultUserPermissions
         }
-        await game.settings.set(MODULE.moduleName,'userPermission',settings);
+        await game.settings.set(moduleName,'userPermission',settings);
         this.render();
         ui.notifications.info(game.i18n.localize("MaterialDeck.Perm.DefaultNotification"));
     }

src/streamDeck.js

@@ -1,4 +1,4 @@
-import * as MODULE from "../MaterialDeck.js";
+import { moduleName, sendWS, tokenControl, macroControl, combatTracker, playlistControl, soundboard, otherControls, externalModules, sceneControl } from "../MaterialDeck.js";
 
 export class StreamDeck{
     constructor() {
@@ -34,7 +34,30 @@ export class StreamDeck{
        
     }
 
-    setContext(device,size,iteration,action,context,coordinates = {column:0,row:0},settings){
+    //getButtonContext
+
+    newDevice(iteration,device) {
+        if (this.buttonContext[iteration] == undefined) {
+            const deckSize = device.size.columns*device.size.rows;
+            let buttons = [];
+            for (let i=0; i<deckSize; i++){
+                buttons[i] = undefined;
+            }
+            this.buttonContext[iteration] = {
+                device: device.id,
+                name: device.name,
+                type: device.type,
+                size: deckSize,
+                buttons: buttons
+            }
+        }
+    }
+
+    removeDevice(iteration) {
+        this.buttonContext[iteration] = undefined;
+    }
+
+    setContext(device,size,iteration,action,context,coordinates = {column:0,row:0},settings, name, type){
         if (device == undefined) return;
         if (this.buttonContext[iteration] == undefined) {
             const deckSize = size.columns*size.rows;
@@ -44,6 +67,8 @@ export class StreamDeck{
             }
             this.buttonContext[iteration] = {
                 device: device,
+                name: name,
+                type: type,
                 size: size,
                 buttons: buttons
             }
@@ -61,7 +86,7 @@ export class StreamDeck{
 
     clearContext(device,action,coordinates = {column:0,row:0}){
         for (let d of this.buttonContext) {
-            if (d.device == device) {
+            if (d?.device == device) {
                 const num = coordinates.column + coordinates.row*d.size.columns;
                 d.buttons[num] = undefined;
                 return;
@@ -69,14 +94,14 @@ export class StreamDeck{
         }
 
         if (this.getActive(action) == false){
-            if (action == 'token') MODULE.tokenControl.active = false; 
-            else if (action == 'macro') MODULE.macroControl.active = false; 
-            else if (action == 'combattracker') MODULE.combatTracker.active = false; 
-            else if (action == 'playlist') MODULE.playlistControl.active = false;
-            else if (action == 'soundboard') MODULE.soundboard.active = false;
-            else if (action == 'other') MODULE.otherControls.active = false;
-            else if (action == 'external') MODULE.externalModules.active = false;
-            else if (action == 'scene') MODULE.sceneControl.active = false;
+            if (action == 'token') tokenControl.active = false; 
+            else if (action == 'macro') macroControl.active = false; 
+            else if (action == 'combattracker') combatTracker.active = false; 
+            else if (action == 'playlist') playlistControl.active = false;
+            else if (action == 'soundboard') soundboard.active = false;
+            else if (action == 'other') otherControls.active = false;
+            else if (action == 'external') externalModules.active = false;
+            else if (action == 'scene') sceneControl.active = false;
         }
     }
 
@@ -110,6 +135,7 @@ export class StreamDeck{
                 counter++;
             }
         }
+
         let txtNew = "";
         let newTxtArray = ['','','','','','','','','','','','','','','','','','','',''];
         counter = 0;
@@ -118,8 +144,20 @@ export class StreamDeck{
             let txtNewPart = txtArray[i];
             
             if (txtNewPart != undefined && txtNewPart.length > 10){
-                let syllables = this.syllabify(txtNewPart);
-
+                let syllables = [];
+                if (game.i18n.lang == "ru") {
+                    newTxtArray[counter] = txtNewPart.slice(0,txtNewPart.length/2) + '-';
+                    counter++;
+                    newTxtArray[counter] = txtNewPart.slice(txtNewPart.length/2+1,txtNewPart.length);
+                    counter++;
+                }
+                else {
+                    syllables = this.syllabify(txtNewPart);
+                    if (syllables == null) {
+                        newTxtArray[counter] = txtNewPart;
+                        counter++;
+                    }
+                    else {
                         for (let j=0; j<syllables.length; j++){
                             if (syllables.length == 0){
                                 newTxtArray[counter] = txtNewPart;
@@ -142,6 +180,8 @@ export class StreamDeck{
                             }
                         }
                     }
+                }
+            }
             else{
                 newTxtArray[counter] = txtNewPart;
                 counter++;
@@ -165,17 +205,20 @@ export class StreamDeck{
     setTitle(txt,context){
         if (txt == null || txt == undefined) txt = '';
         txt = this.formatTitle(txt);
-        for (let i=0; i<32; i++){
-            if (this.buttonContext[i] == undefined) continue;
-            if (this.buttonContext[i].context == context) {
-                if (this.buttonContext[i].txt != undefined)
-                    if (this.buttonContext[i].txt == txt) 
-                        return;
-                this.buttonContext[i].txt = txt;
-            }
+        let thisDevice;
+        for (let device of this.buttonContext) {
+            if (device == undefined) continue;
+            const btn = device.buttons.find(b => b?.context == context);
+            if (btn == undefined) continue;
+            btn.txt = txt;
+            thisDevice = device;
         }
+
         let msg = {
-            target: "SD",
+            target: "MaterialDeck_Device",
+            source: "MaterialDeck_Foundry",
+            userId: game.userId,
+            device: thisDevice,
             event: 'setTitle',
             context: context,
             payload: {
@@ -183,24 +226,34 @@ export class StreamDeck{
                 target: 0
             }
         };
-        MODULE.sendWS(JSON.stringify(msg));
+        sendWS(JSON.stringify(msg));
     }
     
     setColor(context,color = '#000000'){
+let thisDevice;
+        for (let device of this.buttonContext) {
+            if (device == undefined) continue;
+            thisDevice = device.buttons.find(b => b?.context == context);
+        }
         let msg = {
-            target: "SD",
+            target: "MaterialDeck_Device",
+            source: "MaterialDeck_Foundry",
+            userId: game.userId,
+            device: thisDevice,
             event: 'setIcon',
             context: context,
             url: '',
             format: 'color',
             background: color
         };
-        MODULE.sendWS(JSON.stringify(msg));
+        sendWS(JSON.stringify(msg));
     }
 
     setImage(image,context,device,nr,id){
         var json = {
-            target: "SD",
+            target: "MaterialDeck_Device",
+            source: "MaterialDeck_Foundry",
+            userId: game.userId,
             event: "setImage",
             context: context,
             device: device,
@@ -211,12 +264,14 @@ export class StreamDeck{
                 target: 0
             }
         };
-        MODULE.sendWS(JSON.stringify(json));
+        sendWS(JSON.stringify(json));
     }
 
     setBufferImage(context,device,nr,id){
         var json = {
-            target: "SD",
+            target: "MaterialDeck_Device",
+            source: "MaterialDeck_Foundry",
+            userId: game.userId,
             event: "setBufferImage",
             context: context,
             device: device,
@@ -226,7 +281,7 @@ export class StreamDeck{
                 target: 0
             }
         };
-        MODULE.sendWS(JSON.stringify(json));
+        sendWS(JSON.stringify(json));
     }
 
     setIcon(context,device,src='',options = {}){
@@ -241,7 +296,7 @@ export class StreamDeck{
         
         //if (src != 'modules/MaterialDeck/img/black.png')
         for (let d of this.buttonContext) {
-            if (d.device == device) {
+            if (d?.device == device) {
                 for (let i=0; i<d.buttons.length; i++){
                     if (clock != false) break;
                     if (d.buttons[i] == undefined) continue;
@@ -280,8 +335,12 @@ export class StreamDeck{
         let format = split[split.length-1].split('?')[0];
         split = split[0].split(' ');
         if (split[0] == 'fas' || split[0] == 'far' || split[0] == 'fal' || split[0] == 'fad') format = 'icon';
+        let split2 = split[0].split('-');
+        if (split2[0] == 'fa') format = 'icon';
         let msg = {
-            target: "SD",
+            target: "MaterialDeck_Device",
+            source: "MaterialDeck_Foundry",
+            userId: game.userId,
             event: 'setIcon',
             context: context,
             device: device,
@@ -298,14 +357,22 @@ export class StreamDeck{
     }
 
     setState(state,context,action){
+        let thisDevice;
+        for (let device of this.buttonContext) {
+            if (device == undefined) continue;
+            thisDevice = device.buttons.find(b => b?.context == context);
+        }
         let msg = {
-            target: "SD",
+            target: "MaterialDeck_Device",
+            source: "MaterialDeck_Foundry",
+            userId: game.userId,
             event: 'setStateCustom',
+            device: thisDevice,
             context: context,
             action: action,
             state: state
         };
-        MODULE.sendWS(JSON.stringify(msg));
+        sendWS(JSON.stringify(msg));
     }
 
     setProfile(action,device){
@@ -313,8 +380,9 @@ export class StreamDeck{
         if (action == 'playlistcontrol')
             profile = 'MaterialDeck-Playlist'
         var json = {
-            target: "SD",
-            source: 1,
+            target: "MaterialDeck_Device",
+            source: "MaterialDeck_Foundry",
+            userId: game.userId,
             event: "switchToProfile",
             context: this.pluginId,
             device: device,
@@ -322,7 +390,7 @@ export class StreamDeck{
                 profile: profile
             }
         };
-        MODULE.sendWS(JSON.stringify(json));
+        sendWS(JSON.stringify(json));
     }
 
     setPluginId(id){
@@ -358,14 +426,12 @@ export class StreamDeck{
                 BGvalid = false;
         if (BGvalid == false) background = '#000000';
         
-        let canvas;
-        if (canvas == null || canvas == undefined){
-            canvas = document.createElement('canvas');
+        let canvas = document.createElement('canvas');
         canvas.width="144";
         canvas.height="144";
-            canvas.style="background-color:transparent;visibility:hidden";
+        canvas.style="background-color:transparent;visibility:hidden;display:none";
         document.getElementById('sdCanvasBox').appendChild(canvas); // adds the canvas to #someBox
-        }
+      
         this.counter++;
         if (this.counter > 31) this.counter = 0;
     
@@ -413,13 +479,14 @@ export class StreamDeck{
 
         if (format != 'jpg' && format != 'jpeg' && format != 'png' && format != 'PNG' && format != 'webm' && format != 'webp' && format != 'gif' && format != 'svg') url = "modules/MaterialDeck/img/transparant.png";
         //if (url == "") url = "modules/MaterialDeck/img/transparant.png"
+        
         let resImageURL = url;
         let img = new Image();
         img.setAttribute('crossorigin', 'anonymous');
         img.onload = () => {
             if (format == 'color') ctx.filter = "opacity(0)";
             
-            if (data.overlay == true) ctx.filter = "brightness(" + game.settings.get(MODULE.moduleName,'imageBrightness') + "%)";
+            if (data.overlay == true) ctx.filter = "brightness(" + game.settings.get(moduleName,'imageBrightness') + "%)";
             //ctx.filter = "brightness(0) saturate(100%) invert(38%) sepia(62%) saturate(2063%) hue-rotate(209deg) brightness(90%) contrast(95%)";
             var imageAspectRatio = img.width / img.height;
             var canvasAspectRatio = canvas.width / canvas.height;
@@ -452,11 +519,16 @@ export class StreamDeck{
             }
             ctx.drawImage(img, xStart+margin, yStart+margin, renderableWidth - 2*margin, renderableHeight - 2*margin);
             if (uses != undefined && uses.heart == undefined) {
+                
                 let txt = '';
+                let noMaxUses = false;
                 if (uses.available != undefined) {
                     txt = uses.available;
                     if (uses.maximum != undefined) txt = uses.available + '/' + uses.maximum;
-                    if (uses.maximum == undefined ) uses.maximum = 1;
+                    if (uses.maximum == undefined ) {
+                        uses.maximum = 1;
+                        noMaxUses = true;
+                    }
                 }
                 ctx.beginPath();
                 ctx.lineWidth = 4;
@@ -466,7 +538,8 @@ export class StreamDeck{
                 if (green.length == 1) green = "0"+green;
                 red = red.toString(16);
                 if (red.length == 1) red = "0"+red;
-                if (uses.available == 0) ctx.strokeStyle = "#c80000";
+                if (noMaxUses) ctx.strokeStyle = "#c000000";
+                else if (uses.available == 0) ctx.strokeStyle = "#c80000";
                 else ctx.strokeStyle = "#"+red.toString(16)+green.toString(16)+"00";
                 const rect = {height:35, paddingSides:20, paddingBottom: 4}
                 ctx.rect(rect.paddingSides, 144-rect.height-rect.paddingBottom,144-2*rect.paddingSides,rect.height);
@@ -538,7 +611,7 @@ export class StreamDeck{
 
     addToImageBuffer(img,data){
         const id = this.getImageBufferId(data);
-        const maxBufferSize = game.settings.get(MODULE.moduleName,'imageBuffer');
+        const maxBufferSize = game.settings.get(moduleName,'imageBuffer');
         if (maxBufferSize == 0) return false;
         if (this.imageBufferCounter > maxBufferSize) this.imageBufferCounter = 0;
         
@@ -555,7 +628,7 @@ export class StreamDeck{
     }
 
     checkImageBuffer(data){
-        if (game.settings.get(MODULE.moduleName,'imageBuffer') == 0) return false;
+        if (game.settings.get(moduleName,'imageBuffer') == 0) return false;
         const id = this.getImageBufferId(data);
         
         for (let i=0; i<this.imageBuffer.length; i++){

src/systems/demonlord.js

@@ -1,12 +1,46 @@
 import { compatibleCore } from "../misc.js";
 
 export class demonlord{
-    constructor(){
+    conf;
 
+    constructor(){
+        console.log("Material Deck: Using system 'Shadow of the Demon Lord'");
+        this.conf = CONFIG.DL;
+    }
+
+    getActorData(token) {
+        return token.actor.system;
+    }
+
+    getItemData(item) {
+        return item.system;
+    }
+
+    getStatsList() {
+        return [
+            {value:'HP', name:'HP'},
+            {value:'HPbox', name:'HP (box)'},
+            {value:'AC', name:'AC'},
+            {value:'Speed', name:'Speed'},
+            {value:'Init', name:'Initiative'},
+            {value:'Ability', name:'Ability Score'},
+            {value:'AbilityMod', name:'Ability Score Modifier'}
+        ]
+    }
+
+    getAttackModes() {
+        return [
+            {value:'attack', name:'Attack'},
+            {value:'damage', name:'Damage'},
+            {value:'damageCrit', name:'Critical Damage'},
+            {value:'versatile', name:'Versatile Damage'},
+            {value:'versatileCrit', name:'Versatile Critical Damage'},
+            {value:'otherFormula', name:'Other Formula'},
+        ]
     }
 
     getHP(token) {
-        const hp = token.actor.data.data.characteristics.health;
+        const hp = this.getActorData(token).characteristics.health;
         return {
             value: hp.value,
             max: hp.max
@@ -18,7 +52,7 @@ export class demonlord{
     }
 
     getAC(token) {
-        return token.actor.data.data.characteristics.defense;
+        return this.getActorData(token).characteristics.defense;
     }
 
     getShieldHP(token) {
@@ -26,11 +60,11 @@ export class demonlord{
     }
 
     getSpeed(token) {
-        return token.actor.data.data.characteristics.speed;
+        return this.getActorData(token).characteristics.speed;
     }
 
     getInitiative(token) {
-        return token.actor.data.data.fastturn ? "FAST" : "SLOW";
+        return this.getActorData(token).fastturn ? "FAST" : "SLOW";
     }
 
     toggleInitiative(token) {
@@ -50,12 +84,12 @@ export class demonlord{
 
     getAbility(token, ability) {
         if (ability == undefined) ability = 'strength';
-        return token.actor.data.data.attributes?.[ability].value;
+        return this.getActorData(token).attributes?.[ability].value;
     } 
 
     getAbilityModifier(token, ability) {
         if (ability == undefined) ability = 'str';
-        let val = token.actor.data.data.attributes?.[ability].modifier;
+        let val = this.getActorData(token).attributes?.[ability].modifier;
         return (val >= 0) ? `+${val}` : val;
     }
 
@@ -63,9 +97,20 @@ export class demonlord{
         return;
     }
 
+    getSavesList() {
+        return [];
+    }
+
+    getAbilityList() {
+        const keys = Object.keys(this.conf.attributes);
+        let abilities = [];
+        for (let k of keys) abilities.push({value:k, name:this.conf.attributes?.[k]})
+        return abilities;
+    }
+    
     getSkill(token, skill) {
         if (skill == undefined) skill = 'acr';
-        const val = token.actor.data.data.skills?.[skill].total;
+        const val = this.getActorData(token).skills?.[skill].total;
         return (val >= 0) ? `+${val}` : val;
     }
 
@@ -84,6 +129,12 @@ export class demonlord{
         return token.actor.effects.find(e => e.isTemporary === condition) != undefined;
     }
 
+    getConditionList() {
+        let conditions = [];
+        for (let c of CONFIG.statusEffects) if (c.disabled != undefined) conditions.push({value:c.id, name:c.label});
+        return conditions;
+    }
+
     async toggleCondition(token,condition) {
         if (condition == undefined) condition = 'removeAll';
         if (condition == 'removeAll'){
@@ -114,20 +165,82 @@ export class demonlord{
     }
 
     getItemUses(item) {
-        return {available: item.data.data.quantity};
+        return {available: getItemData(item).quantity};
     }
 
     /**
      * Spells
      */
-     getSpells(token,level) {
+     getSpells(token,level,type) {
         if (level == undefined) level = 'any';
         const allItems = token.actor.items;
         if (level == 'any') return allItems.filter(i => i.type == 'spell')
-        else return allItems.filter(i => i.type == 'spell' && i.data.data.rank == level)
+        else return allItems.filter(i => i.type == 'spell' && getItemData(i).rank == level)
     }
 
     getSpellUses(token,level,item) {
         return;
     }
+
+    getSpellTypes() {
+        return [
+        ]
+    }
+
+    rollItem(item) {
+        return item.roll()
+    }
+
+    /**
+     * Ring Colors
+     */
+    getSkillRingColor(token, skill) {
+        return;
+    }
+
+    getSaveRingColor(token, save) {
+        return;        
+    }
+
+    getSkillList() {
+        return [];
+    }
+
+    getOnClickList() {
+        return [{value:'initiative',name:'Toggle Initiative'}]
+    }
+
+    getRollTypes() {
+        return []
+    }
+
+    getItemTypes() {
+        return []
+    }
+
+    getWeaponRollModes() {
+        return []
+    }
+
+    getFeatureTypes() {
+        return [
+            {value:'class', name:'Class'},
+            {value:'feat', name:'Abilities'}
+        ]
+    }
+
+    getSpellLevels() {
+        return [
+            {value:'0', name:'Cantrip'},
+            {value:'1', name:'1st Level'},
+            {value:'2', name:'2nd Level'},
+            {value:'3', name:'3rd Level'},
+            {value:'4', name:'4th Level'},
+            {value:'5', name:'5th Level'},
+            {value:'6', name:'6th Level'},
+            {value:'7', name:'7th Level'},
+            {value:'8', name:'8th Level'},
+            {value:'9', name:'9th Level'}
+        ]
+    }
 }

src/systems/dnd35e.js

@@ -1,12 +1,51 @@
 import { compatibleCore } from "../misc.js";
 
 export class dnd35e{
-    constructor(){
+    conf;
+    system;
 
+    constructor(gamingSystem){
+        console.log("Material Deck: Using system 'Dungeons & Dragons 3.5e'/'Pathfinder 1e'");
+        if (gamingSystem == 'D35E') this.conf = CONFIG.D35E;
+        else if (gamingSystem == 'pf1') this.conf = CONFIG.PF1;
+        this.system = gamingSystem;
+    }
+
+    getActorData(token) {
+        return token.actor.system;
+    }
+
+    getItemData(item) {
+        return item.system;
+    }
+
+    getStatsList() {
+        return [
+            {value:'HP', name:'HP'},
+            {value:'HPbox', name:'HP (box)'},
+            {value:'TempHP', name:'Temp HP'},
+            {value:'AC', name:'AC'},
+            {value:'Speed', name:'Speed'},
+            {value:'Init', name:'Initiative'},
+            {value:'Ability', name:'Ability Score'},
+            {value:'AbilityMod', name:'Ability Score Modifier'},
+            {value:'Save', name:'Saving Throw Modifier'},
+            {value:'Skill', name:'Skill Modifier'},
+            {value:'Prof', name:'Proficiency'}
+        ]
+    }
+
+    getAttackModes() {
+        return [
+        ]
+    }
+
+    getOnClickList() {
+        return []
     }
 
     getHP(token) {
-        const hp = token.actor.data.data.attributes.hp;
+        const hp = this.getActorData(token).attributes.hp;
         return {
             value: hp.value,
             max: hp.max
@@ -14,7 +53,7 @@ export class dnd35e{
     }
 
     getTempHP(token) {
-        const hp = token.actor.data.data.attributes.hp;
+        const hp = this.getActorData(token).attributes.hp;
         return {
             value: (hp.temp == null) ? 0 : hp.temp,
             max: (hp.tempmax == null) ? 0 : hp.tempmax
@@ -22,7 +61,7 @@ export class dnd35e{
     }
 
     getAC(token) {
-        return token.actor.data.data.attributes.ac.normal.total;
+        return this.getActorData(token).attributes.ac.normal.total;
     }
 
     getShieldHP(token) {
@@ -30,7 +69,7 @@ export class dnd35e{
     }
 
     getSpeed(token) {
-        const movement = token.actor.data.data.attributes.speed;
+        const movement = this.getActorData(token).attributes.speed;
         let speed = "";
         if (movement.burrow.total > 0) speed += `Burrow: ${movement.burrow.total}Ft`;
         if (movement.climb.total > 0) {
@@ -53,7 +92,7 @@ export class dnd35e{
     }
 
     getInitiative(token) {
-        let initiative = token.actor.data.data.attributes.init.total;
+        let initiative = this.getActorData(token).attributes.init.total;
         return (initiative >= 0) ? `+${initiative}` : initiative;
     }
 
@@ -71,29 +110,53 @@ export class dnd35e{
 
     getAbility(token, ability) {
         if (ability == undefined) ability = 'str';
-        return token.actor.data.data.abilities?.[ability].value;
+        return this.getActorData(token).abilities?.[ability].value;
     } 
 
     getAbilityModifier(token, ability) {
         if (ability == undefined) ability = 'str';
-        let val = token.actor.data.data.abilities?.[ability].mod;
+        let val = this.getActorData(token).abilities?.[ability].mod;
         return (val >= 0) ? `+${val}` : val;
     }
 
     getAbilitySave(token, ability) {
         if (ability == undefined) ability = 'fort';
-        let val = token.actor.data.data.attributes.savingThrows?.[ability].total;
+        let val = this.getActorData(token).attributes.savingThrows?.[ability].total;
         return (val >= 0) ? `+${val}` : val;
     }
 
+    getAbilityList() {
+        const keys = Object.keys(this.conf.abilities);
+        let abilities = [];
+        for (let k of keys) abilities.push({value:this.conf.abilityAbbreviations?.[k], name:this.conf.abilities?.[k]})
+        return abilities;
+    }
+
+    getSavesList() {
+        const keys = Object.keys(this.conf.savingThrows);
+        let saves = [];
+        for (let k of keys) saves.push({value:k, name:this.conf.savingThrows?.[k]})
+        return saves;
+    }
+
     getSkill(token, skill) {
         if (skill == undefined) skill = 'apr';
-        const val = token.actor.data.data.skills?.[skill].mod;
+        const val = this.getActorData(token).skills?.[skill].mod;
         return (val >= 0) ? `+${val}` : val;
     }
 
+    getSkillList() {
+        const keys = Object.keys(this.conf.skills);
+        let skills = [];
+        for (let s of keys) {
+            const skill = this.conf.skills?.[s];
+            skills.push({value:s, name:skill})
+        }
+        return skills;
+    }
+
     getProficiency(token) {
-        const val = token.actor.data.data.attributes.prof;
+        const val = this.getActorData(token).attributes.prof;
         return (val >= 0) ? `+${val}` : val;
     }
 
@@ -121,6 +184,12 @@ export class dnd35e{
         return true;
     }
 
+    getConditionList() {
+        let conditions = [];
+        for (let c of CONFIG.statusEffects) conditions.push({value:c.id, name:game.i18n.localize(c.label)});
+        return conditions;
+    }
+
     /**
      * Roll
      */
@@ -133,13 +202,37 @@ export class dnd35e{
         if (roll == 'ability') token.actor.rollAbilityTest(ability,options);
         else if (roll == 'save') token.actor.rollSavingThrow(save, null, null,options);
         else if (roll == 'skill') token.actor.rollSkill(skill,options);
-        else if (roll == 'initiative') token.actor.rollInitiative(options);
+        else if (roll == 'initiative') {
+            options.rerollInitiative = true;
+            token.actor.rollInitiative(options);
+        }
         else if (roll == 'grapple') token.actor.rollGrapple(options);
         else if (roll == 'bab') token.actor.rollBAB(options);
         else if (roll == 'melee') token.actor.rollMelee(options);
         else if (roll == 'ranged') token.actor.rollRanged(options);
     }
 
+    getRollTypes() {
+        if (this.system == 'D35E') {
+            return [
+                {value:'initiative', name:'Initiative'},
+                {value:'grapple', name:'Grapple'},
+                {value:'bab', name:'Base Attack Bonus'},
+                {value:'melee', name:'Melee'},
+                {value:'ranged', name:'Ranged'}
+            ]
+        }
+        else if (this.system == 'pf1') {
+            return [
+                {value:'initiative', name:'Initiative'},
+                {value:'cmb', name:'Combat Maneuver Bonus'},
+                {value:'bab', name:'Base Attack Bonus'},
+                {value:'attack', name:'Attack'},
+                {value:'defenses', name:'Defenses'}
+            ]
+        }
+    }
+
     /**
      * Items
      */
@@ -147,16 +240,33 @@ export class dnd35e{
         if (itemType == undefined) itemType = 'any';
         const allItems = token.actor.items;
         if (itemType == 'any') return allItems.filter(i => i.type == 'weapon' || i.type == 'equipment' || i.type == 'consumable' || i.type == 'loot' || i.type == 'container');
-        else if (game.system.id == 'D35E' && itemType == 'container') return allItems.filter(i => i.type == 'loot' && i.data.data.subType == itemType);
+        else if (game.system.id == 'D35E' && itemType == 'container') return allItems.filter(i => i.type == 'loot' && this.getItemData(i).subType == itemType);
         else {
             if (itemType == 'gear' || itemType == 'ammo' || itemType == 'misc' || itemType == 'tradeGoods') 
-                return allItems.filter(i => i.type == 'loot' && i.data.data.subType == itemType);
+                return allItems.filter(i => i.type == 'loot' && this.getItemData(i).subType == itemType);
             else return allItems.filter(i => i.type == itemType);
         }
     }
 
     getItemUses(item) {
-        return {available: item.data.data.quantity};
+        return {available: this.getItemData(item).quantity};
+    }
+
+    getItemTypes() {
+        return [
+            {value:'weapon', name:'Weapons'},
+            {value:'equipment', name:'Armor/Equipment'},
+            {value:'consumable', name:'Consumables'},
+            {value:'gear', name:'Gear'},
+            {value:'ammo', name:'Ammunition'},
+            {value:'misc', name:'Miscellaneous'},
+            {value:'tradeGoods', name:'Trade Goods'},
+            {value:'container', name:'Containers'}
+        ]
+    }
+
+    getWeaponRollModes() {
+        return []
     }
 
     /**
@@ -170,29 +280,63 @@ export class dnd35e{
     }
 
     getFeatureUses(item) {
-        if (item.data.type == 'class') return {available: item.data.data.levels};
+        if (item.data.type == 'class') return {available: this.getItemData(item).levels};
         else return {
-            available: item.data.data.uses.value, 
-            maximum: item.data.data.uses.max
+            available: this.getItemData(item).uses.value, 
+            maximum: this.getItemData(item).uses.max
         };
     }
 
+    getFeatureTypes() {
+        return [
+            {value:'class', name:'Class'},
+            {value:'feat', name:'Abilities'}
+        ]
+    }
+
     /**
      * Spells
      */
-     getSpells(token,level) {
+     getSpells(token,level,type) {
         if (level == undefined) level = 'any';
         const allItems = token.actor.items;
         if (level == 'any') return allItems.filter(i => i.type == 'spell')
-        else return allItems.filter(i => i.type == 'spell' && i.data.data.level == level)
+        else return allItems.filter(i => i.type == 'spell' && this.getItemData(i).level == level)
     }
 
     getSpellUses(token,level,item) {
         if (level == undefined) level = 'any';
-        if (item.data.data.level == 0) return;
+        if (this.getItemData(item).level == 0) return;
         return {
             available: item.charges, 
             maximum: item.maxCharges
         }
     }
+
+    getSpellLevels() {
+        const keys = Object.keys(this.conf.spellLevels);
+        let levels = [];
+        for (let l of keys) levels.push({value:l, name:this.conf.spellLevels?.[l]});
+        return levels;
+    }
+
+    getSpellTypes() {
+        return [
+        ]
+    }
+
+    rollItem(item) {
+        return item.roll()
+    }
+
+    /**
+     * Ring Colors
+     */
+     getSkillRingColor(token, skill) {
+        return;
+    }
+
+    getSaveRingColor(token, save) {
+        return;        
+    }
 }

src/systems/dnd5e.js

@@ -1,12 +1,63 @@
-import {compatibleCore} from "../misc.js";
+import { compatibleCore, compatibleSystem } from "../misc.js";
+
+const proficiencyColors = {
+    0: "#000000",
+    0.5: "#804A00",
+    1: "#C0C0C0",
+    2: "#FFD700"
+}
 
 export class dnd5e{
-    constructor(){
+    conf;
 
+    constructor(){
+        console.log("Material Deck: Using system 'Dungeons & Dragons 5e'");
+        this.conf = game.system.config;
+    }
+
+    getActorData(token) {
+        return token.actor.system;
+    }
+
+    getItemData(item) {
+        return item.system;
+    }
+
+    getStatsList() {
+        return [
+            {value:'HP', name:'HP'},
+            {value:'HPbox', name:'HP (box)'},
+            {value:'TempHP', name:'Temp HP'},
+            {value:'AC', name:'AC'},
+            {value:'Speed', name:'Speed'},
+            {value:'Init', name:'Initiative'},
+            {value:'Ability', name:'Ability Score'},
+            {value:'AbilityMod', name:'Ability Score Modifier'},
+            {value:'Save', name:'Saving Throw Modifier'},
+            {value:'Skill', name:'Skill Modifier'},
+            {value:'PassivePerception', name:'Passive Perception'},
+            {value:'PassiveInvestigation', name:'Passive Investigation'},
+            {value:'Prof', name:'Proficiency'}
+        ]
+    }
+
+    getAttackModes() {
+        return [
+            {value:'attack', name:'Attack'},
+            {value:'damage', name:'Damage'},
+            {value:'damageCrit', name:'Critical Damage'},
+            {value:'versatile', name:'Versatile Damage'},
+            {value:'versatileCrit', name:'Versatile Critical Damage'},
+            {value:'otherFormula', name:'Other Formula'},
+        ]
+    }
+
+    getOnClickList() {
+        return []
     }
 
     getHP(token) {
-        const hp = token.actor.data.data.attributes.hp;
+        const hp = this.getActorData(token).attributes.hp;
         return {
             value: hp.value,
             max: hp.max
@@ -14,7 +65,7 @@ export class dnd5e{
     }
 
     getTempHP(token) {
-        const hp = token.actor.data.data.attributes.hp;
+        const hp = this.getActorData(token).attributes.hp;
         return {
             value: (hp.temp == null) ? 0 : hp.temp,
             max: (hp.tempmax == null) ? 0 : hp.tempmax
@@ -22,7 +73,7 @@ export class dnd5e{
     }
 
     getAC(token) {
-        return token.actor.data.data.attributes.ac.value;
+        return this.getActorData(token).attributes.ac.value;
     }
 
     getShieldHP(token) {
@@ -30,9 +81,9 @@ export class dnd5e{
     }
 
     getSpeed(token) {
-        const movement = token.actor.data.data.attributes.movement;
+        const movement = this.getActorData(token).attributes.movement;
         let speed = "";
-        if (movement != undefined){
+
         if (movement.burrow > 0) speed += `${game.i18n.localize("DND5E.MovementBurrow")}: ${movement.burrow + movement.units}`;
         if (movement.climb > 0) {
             if (speed.length > 0) speed += '\n';
@@ -54,17 +105,12 @@ export class dnd5e{
             if (speed.length > 0) speed += '\n';
             speed += `${game.i18n.localize("DND5E.MovementWalk")}: ${movement.walk + movement.units}`;
         }
-        }
-        else {
-            const spd = token.actor.data.data.attributes.speed;
-            speed = spd.value;
-            if (spd.special.length > 0) speed + "\n" + spd.special;
-        }
+        
         return speed;
     }
 
     getInitiative(token) {
-        let initiative = token.actor.data.data.attributes.init.total;
+        let initiative = this.getActorData(token).attributes.init.total;
         return (initiative >= 0) ? `+${initiative}` : initiative;
     }
 
@@ -73,38 +119,62 @@ export class dnd5e{
     }
 
     getPassivePerception(token) {
-        return token.actor.data.data.skills.prc.passive;
+        return this.getActorData(token).skills.prc.passive;
     }
 
     getPassiveInvestigation(token) {
-        return token.actor.data.data.skills.inv.passive;
+        return this.getActorData(token).skills.inv.passive;
     }
 
     getAbility(token, ability) {
         if (ability == undefined) ability = 'str';
-        return token.actor.data.data.abilities?.[ability].value;
+        return this.getActorData(token).abilities?.[ability].value;
     } 
 
     getAbilityModifier(token, ability) {
         if (ability == undefined) ability = 'str';
-        let val = token.actor.data.data.abilities?.[ability].mod;
+        let val = this.getActorData(token).abilities?.[ability].mod;
         return (val >= 0) ? `+${val}` : val;
     }
 
     getAbilitySave(token, ability) {
         if (ability == undefined) ability = 'str';
-        let val = token.actor.data.data.abilities?.[ability].save;
+        let val = this.getActorData(token).abilities?.[ability].save;
         return (val >= 0) ? `+${val}` : val;
     }
 
+    getAbilityList() {
+        const keys = Object.keys(this.conf.abilities);
+        let abilities = [];
+        if (compatibleSystem("2.2.0"))
+        for (let k of keys) abilities.push({value:this.conf.abilityAbbreviations?.[k], name:this.conf.abilities?.[k]})
+        else 
+            for (let k of keys) abilities.push({value:this.conf.abilities?.[k].abbreviation, name:this.conf.abilities?.[k].label})
+        return abilities;
+    }
+
+    getSavesList() {
+        return this.getAbilityList();
+    }
+
     getSkill(token, skill) {
         if (skill == undefined) skill = 'acr';
-        const val = token.actor.data.data.skills?.[skill].total;
+        const val = this.getActorData(token).skills?.[skill].total;
         return (val >= 0) ? `+${val}` : val;
     }
 
+    getSkillList() {
+        const keys = Object.keys(this.conf.skills);
+        let skills = [];
+        for (let s of keys) {
+            const skill = this.conf.skills?.[s];
+            skills.push({value:s, name:skill.label})
+        }
+        return skills;
+    }
+
     getProficiency(token) {
-        const val = token.actor.data.data.attributes.prof;
+        const val = this.getActorData(token).attributes.prof;
         return (val >= 0) ? `+${val}` : val;
     }
 
@@ -119,6 +189,12 @@ export class dnd5e{
         return token.actor.effects.find(e => e.isTemporary === condition) != undefined;
     }
 
+    getConditionList() {
+        let conditions = [];
+        for (let c of CONFIG.statusEffects) conditions.push({value:c.id, name:game.i18n.localize(c.label)});
+        return conditions;
+    }
+
     async toggleCondition(token,condition) {
         if (condition == undefined) condition = 'removeAll';
         if (condition == 'removeAll'){
@@ -144,10 +220,20 @@ export class dnd5e{
         if (roll == 'ability') token.actor.rollAbilityTest(ability,options);
         else if (roll == 'save') token.actor.rollAbilitySave(save,options);
         else if (roll == 'skill') token.actor.rollSkill(skill,options);
-        else if (roll == 'initiative') token.actor.rollInitiative(options);
+        else if (roll == 'initiative') {
+            options.rerollInitiative = true;
+            token.actor.rollInitiative(options);
+        }
         else if (roll == 'deathSave') token.actor.rollDeathSave(options);
     }
 
+    getRollTypes() {
+        return [
+            {value:'initiative', name:'Initiative'},
+            {value:'deathSave', name:'Death Save'}
+        ]
+    }
+
     /**
      * Items
      */
@@ -159,7 +245,30 @@ export class dnd5e{
     }
 
     getItemUses(item) {
-        return {available: item.data.data.quantity};
+        return {available: this.getItemData(item).quantity};
+    }
+
+    getItemTypes() {
+        return [
+            {value:'weapon', name:'Weapons'},
+            {value:'equipment', name:'Equipment'},
+            {value:'consumable', name:'Consumables'},
+            {value:'tool', name:'Tools'},
+            {value:'backpack', name:'Containers'},
+            {value:'loot', name:'Loot'}
+        ]
+    }
+
+    getWeaponRollModes() {
+        return [
+            {value:'default', name:'Default'},
+            {value:'attack', name:'Attack'},
+            {value:'damage', name:'Damage'},
+            {value:'damageCrit', name:'Damage (Critical)'},
+            {value:'versatile', name:'Versatile'},
+            {value:'versatileCrit', name:'Versatile (Critical)'},
+            {value:'otherFormula', name:'Other Formula'}
+        ]
     }
 
     /**
@@ -168,34 +277,107 @@ export class dnd5e{
     getFeatures(token,featureType) {
         if (featureType == undefined) featureType = 'any';
         const allItems = token.actor.items;
+
         if (featureType == 'any')                   return allItems.filter(i => i.type == 'class' || i.type == 'feat')
+        else if (featureType == 'activeAbilities')  return allItems.filter(i => i.type == 'feat' && i.labels.featType == 'Action')
+        else if (featureType == 'passiveAbilities') return allItems.filter(i => i.type == 'feat' && i.labels.featType == 'Passive')
         else                                        return allItems.filter(i => i.type == featureType)
     }
 
     getFeatureUses(item) {
-        if (item.data.type == 'class') return {available: item.data.data.levels};
+        if (item.type == 'class') return {available: this.getItemData(item).levels};
         else return {
-            available: item.data.data.uses.value, 
-            maximum: item.data.data.uses.max
+            available: this.getItemData(item).uses.value, 
+            maximum: this.getItemData(item).uses.max
         };
     }
 
+    getFeatureTypes() {
+        return [
+            {value:'class', name:'Class'},
+            {value:'feat', name:'Abilities'},
+            {value:'activeAbilities', name:'Active Abilities'},
+            {value:'passiveAbilities', name:'Passive Abilities'}
+        ]
+    }
+
     /**
      * Spells
      */
-     getSpells(token,level) {
+     getSpells(token,level,type) {
         if (level == undefined) level = 'any';
+        if (type == undefined) type = 'any';
         const allItems = token.actor.items;
         if (level == 'any') return allItems.filter(i => i.type == 'spell')
-        else return allItems.filter(i => i.type == 'spell' && i.data.data.level == level)
+        else if (type == 'any') return allItems.filter(i => i.type == 'spell' && this.getItemData(i).level == level)
+        else if (type == 'prepared') return allItems.filter(i => i.type == 'spell' && this.getItemData(i).level == level && i.system.preparation.prepared == true)
+        else if (type == 'unprepared') return allItems.filter(i => i.type == 'spell' && this.getItemData(i).level == level && i.system.preparation.prepared == false)
     }
 
     getSpellUses(token,level,item) {
-        if (level == undefined) level = 'any';
-        if (item.data.data.level == 0) return;
+        if (level == undefined || level == 'any') level = this.getItemData(item).level;
+        if (this.getItemData(item).level == 0) return;
         return {
-            available: token.actor.data.data.spells?.[`spell${level}`].value,
-            maximum: token.actor.data.data.spells?.[`spell${level}`].max
+            available: this.getActorData(token).spells?.[`spell${level}`].value,
+            maximum: this.getActorData(token).spells?.[`spell${level}`].max
         }
     }
+
+    getSpellLevels() {
+        const keys = Object.keys(this.conf.spellLevels);
+        let levels = [];
+        for (let l of keys) levels.push({value:l, name:this.conf.spellLevels?.[l]});
+        return levels;
+    }
+
+    
+    getSpellTypes() {
+        return [
+            {value: 'prepared', name:'Prepared'},
+            {value: 'unprepared', name:'Unprepared'}
+        ]
+    }
+
+    rollItem(item, settings, rollOption, attackMode) {
+        let options = {
+            fastForward: rollOption != 'dialog',
+            advantage: rollOption == 'advantage',
+            disadvantage: rollOption == 'disadvantage'
+        }
+        if (settings.tokenMode == 'inventory' && settings.inventoryType == 'weapon') {
+            const mode = settings.weaponRollMode == 'default' ? attackMode : settings.weaponRollMode;
+            if (mode == 'attack') {
+                options.fastForward = true;
+                return item.rollAttack(options);
+            }
+            else if (mode == 'otherFormula') {
+                return item.rollFormula(options);
+            }
+            else if (mode != 'default' && mode != 'chat') {
+                options.fastForward = true;
+                return item.rollDamage({
+                    options,
+                    critical: (mode == 'damageCrit' || mode == 'versatileCrit'),
+                    versatile: (mode == 'versatile' || mode == 'versatileCrit')
+                });
+            }
+        }
+
+        item.use(options)
+    }
+
+    /**
+     * Ring Colors
+     */
+     getSkillRingColor(token, skill) {
+        const profLevel = this.getActorData(token).skills[skill]?.proficient;
+        if (profLevel == undefined) return;
+        return proficiencyColors?.[profLevel];
+    }
+
+    getSaveRingColor(token, save) {
+        const profLevel = this.getActorData(token).abilities[save]?.proficient;        
+        if (profLevel == undefined) return;
+        return proficiencyColors?.[profLevel];
+    }
 }

src/systems/forbidden-lands.js

@@ -0,0 +1,334 @@
+import { compatibleCore } from "../misc.js";
+
+export class forbiddenlands{
+    conf;
+
+    constructor(){
+        console.log("Material Deck: Using system 'Forbidden Lands'");
+        this.conf = CONFIG.fbl;
+    }
+
+    getActorData(token) {
+        return token.actor.system;
+    }
+
+    getItemData(item) {
+        return item.system;
+    }
+
+    getStatsList() {
+        return [
+            {value:'HP', name:'Strength'},
+            {value:'HPbox', name:'Strength (box)'},
+            {value:'Agility', name:'Agility'},
+            {value:'Wits', name:'Wits'},
+            {value:'Empathy', name:'Empathy'},
+            {value:'WillPower', name:'Will Power'},
+            {value:'AC', name:'Armor'},
+            {value:'Skill', name:'Skill'}
+        ]
+    }
+
+    getAttackModes() {
+        return [
+        ]
+    }
+
+    getOnClickList() {
+        return []
+    }
+
+    getHP(token) {
+        const hp = this.getActorData(token).attribute.strength;
+        return {
+            value: hp.value,
+            max: hp.max
+        }
+    }
+
+    getAgility(token) {
+        const agility = this.getActorData(token).attribute.agility;
+        return {
+            value: agility.value,
+            max: agility.max
+        }
+    }
+
+    getWits(token) {
+        const wits = this.getActorData(token).attribute.wits;
+        return {
+            value: wits.value,
+            max: wits.max
+        }
+    }
+
+    getEmpathy(token) {
+        const empathy = this.getActorData(token).attribute.empathy;
+        return {
+            value: empathy.value,
+            max: empathy.max
+        }
+    }
+
+    getWillPower(token) {
+        const wp = this.getActorData(token).bio.willpower;
+        return {
+            value: wp.value,
+            max: wp.max
+        }
+    }
+
+    getTempHP(token) {
+        return 0;
+    }
+
+    getAC(token) {
+        const totalArmor = token.actor.itemTypes.armor.reduce((sum, armor) => {
+			if (armor.itemProperties.part === "shield") return sum;
+			const value = armor.itemProperties.bonus.value;
+			return (sum += value);
+		}, 0);
+        return totalArmor;
+    }
+
+    getShieldHP(token) {
+        return;
+    }
+
+    getSpeed(token) {
+        return 1;
+    }
+
+    getInitiative(token) {
+        return 0;
+    }
+
+    toggleInitiative(token) {
+        return;
+    }
+
+    getPassivePerception(token) {
+        return 0;
+    }
+
+    getPassiveInvestigation(token) {
+        return;
+    }
+
+    getAbility(token, ability) {
+        if (ability == undefined) ability = 'strength';
+        return this.getActorData(token).attribute?.[ability].value;
+    } 
+
+    getAbilityModifier(token, ability) {
+        return;
+    }
+
+    getAbilitySave(token, ability) {
+        return this.getAbility(token, ability);
+    }
+
+    getAbilityList() {
+        const abilityList = this.conf.attributes;
+        let abilities = [];
+        for (let a of abilityList) abilities.push({value:a, name:a.charAt(0).toUpperCase() + a.slice(1)})
+        return abilities;
+    }
+
+    getSavesList() {
+        return this.getAbilityList();
+    }
+
+    getSkill(token, skill) {
+        if (skill == undefined) skill = 'might';
+        let skillComp = token.actor.sheet.getSkill(skill);
+        const val = skillComp.skill.value + skillComp.attribute.value;
+        return game.i18n.localize(skillComp.skill.label)+`-${val}`;
+    }
+
+    getSkillList() {
+        const keys = Object.keys(this.conf.skillAttributeMap);
+        let skills = [];
+        for (let s of keys) {
+            const nameArr = s.split('-');
+            let name = '';
+            for (let p of nameArr) name += p.charAt(0).toUpperCase() + p.slice(1) + ' ';
+            skills.push({value:s, name})
+        }
+        return skills;
+    }
+
+    getProficiency(token) {
+        return;
+    }
+
+    getConditionIcon(condition) {
+        if (condition == undefined) condition = 'removeAll';
+        if (condition == 'removeAll') return window.CONFIG.controlIcons.effects;
+        else return CONFIG.statusEffects.find(e => e.id === condition).icon;
+    }
+
+    getConditionActive(token,condition) {
+        if (condition == undefined) condition = 'removeAll';
+        return token.actor.effects.find(e => e.isTemporary === condition) != undefined;
+    }
+
+    async toggleCondition(token,condition) {
+        if (condition == undefined) condition = 'removeAll';
+        if (condition == 'removeAll'){
+            for( let effect of token.actor.effects)
+                await effect.delete();
+        }
+        else {
+            const effect = CONFIG.statusEffects.find(e => e.id === condition);
+            await token.toggleEffect(effect);
+        }
+        return true;
+    }
+
+    getConditionList() {
+        let conditions = [];
+        for (let c of CONFIG.statusEffects) conditions.push({value:c.id, name:game.i18n.localize(c.label)});
+        return conditions;
+    }
+
+    /**
+     * Roll
+     */
+     roll(token,roll,options,ability,skill,save) {
+        if (roll == undefined) roll = 'ability';
+        if (ability == undefined) ability = 'strength';
+        if (skill == undefined) skill = 'might';
+        if (save == undefined) save = 'strength';
+
+        if (roll == 'ability') token.actor.sheet.rollAttribute(ability);
+        else if (roll == 'save') token.actor.sheet.rollAttribute(save);
+        else if (roll == 'skill') token.actor.sheet.rollSkill(skill);
+        else if (roll == 'rollFood') token.actor.sheet.rollConsumable('food');
+        else if (roll == 'rollWater') token.actor.sheet.rollConsumable('water');
+        else if (roll == 'rollArrows') token.actor.sheet.rollConsumable('arrows');
+        else if (roll == 'rollTorches') token.actor.sheet.rollConsumable('torches');
+        else if (roll == 'rollArmor') token.actor.sheet.rollArmor();
+        else if (roll == 'monsterAttack') token.actor.sheet.rollAttack();
+        //else if (roll == 'initiative') token.actor.rollInitiative(options);
+    }
+
+    getRollTypes() {
+        return [
+            {value:'rollFood', name:'Roll Food'},
+            {value:'rollWater', name:'Roll Water'},
+            {value:'rollArrows', name:'Roll Arrows'},
+            {value:'rollTorches', name:'Roll Torches'},
+            {value:'rollArmor', name:'Roll Armor'},
+            {value:'monsterAttack', name:'Roll Monster Attack'}
+        ]
+    }
+
+    /**
+     * Items
+     */
+    getItems(token,itemType) {
+        if (itemType == undefined) itemType = 'any';
+        const allItems = token.actor.items;
+        if (itemType == 'any') return allItems.filter(i => i.type == 'weapon' || i.type == 'armor' || i.type == 'gear' || i.type == 'rawMaterial');
+        else if (token.actor.type == 'monster' && itemType == 'weapon')
+        {
+            return allItems.filter(i => i.type == 'monsterAttack');
+        }
+        return allItems.filter(i => i.type == itemType);
+    }
+
+    getItemUses(item) {
+        if (item.type == 'monsterAttack') return;
+        if (item.type == 'rawMaterial') return {available: this.getItemData(item).quantity};
+        return {available: this.getItemData(item).bonus.value,
+            maximum: this.getItemData(item).bonus.max};
+    }
+
+    getItemTypes() {
+        return [
+            {value:'armor', name: "Armour"},
+            {value:'gear', name: "Gear"},
+            {value:'weapon', name: "Weapons"},
+            {value:'rawMaterial', name: "Raw Material"}
+        ]
+    }
+
+    getWeaponRollModes() {
+        return []
+    }
+
+    /**
+     * Features
+     */
+    getFeatures(token,featureType) {
+        if (featureType == undefined) featureType = 'any';
+        const allItems = token.actor.items;
+        if (featureType == 'any') return allItems.filter(i => i.type == 'talent')
+        else return allItems.filter(i => i.type == featureType)
+    }
+
+    getFeatureUses(item) {
+        if (item.data.type == 'class') return {available: this.getItemData(item).levels};
+        else return {
+            available: this.getItemData(item).uses.value, 
+            maximum: this.getItemData(item).uses.max
+        };
+    }
+
+    getFeatureTypes() {
+        return []
+    }
+
+    /**
+     * Spells
+     */
+     getSpells(token,level,type) {
+        if (level == undefined) level = 'any';
+        const allItems = token.actor.items;
+        if (level == 'any') return allItems.filter(i => i.type == 'spell')
+        else return allItems.filter(i => i.type == 'spell' && this.getItemData(i).level == level)
+    }
+
+    getSpellUses(token,level,item) {
+        if (level == undefined) level = 'any';
+        if (this.getItemData(item).level == 0) return;
+        return {
+            available: this.getActorData(token).spells?.[`spell${level}`].value,
+            maximum: this.getActorData(token).spells?.[`spell${level}`].max
+        }
+    }
+
+    getSpellLevels() {
+        return [];
+    }
+
+    getSpellTypes() {
+        return [
+        ]
+    }
+
+    rollItem(item) {
+        const sheet = item.actor.sheet;
+        if (item.type === "armor")
+        return sheet.rollSpecificArmor(item.id);
+        else if (item.type === "weapon")
+        return sheet.rollGear(item.id);
+        else if (item.type === "spell")
+        return sheet.rollSpell(item.id);
+        else if (item.type === "monsterAttack")
+        sheet.rollSpecificAttack(item.id);
+        return item.sendToChat();
+    }
+
+    /**
+     * Ring Colors
+     */
+     getSkillRingColor(token, skill) {
+        return;
+    }
+
+    getSaveRingColor(token, save) {
+        return;        
+    }
+}

src/systems/pf2e.js

@@ -1,46 +1,117 @@
+import { otherControls } from "../../MaterialDeck.js";
 import { compatibleCore } from "../misc.js";
 
-export class pf2e{
-    constructor(){
+const limitedSheets = ['loot', 'vehicle'];
+const proficiencyColors = 
+{
+    untrained: "#424242",
+    trained: "#171F69",
+    expert: "#3C005E",
+    master: "#664400",
+    legendary: "#5E0000"
+};
 
+export class pf2e{
+    conf;
+
+    constructor(){
+        console.log("Material Deck: Using system 'Pathfinder 2e'");
+        this.conf = CONFIG.PF2E;
+    }
+
+    tokenSpellData = new Map();
+
+    getActorData(token) {
+        return token.actor.system;
+    }
+
+    getItemData(item) {
+        return item.system;
+    }
+
+    getStatsList() {
+        return [
+            {value:'HP', name:'HP'},
+            {value:'HPbox', name:'HP (box)'},
+            {value:'TempHP', name:'Temp HP'},
+            {value:'AC', name:'AC'},
+            {value:'ShieldHP', name:'Shield HP'},
+            {value:'Speed', name:'Speed'},
+            {value:'Init', name:'Initiative'},
+            {value:'Ability', name:'Ability Score'},
+            {value:'AbilityMod', name:'Ability Score Modifier'},
+            {value:'Save', name:'Saving Throw Modifier'},
+            {value:'Skill', name:'Skill Modifier'},
+            {value:'Prof', name:'Proficiency'},
+            {value:'Condition', name: 'Condition'},
+            {value:'Perception', name: 'Perception'}
+        ]
+    }
+
+    getAttackModes() {
+        return [
+        ]
+    }
+
+    getOnClickList() {
+        return []
     }
 
     getHP(token) {
-        const hp = token.actor.data.data.attributes.hp;
+        const hp = token.actor.attributes?.hp;
         return {
-            value: hp.value,
-            max: hp.max
+            value: (hp?.value == null) ? 0 : hp.value,
+            max: (hp?.max == null) ? 0 : hp.max
         }
     }
 
     getTempHP(token) {
-        const hp = token.actor.data.data.attributes.hp;
+        const hp = token.actor.attributes?.hp;
         return {
-            value: (hp.temp == null) ? 0 : hp.temp,
-            max: (hp.tempmax == null) ? 0 : hp.tempmax
+            value: (hp?.temp == null) ? 0 : hp.temp,
+            max: (hp?.tempmax == null) ? 0 : hp.tempmax
         }
     }
 
     getAC(token) {
-        return token.actor.data.data.attributes.ac.value;
+        const ac = token.actor.attributes?.ac;
+        return (ac?.value == null) ? 10 : ac?.value;
     }
 
     getShieldHP(token) {
-        return token.actor.data.data.attributes.shield.value;
+        const shieldhp = token.actor.attributes.shield
+        return (shieldhp?.value == null) ? 0 : shieldhp?.value;
     }
 
     getSpeed(token) {
-        let speed = token.actor.data.data.attributes.speed.breakdown;
-        const otherSpeeds = token.actor.data.data.attributes.speed.otherSpeeds;
+        if (this.isLimitedSheet(token.actor) || token.actor.type == 'hazard') {
+            if (token.actor.type == 'vehicle') {
+                return this.getActorData(token).details.speed;
+            } else return '';
+        }
+        let speed = `${token.actor.attributes.speed?.total}'`;
+        const otherSpeeds = token.actor.attributes.speed?.otherSpeeds;
         if (otherSpeeds.length > 0)
-            for (let i=0; i<otherSpeeds.length; i++)
-                speed += `\n${otherSpeeds[i].type}: ${otherSpeeds[i].value}`;    
+            for (let os of otherSpeeds) 
+                 speed += `\n${os.type} ${os.total}'`;    
         return speed;
     }
 
     getInitiative(token) {
-        let initiative = token.actor.data.data.attributes.init.value;
-        return (initiative >= 0) ? `+${initiative}` : initiative;
+        if (this.isLimitedSheet(token.actor) || token.actor.type == 'familiar') return '';
+        if (token.actor.type == 'hazard') {
+            let initiative = token.actor.attributes?.stealth?.value;
+            return `Init: Stealth (${initiative})`; 
+        }
+        let initiative = token.actor.attributes.initiative;
+        let initiativeModifier = initiative?.totalModifier;
+        let initiativeLabel = initiative?.label.replace('iative',''); //Initiative is too long for the button
+        if (initiativeModifier > 0) {
+            initiativeModifier = `+${initiativeModifier}`;
+        } else {
+            initiativeModifier = this.getPerception(token); //NPCs won't have a valid Initiative value, so default to use Perception
+        } 
+        return `${initiativeLabel} (${initiativeModifier})`;
     }
 
     toggleInitiative(token) {
@@ -55,54 +126,162 @@ export class pf2e{
         return;
     }
 
+    getPerception(token) {
+        if (this.isLimitedSheet(token.actor) || token.actor.type == 'hazard') return '';
+        let perception = token.actor.attributes.perception?.totalModifier;
+        return (perception >= 0) ? `+${perception}` : perception;
+    }
+
     getAbility(token, ability) {
+        if (this.isLimitedSheet(token.actor) || token.actor.type == 'familiar') return '';
         if (ability == undefined) ability = 'str';
-        return token.actor.data.data.abilities?.[ability].value;
+        return token.actor.abilities?.[ability]?.value;
     } 
 
     getAbilityModifier(token, ability) {
+        if (this.isLimitedSheet(token.actor) || token.actor.type == 'hazard' || token.actor.type == 'familiar') return '';
         if (ability == undefined) ability = 'str';
-        let val = token.actor.data.data.abilities?.[ability].mod;
+        let val = token.actor.abilities?.[ability]?.mod;
         return (val >= 0) ? `+${val}` : val;
     }
 
     getAbilitySave(token, ability) {
-        if (ability == undefined) ability = 'fortitude';
-        else if (ability == 'fort') ability = 'fortitude';
-        else if (ability == 'ref') ability = 'reflex';
-        else if (ability == 'will') ability = 'will';
-        let val = token.actor.data.data.saves?.[ability].value;
+        if (ability == undefined) return 'fortitude';
+        //ability = this.fixSave(ability);
+        const save = this.findSave(token, ability);
+        if (save == undefined) return '';
+        let val = save?.value;
         return (val >= 0) ? `+${val}` : val;
     }
 
+    getAbilityList() {
+        const keys = Object.keys(this.conf.abilities);
+        let abilities = [];
+        for (let k of keys) abilities.push({value:k, name:game.i18n.localize(this.conf.abilities?.[k])})
+        return abilities;
+    }
+
+    findSave(token, ability) {
+        if (this.isLimitedSheet(token.actor)) return;
+        return this.getActorData(token).saves?.[ability];
+    }
+
+    /*
+    fixSave(ability) {
+        if (ability == undefined) return 'fortitude';
+        else if (ability == 'fort') return 'fortitude';
+        else if (ability == 'ref') return 'reflex';
+        else if (ability == 'will') return 'will';
+    }
+    */
+
+    getSavesList() {
+        const keys = Object.keys(this.conf.saves);
+        let saves = [];
+        for (let k of keys) saves.push({value:k, name:game.i18n.localize(this.conf.saves?.[k])})
+        return saves;
+    }
+
     getSkill(token, skill) {
-        if (skill == undefined) skill = 'acr';
-        const val = token.actor.data.data.skills?.[skill].totalModifier;
+        const tokenSkill = this.findSkill(token, skill);
+        if (tokenSkill == undefined) return '';
+        
+        if (skill.startsWith('lor')) {
+            return `${tokenSkill.name}: +${tokenSkill.totalModifier}`;
+        }
+
+        const val = tokenSkill.totalModifier;
         return (val >= 0) ? `+${val}` : val;
     }
 
+    findSkill(token, skill) {
+        if (this.isLimitedSheet(token.actor)) return;
+        if (skill == undefined) skill = 'acr';
+        if (skill.startsWith('lor')) {
+            const index = parseInt(skill.split('_')[1])-1;
+            const loreSkills = this.getLoreSkills(token);
+            if (loreSkills.length > index) {
+                return loreSkills[index];
+            } else {
+                return;
+            }
+        }
+        return this.getActorData(token).skills?.[skill];
+    }
+
+    getSkillList() {
+        const keys = Object.keys(this.conf.skills);
+        let skills = [];
+        for (let s of keys) {
+            skills.push({value:s, name:game.i18n.localize(this.conf.skills?.[s])})
+        }
+        for (let i=1; i<4; i++) skills.push({value:`lor_${i}`, name: `${game.i18n.localize(this.conf.skillList.lore)} #${i}`})
+        return skills;
+    }
+
+    getLoreSkills(token) {
+        if (this.isLimitedSheet(token.actor)) return [];
+        const skills = this.getActorData(token).skills;
+        return Object.keys(skills).map(key => skills[key]).filter(s => s.lore == true);
+    }
+
     getProficiency(token) {
         return;
     }
 
     getCondition(token,condition) {
         if (condition == undefined || condition == 'removeAll') return undefined;
-        const Condition = condition.charAt(0).toUpperCase() + condition.slice(1);
+        const Condition = this.getConditionName(condition);
         const effects = token.actor.items.filter(i => i.type == 'condition');
-        return effects.find(e => e.name === Condition);
+        return effects.find(e => e.name.split(' ')[0] === Condition);
     }
 
     getConditionIcon(condition) {
         if (condition == undefined) condition = 'removeAll';
         if (condition == 'removeAll') return window.CONFIG.controlIcons.effects;
-        else return `${CONFIG.PF2E.statusEffects.effectsIconFolder}${condition}.webp`;
+        else return `${CONFIG.PF2E.statusEffects.iconDir}${condition}.webp`;
     }
 
     getConditionActive(token,condition) {
         return this.getCondition(token,condition) != undefined;
     }
 
+    getConditionValue(token,condition) {
+        const effect = this.getCondition(token, condition);
+        if (effect != undefined && effect?.value != null) return effect;
+    }
+
+    async modifyConditionValue(token,condition,delta) {
+        if (condition == undefined) condition = 'removeAll';
+        if (condition == 'removeAll'){
+            for( let effect of token.actor.items.filter(i => i.type == 'condition'))
+                await effect.delete();
+        } else {
+            const effect = this.getConditionValue(token,condition);
+            if (effect == undefined) {
+                if (delta > 0) {
+                    const newEffect = game.pf2e.ConditionManager.conditions.get(condition).toObject();
+                    await token.actor?.createEmbeddedDocuments("Item", [newEffect]);
+                }
+            } else {
+                try {
+                    await game.pf2e.ConditionManager.updateConditionValue(effect.id, token, effect.value+delta);                                
+                } catch (error) {
+                    //Do nothing. updateConditionValue will have an error about 'documentData is not iterable' when called from an NPC token. 
+                }
+            }
+        }
+        return true;
+    }
+
+    getConditionName(condition) {
+        if ("flatFooted" == condition) {
+            return 'Flat-Footed'; //An inconsistency has been introduced on the PF2E system. The icon is still using 'flatFooted' as the name, but the condition in the manager has been renamed to 'Flat-Footed'
+        } else return condition.charAt(0).toUpperCase() + condition.slice(1);
+    }
+
     async toggleCondition(token,condition) {
+        console.log(token,condition)
         if (condition == undefined) condition = 'removeAll';
         if (condition == 'removeAll'){
             for( let effect of token.actor.items.filter(i => i.type == 'condition'))
@@ -110,11 +289,10 @@ export class pf2e{
         }
         else {
             const effect = this.getCondition(token,condition);
+            console.log('eff',effect)
             if (effect == undefined) {
-                const Condition = condition.charAt(0).toUpperCase() + condition.slice(1);
-                const newCondition = game.pf2e.ConditionManager.getCondition(Condition);
-                newCondition.data.sources.hud = !0,
-                await game.pf2e.ConditionManager.addConditionToToken(newCondition, token);
+                const newEffect = game.pf2e.ConditionManager.conditions.get(condition).toObject();
+                await token.actor?.createEmbeddedDocuments("Item", [newEffect]);
             }
             else {
                 effect.delete();
@@ -123,73 +301,357 @@ export class pf2e{
         return true;
     }
 
+    getConditionList() {
+        let conditions = [];
+        for (let c of CONFIG.statusEffects) conditions.push({value:c.id, name:game.i18n.localize(c.label)});
+        return conditions;
+    }
+
     /**
      * Roll
      */
      roll(token,roll,options,ability,skill,save) {
-        if (roll == undefined) roll = 'ability';
+        if (this.isLimitedSheet(token.actor)) return;
+        options.skipDialog = true;
+        if (roll == undefined) roll = 'skill';
         if (ability == undefined) ability = 'str';
         if (skill == undefined) skill = 'acr';
         if (save == undefined) save = 'fort';
+        if (roll == 'perception') {
+            this.checkRoll(`Perception Check`, token.actor.perception, 'perception-check', token.actor);
+        }
+        if (roll == 'initiative') {
+            token.actor.rollInitiative({createCombatants:true, initiativeOptions: {skipDialog: true}});
+        }
             
-        if (roll == 'ability') token.actor.data.data.abilities?.[ability].roll(options);
+        if (roll == 'ability') return; //Ability Checks are not supported in pf2e
         else if (roll == 'save') {
             let ability = save;
             if (ability == 'fort') ability = 'fortitude';
             else if (ability == 'ref') ability = 'reflex';
             else if (ability == 'will') ability = 'will';
-            token.actor.data.data.saves?.[ability].roll(options);
+            if (token.actor.type == 'hazard' && ability == 'will') return; //Hazards don't have Will saves
+            let abilityName = ability.charAt(0).toUpperCase() + ability.slice(1);
+            this.checkRoll(`${abilityName} Saving Throw`, token.actor.saves?.[ability], 'saving-throw', token.actor);
         }
-        else if (roll == 'skill') token.actor.data.data.skills?.[skill].roll(options);
+        else if (roll == 'skill') {
+            if (skill.startsWith('lor')) {
+                const index = parseInt(skill.split('_')[1])-1;
+                const loreSkills = this.getLoreSkills(token);
+                if (loreSkills.length > index) {
+                    let loreSkill = loreSkills[index];
+                    skill = loreSkill.shortform == undefined? loreSkills[index].expanded : loreSkills[index].shortform;
+                } else {
+                    return;
+                }
+            }
+            let skillName = this.getActorData(token).skills?.[skill].name;
+            skillName = skillName.charAt(0).toUpperCase() + skillName.slice(1);
+            this.checkRoll(`Skill Check: ${skillName}`, token.actor.skills?.[skill], 'skill-check', token.actor);
+        }
+    }
+
+    checkRoll(checkLabel,stat,type,actor) {
+        let checkModifier = new game.pf2e.CheckModifier(checkLabel, stat);
+        game.pf2e.Check.roll(checkModifier, {type:type, actor: actor, skipDialog: true}, null);
+    }
+
+    getRollTypes() {
+        return [
+            {value:'initiative', name:'Initiative'},
+            {value:'perception', name:'Perception'}
+        ]
     }
 
     /**
      * Items
      */
     getItems(token,itemType) {
+        if (this.isLimitedSheet(token.actor)) return [];
         if (itemType == undefined) itemType = 'any';
         const allItems = token.actor.items;
         if (itemType == 'any') return allItems.filter(i => i.type == 'weapon' || i.type == 'equipment' || i.type == 'consumable' || i.type == 'loot' || i.type == 'container');
+        if (itemType == 'weapon') return allItems.filter(i => i.type == 'weapon' || i.type == 'melee')  //Include melee actions for NPCs without equipment
         else return allItems.filter(i => i.type == itemType);
     }
 
     getItemUses(item) {
-        return {available: item.data.data.quantity.value};
+        return {available: item.quantity};
+    }
+
+    getItemTypes() {
+        return [
+            {value:'weapon', name:'Weapons'},
+            {value:'armor', name:'Armor'},
+            {value:'equipment', name:'Equipment'},
+            {value:'consumable', name:'Consumables'},
+            {value:'treasure', name:'Treasure'}
+        ]
+    }
+
+    getWeaponRollModes() {
+        return []
     }
     
     /**
      * Features
      */
      getFeatures(token,featureType) {
+        if (this.isLimitedSheet(token.actor)) return [];
         if (featureType == undefined) featureType = 'any';
         const allItems = token.actor.items;
-        if (featureType == 'any') return allItems.filter(i => i.type == 'class' || i.type == 'feat')
+        if (featureType == 'any') return allItems.filter(i => i.type == 'ancestry' || i.type == 'background' || i.type == 'class' || i.type == 'feat' || i.type == 'action' || i.type == 'heritage' || i.type == 'deity' || i.type == '');
+        if (featureType == 'feat-any') return allItems.filter(i => i.type == 'feat');
+        if (featureType == 'ancestryfeature') return allItems.filter(i => i.type == 'feat' && i.featType == 'ancestryfeature');
+        if (featureType == 'classfeature') return allItems.filter(i => i.type == 'feat' && i.featType == 'classfeature');
+        if (featureType == 'feat-anc') return allItems.filter(i => i.type == 'feat' && i.featType == 'ancestry');
+        if (featureType == 'feat-arc') return allItems.filter(i => i.type == 'feat' && i.featType == 'archetype' && i.name.indexOf('Dedication') < 0);
+        if (featureType == 'feat-ded') return allItems.filter(i => i.type == 'feat' && i.featType == 'archetype' && i.name.indexOf('Dedication') > 0);
+        if (featureType == 'feat-cla') return allItems.filter(i => i.type == 'feat' && i.featType == 'class');
+        if (featureType == 'feat-gen') return allItems.filter(i => i.type == 'feat' && i.featType == 'general');
+        if (featureType == 'feat-ski') return allItems.filter(i => i.type == 'feat' && i.featType == 'skill');
+        if (featureType == 'action-any') return allItems.filter(i => i.type == 'action');
+        if (featureType == 'action-def') return allItems.filter(i => i.type == 'action' && this.getItemData(i).actionCategory?.value == 'defensive');
+        if (featureType == 'action-int') return allItems.filter(i => i.type == 'action' && this.getItemData(i).actionCategory?.value == 'interaction');
+        if (featureType == 'action-off') return allItems.filter(i => i.type == 'action' && this.getItemData(i).actionCategory?.value == 'offensive');
+        if (featureType == 'strike') { //Strikes are not in the actor.items collection
+            if (token.actor.type == 'hazard' || token.actor.type == 'familiar') {
+                return allItems.filter(i => i.type == 'melee' || i.type == 'ranged');
+            }
+            let actions = this.getActorData(token).actions?.filter(a=>a.type == 'strike');
+            for (let a of actions) {
+                a.img = a.imageUrl;
+                a.data = {
+                    sort: 1
+                };
+            }
+            return actions;
+        }
         else return allItems.filter(i => i.type == featureType)
     }
 
     getFeatureUses(item) {
-        if (item.data.type == 'class') return {available: item.actor.data.data.details.level.value};
+        if (item.data.type == 'class') return {available: item.parent.data.data.details.level.value};
         else return;
     }
 
+    getFeatureTypes() {
+        return [
+            {value:'ancestry', name:'Ancestry'},
+            {value:'ancestryfeature', name:'Ancestry Feature'},
+            {value:'heritage', name: 'Heritage'},
+            {value:'background', name: 'Background'},
+            {value:'class', name:'Class'},
+            {value:'classfeature', name:'Class Feature'},
+            {value:'deity', name: 'Deity'},
+            {value:'feat-any', name:'Feats - Any'},
+            {value:'feat-anc', name:'Feats - Ancestry'},
+            {value:'feat-arc', name: 'Feats - Archetype'},
+            {value:'feat-ded', name: 'Feats - Dedication'},
+            {value:'feat-cla', name: 'Feats - Class'},
+            {value:'feat-gen', name: 'Feats - General'},
+            {value:'feat-ski', name: 'Feats - Skill'},
+            {value:'action-any', name:'Actions - Any'},
+            {value:'action-def', name:'Actions - Defensive'},
+            {value:'action-int', name:'Actions - Interaction'},
+            {value:'action-off', name:'Actions - Offensive'},
+            {value:'strike', name:'Strikes'}
+        ]
+    }
+
     /**
      * Spells
      */
-    getSpells(token,level) {
+    buildSpellData(token) {
+        let spellData = [[],[],[],[],[],[],[],[],[],[],[],[]];
+        let spellcastingEntries = token.actor.spellcasting;
+        const actorLevel = this.getActorData(token).details.level.value;
+        spellcastingEntries.forEach(spellCastingEntry => {
+            let highestSpellSlot = Math.ceil(actorLevel/2);
+            while (spellCastingEntry.data.data.slots?.[`slot${highestSpellSlot}`]?.max <= 0) highestSpellSlot--;
+            //Prepared (not flexible)
+            if (spellCastingEntry.data.data.prepared?.value == 'prepared' && !spellCastingEntry?.data.data?.prepared?.flexible == true) {
+                for (let slotLevel = 0; slotLevel < 11; slotLevel++) {
+                    for (let slot = 0; slot < spellCastingEntry.data.data.slots?.[`slot${slotLevel}`].max; slot++) {
+                        let spellId = spellCastingEntry.data.data.slots?.[`slot${slotLevel}`].prepared?.[slot].id;
+                        let spell = spellCastingEntry.spells.get(spellId);
+                        if (spellId != null) {
+                            spellData[slotLevel].push(spell);
+                        }
+                    }
+                }
+            } else {
+                spellCastingEntry.spells.forEach( ses => {
+                    if ((spellCastingEntry.data.data.prepared.value == 'spontaneous' || spellCastingEntry.data.data.prepared?.flexible == true) && ses.data.data.location.signature == true) {
+                        let baseLevel = this.getSpellLevel(ses);
+                        for (let level = baseLevel; level <= highestSpellSlot; level++) {
+                            spellData[level].push(ses);
+                        }
+                    } else {
+                        spellData[this.getSpellLevel(ses)].push(ses);
+                    }
+                });
+            }
+        });
+        this.tokenSpellData.set(token.id,  {spellData: spellData, timeStamp: Date.now()});
+        return spellData;
+    }
+
+    getSpellData(token) {
+        let existingSpellData = this.tokenSpellData.get(token.id);
+        if (existingSpellData == undefined) return this.buildSpellData(token);
+        let milisSinceCreation = Date.now() - existingSpellData.timeStamp;
+        if (milisSinceCreation > 10000) {
+            this.tokenSpellData.delete(token.id);
+            return this.buildSpellData(token);
+        }
+        return existingSpellData.spellData;
+    }
+
+    getSpellLevel(spell) {
+        if (spell.isFocusSpell == true) return 11;
+        if (spell.isCantrip == true) return 0;
+        return spell.level;
+    }
+
+    getSpells(token,level,type) {
+        if (this.isLimitedSheet(token.actor)) return '';
         if (level == undefined) level = 'any';
-        const allItems = token.actor.items;
-        if (level == 'any') return allItems.filter(i => i.type == 'spell')
-        else return allItems.filter(i => i.type == 'spell' && i.data.data.level.value == level)
+        let spellData = this.getSpellData(token);
+
+        if (level == 'f') return this.getUniqueSpells(spellData[11]);
+        if (level == 'any') return this.getUniqueSpells(spellData.flat());
+        return this.getUniqueSpells(spellData[level]);
+    }
+
+    getUniqueSpells(spells) {
+        return Array.from(new Set(spells));
     }
 
     getSpellUses(token,level,item) {
-        if (level == undefined) level = 'any';
-        if (item.data.data.level.value == 0) return;
-        const spellbook = token.actor.items.filter(i => i.data.type === 'spellcastingEntry')[0];
+        if (this.isLimitedSheet(token.actor)) return '';
+        if (level == undefined || level == 'any') level = item.level;
+        if (item.isCantrip == true) return;
+        if (item.isFocusSpell == true) return {
+            available: this.getActorData(token).resources.focus.value,
+            maximum: this.getActorData(token).resources.focus.max
+        }
+        const spellbook = this.findSpellcastingEntry(token.actor, item);
         if (spellbook == undefined) return;
+        if (spellbook.data.data.prepared.value == 'innate') {
+            return {
+                available: this.getItemData(item).location.uses.value,
+                maximum: this.getItemData(item).location.uses.max
+            }
+        }
+        if (spellbook.data.data.prepared.value == 'prepared') {
+            if (!spellbook.data.data.prepared?.flexible == true) {
+                let slotsExpended = 0;
+                let slotsPrepared = 0;
+                for (let slot = 0; slot < spellbook.data.data.slots?.[`slot${level}`].max; slot++) {
+                    let slotEntry = spellbook.data.data.slots?.[`slot${level}`].prepared?.[slot];
+                    if (slotEntry.id == item.id) {
+                        slotsPrepared++;
+                        if (slotEntry?.expended == true) {
+                            slotsExpended++;
+                        }
+                    }
+                }
+                return {
+                    available: slotsPrepared - slotsExpended,
+                    maximum: slotsPrepared
+                }
+            }
+        }
         return {
             available: spellbook.data.data.slots?.[`slot${level}`].value,
             maximum: spellbook.data.data.slots?.[`slot${level}`].max
         }
     }
+
+    findSpellcastingEntry(actor, spell) {
+        let spellcastingEntries = actor.spellcasting;
+        let result;
+        spellcastingEntries.forEach(spellCastingEntry => {
+            if (spellCastingEntry.spells.get(spell.id) != undefined) {
+                result = spellCastingEntry;
+            }
+        });
+        return result;
+    }
+
+    getSpellLevels() {
+        const keys = Object.keys(this.conf.spellLevels);
+        let levels = [
+            {value:'f', name: game.i18n.localize("PF2E.SpellCategoryFocus")},
+            {value:'0', name: game.i18n.localize("PF2E.SpellCantripLabel")}
+        ];
+        for (let l of keys) levels.push({value:l, name:game.i18n.localize(this.conf.spellLevels?.[l])});
+        return levels;
+    }
+
+    getSpellTypes() {
+        return [
+        ]
+    }
+
+    rollItem(item, settings) {
+        let variant = 0;
+        if (otherControls.rollOption == 'map1') variant = 1;
+        if (otherControls.rollOption == 'map2') variant = 2;
+        if (item?.parent?.type == 'hazard' && item.type==='melee') return item.rollNPCAttack({}, variant+1);
+        if (item.type==='strike') return item.variants[variant].roll({event});
+        if (item?.parent?.type !== 'hazard' && (item.type==='weapon' || item.type==='melee')) return item.parent.data.data.actions.find(a=>a.name===item.name).variants[variant].roll({event});
+        if (item.type === 'spell') {
+            const spellbook = this.findSpellcastingEntry(item.parent, item);
+            if (spellbook != undefined) {
+                let spellLvl = item.level;
+                if (settings.spellType == 'f' || settings.spellType == '0') {
+                    const actorLevel = item.parent.data.data.details.level.value;
+                    spellLvl =  Math.ceil(actorLevel/2);
+                } else if (settings.spellType != 'any') {
+                    spellLvl = settings.spellType;
+                }
+                if (spellbook.data.data.prepared.value == 'prepared' && !spellbook.data.data.prepared?.flexible == true) {
+                    for (let slotId = 0; slotId < spellbook.data.data.slots?.[`slot${spellLvl}`].max; slotId++) {
+                        let slotEntry = spellbook.data.data.slots?.[`slot${spellLvl}`].prepared?.[slotId];
+                        if (slotEntry.id == item.id) {
+                            if (!slotEntry?.expended == true) {
+                                return spellbook.cast(item, {slot: slotId, level: spellLvl});
+                            }
+                        }
+                    }
+                } else {
+                    return spellbook.cast(item, { level: spellLvl});
+                }
+            }
+        }
+        return game.pf2e.rollItemMacro(item.id);
+    }
+
+    isLimitedSheet(actor) {
+        return limitedSheets.includes(actor.type);
+    }
+
+    /**
+    * Ring Colors
+    */
+    getSkillRingColor(token, skill) {
+        return this.getRingColor(this.findSkill(token, skill));
+    }
+
+    getSaveRingColor(token, save) {
+        //save = this.fixSave(save);
+        return this.getRingColor(this.findSave(token, save));
+    }
+
+    getRingColor(stat) {
+        if (stat == undefined) return;
+        let statModifiers = stat?.modifiers || stat?._modifiers;
+        const profLevel = statModifiers?.find(m => m.type == 'proficiency')?.slug;
+        if (profLevel != undefined) {
+            return proficiencyColors?.[profLevel];
+        }
+        return;
+    }
 }

src/systems/starfinder.js

@@ -0,0 +1,362 @@
+import { compatibleCore } from "../misc.js";
+
+const proficiencyColors = {
+    0: "#000000",
+    0.5: "#804A00",
+    1: "#C0C0C0",
+    2: "#FFD700"
+}
+
+export class starfinder{
+    conf;
+
+    constructor(){
+        console.log("Material Deck: Using system 'Starfinder'");
+        this.conf = CONFIG.SFRPG;
+    }
+
+    getActorData(token) {
+        return token.actor.system;
+    }
+
+    getItemData(item) {
+        return item.system;
+    }
+
+    getStatsList() {
+        return [
+            {value:'HP', name:'HP'},
+            {value:'HPbox', name:'HP (box)'},
+            {value:'Stamina', name:'Stamina'},
+            {value:'AC', name:'Energy AC'},
+            {value:'KinAC', name:'Kinetic AC'},
+            {value:'Speed', name:'Speed'},
+            {value:'Init', name:'Initiative'},
+            {value:'Ability', name:'Ability Score'},
+            {value:'AbilityMod', name:'Ability Score Modifier'},
+            {value:'Save', name:'Saving Throw Modifier'},
+            {value:'Skill', name:'Skill Modifier'}
+        ]
+    }
+
+    getAttackModes() {
+        return [
+        ]
+    }
+
+    getOnClickList() {
+        return []
+    }
+
+    getHP(token) {
+        const hp = this.getActorData(token).attributes.hp;
+        return {
+            value: hp.value,
+            max: hp.max
+        }
+    }
+
+    getTempHP(token) {
+        return;
+    }
+
+    getStamina(token) {
+        const stamina = this.getActorData(token).attributes.sp;
+        return {
+            value: stamina.value,
+            max: stamina.max
+        }
+    }
+
+    getAC(token) {
+        return this.getActorData(token).attributes.eac.value;
+    }
+
+    getKinAC(token) {
+        return this.getActorData(token).attributes.kac.value;
+    }
+
+    getShieldHP(token) {
+        return;
+    }
+
+    getSpeed(token) {
+        const movement = this.getActorData(token).attributes.speed;
+        let speed = "";
+        if (movement.burrowing.value > 0) speed += `Burrow: ${movement.burrowing.value}Ft`;
+        if (movement.climbing.value > 0) {
+            if (speed.length > 0) speed += '\n';
+            speed += `Climb: ${movement.climbing.value}Ft`;
+        }
+        if (movement.flying.value > 0) {
+            if (speed.length > 0) speed += '\n';
+            speed += `Fly: ${movement.flying.value}Ft`;
+        }
+        if (movement.land.value > 0) {
+            if (speed.length > 0) speed += '\n';
+            speed += `Land: ${movement.land.value}Ft`;
+        }
+        if (movement.swimming.value > 0) {
+            if (speed.length > 0) speed += '\n';
+            speed += `Swim: ${movement.swimming.value}Ft`;
+        }
+        return speed;
+    }
+
+    getInitiative(token) {
+        let initiative = this.getActorData(token).attributes.init.total;
+        return (initiative >= 0) ? `+${initiative}` : initiative;
+    }
+
+    toggleInitiative(token) {
+        return;
+    }
+
+    getPassivePerception(token) {
+        return;
+    }
+
+    getPassiveInvestigation(token) {
+        return;
+    }
+
+    getAbility(token, ability) {
+        if (ability == undefined) ability = 'str';
+        return this.getActorData(token).abilities?.[ability].value;
+    } 
+
+    getAbilityModifier(token, ability) {
+        if (ability == undefined) ability = 'str';
+        let val = this.getActorData(token).abilities?.[ability].mod;
+        return (val >= 0) ? `+${val}` : val;
+    }
+
+    getAbilitySave(token, ability) {
+        if (ability == undefined) ability = 'fort';
+        else if (ability == 'ref') ability = 'reflex';
+        let val = this.getActorData(token).attributes?.[ability].bonus;
+        return (val >= 0) ? `+${val}` : val;
+    }
+
+    getAbilityList() {
+        const keys = Object.keys(this.conf.abilities);
+        let abilities = [];
+        for (let k of keys) abilities.push({value:k, name:this.conf.abilities?.[k]})
+        return abilities;
+    }
+
+    getSavesList() {
+        const keys = Object.keys(this.conf.saves);
+        let saves = [];
+        for (let k of keys) saves.push({value:k, name:this.conf.saves?.[k]})
+        return saves;
+    }
+
+    getSkill(token, skill) {
+        if (skill == undefined) skill = 'acr';
+        const val = this.getActorData(token).skills?.[skill].mod;
+        return (val >= 0) ? `+${val}` : val;
+    }
+
+    getSkillList() {
+        const keys = Object.keys(this.conf.skills);
+        let skills = [];
+        for (let s of keys) {
+            const skill = this.conf.skills?.[s];
+            skills.push({value:s, name:skill.label})
+        }
+        return skills;
+    }
+
+    getProficiency(token) {
+        return;
+    }
+
+    getConditionIcon(condition) {
+        if (condition == undefined) condition = 'removeAll';
+        if (condition == 'removeAll') return window.CONFIG.controlIcons.effects;
+        else return CONFIG.statusEffects.find(e => e.id === condition).icon;
+    }
+
+    getConditionActive(token,condition) {
+        if (condition == undefined) condition = 'removeAll';
+        return token.actor.effects.find(e => e.isTemporary === condition) != undefined;
+    }
+
+    async toggleCondition(token,condition) {
+        if (condition == undefined) condition = 'removeAll';
+        if (condition == 'removeAll'){
+            for( let effect of token.actor.effects)
+                await effect.delete();
+        }
+        else {
+            if (this.getConditionActive(token,condition)) token.actor.setCondition(condition,false);
+            else token.actor.setCondition(condition,true);
+        }
+        return true;
+    }
+
+    getConditionList() {
+        let conditions = [];
+        for (let c of CONFIG.statusEffects) conditions.push({value:c.id, name:c.label});
+        return conditions;
+    }
+
+    /**
+     * Roll
+     */
+     roll(token,roll,options,ability,skill,save) {
+        if (roll == undefined) roll = 'ability';
+        if (ability == undefined) ability = 'str';
+        if (skill == undefined) skill = 'acr';
+        if (save == undefined) save = 'str';
+
+        if (roll == 'ability') token.actor.rollAbilityTest(ability,options);
+        else if (roll == 'save') token.actor.rollAbilitySave(save,options);
+        else if (roll == 'skill') token.actor.rollSkill(skill,options);
+        else if (roll == 'initiative') {
+            options.rerollInitiative = true;
+            token.actor.rollInitiative(options);
+        }
+        else if (roll == 'deathSave') token.actor.rollDeathSave(options);
+    }
+
+    getRollTypes() {
+        return [
+            {value:'initiative', name:'Initiative'},
+            {value:'deathSave', name:'Death Save'}
+        ]
+    }
+
+    /**
+     * Items
+     */
+    getItems(token,itemType) {
+        if (itemType == undefined) itemType = 'any';
+        const allItems = token.actor.items;
+        if (itemType == 'any') return allItems.filter(i => i.type == 'weapon' || i.type == 'shield' || i.type == 'equipment' || i.type == 'consumable' || i.type == 'goods' || i.type == 'container' || i.type == 'technological' || i.type == 'fusion' || i.type == 'upgrade' || i.type == 'weaponAccessory' || i.type == 'augmentation');
+        else if (itemType == 'enhancers') return allItems.filter(i => i.type == 'fusion' || i.type == 'upgrade' || i.type == 'weaponAccessory');
+        else return allItems.filter(i => i.type == itemType);
+    }
+
+    getItemUses(item) {
+        return {available: this.getItemData(item).quantity};
+    }
+
+    getItemTypes() {
+        return [
+            {value:'weapon', name:'Weapons'},
+            {value:'shield', name:'Shields'},
+            {value:'equipment', name:'Armor'},
+            {value:'ammunition', name:'Ammunition'},
+            {value:'consumable', name:'Consumables'},
+            {value:'goods', name:'Goods'},
+            {value:'container', name:'Containers'},
+            {value:'technological', name:'Technological, Magical, and Hybrid Items'},
+            {value:'enhancers', name:'Equipment Enhancers'},
+            {value:'augmentation', name:'Augmentations'}
+        ]
+    }
+
+    getWeaponRollModes() {
+        return []
+    }
+
+    /**
+     * Features
+     */
+    getFeatures(token,featureType) {
+        if (featureType == undefined) featureType = 'any';
+        const allItems = token.actor.items;
+        if (featureType == 'any') return allItems.filter(i => i.type == 'class' || i.type == 'race' || i.type == 'theme'|| i.type == 'asi' || i.type == 'archetype' || i.type == 'feat' || i.type == 'actorResource')
+        else if (featureType == 'activeFeat' || featureType == 'passiveFeat') {
+            const features = allItems.filter(i => i.type == 'feat');
+            if (featureType == 'activeFeat') return features.filter(i => i.labels.featType == 'Action');
+            else return features.filter(i => i.labels.featType == 'Passive');
+        }
+        return allItems.filter(i => i.type == featureType)
+    }
+
+    getFeatureUses(item) {
+        if (item.data.type == 'class') return {available: this.getItemData(item).levels};
+        else return {
+            available: this.getItemData(item).uses.value, 
+            maximum: this.getItemData(item).uses.max
+        };
+    }
+
+    getFeatureTypes() {
+        return [
+            {value:'class', name:'Class'},
+            {value:'race', name:'Race'},
+            {value:'theme', name:'Theme'},
+            {value:'asi', name:'Ability Score Increases'},
+            {value:'archetypes', name:'Archetypes'},
+            {value:'activeFeat', name:'Active Feats'},
+            {value:'passiveFeat', name:'Passive Feats'},
+            {value:'actorResource', name:'Actor Resources'}
+        ]
+    }
+
+    /**
+     * Spells
+     */
+     getSpells(token,level,type) {
+        if (level == undefined) level = 'any';
+        const allItems = token.actor.items;
+        if (level == 'any') return allItems.filter(i => i.type == 'spell')
+        else if (level == 'innate') return allItems.filter(i => i.type == 'spell' && this.getItemData(i).preparation.mode == 'innate');
+        else return allItems.filter(i => i.type == 'spell' && this.getItemData(i).preparation.mode == '' && this.getItemData(i).level == level)
+    }
+
+    getSpellUses(token,level,item) {
+        if (level == undefined) level = 'any';
+        if (this.getItemData(item).level == 0) return;
+
+        const spellSlots = this.getActorData(token).spells;
+        const allowedClasses = this.getItemData(item).allowedClasses;
+
+        let uses = {available: 0, maximum: 0};
+        if (allowedClasses.myst && spellSlots?.[`spell${level}`].perClass?.mystic?.max > uses.maximum) 
+            uses = {available: spellSlots?.[`spell${level}`].perClass?.mystic.value, maximum: spellSlots?.[`spell${level}`].perClass?.mystic.max}
+        if (allowedClasses.precog && spellSlots?.[`spell${level}`].perClass?.precog?.max > uses.maximum) 
+            uses = {available: spellSlots?.[`spell${level}`].perClass?.precog.value, maximum: spellSlots?.[`spell${level}`].perClass?.precog.max}
+        if (allowedClasses.tech && spellSlots?.[`spell${level}`].perClass?.technomancer?.max > uses.maximum) 
+            uses = {available: spellSlots?.[`spell${level}`].perClass?.technomancer.value, maximum: spellSlots?.[`spell${level}`].perClass?.technomancer.max}
+        if (allowedClasses.wysh && spellSlots?.[`spell${level}`].perClass?.witchwarper?.max > uses.maximum) 
+            uses = {available: spellSlots?.[`spell${level}`].perClass?.witchwarper.value, maximum: spellSlots?.[`spell${level}`].perClass?.witchwarper.max} 
+
+        return uses;
+    }
+
+    getSpellLevels() {
+        const keys = Object.keys(this.conf.spellLevels);
+        let levels = [{label:'innate', name:game.i18n.localize("SFRPG.SpellPreparationModesInnate")}];
+        for (let l of keys) levels.push({value:l, name:this.conf.spellLevels?.[l]});
+        return levels;
+    }
+
+    getSpellTypes() {
+        return [
+        ]
+    }
+
+    rollItem(item) {
+        return item.roll()
+    }
+
+    /**
+     * Ring Colors
+     */
+     getSkillRingColor(token, skill) {
+        const profLevel = this.getActorData(token)?.skills[skill]?.proficient;
+        if (profLevel == undefined) return;
+        return proficiencyColors?.[profLevel];
+    }
+
+    getSaveRingColor(token, save) {
+        const profLevel = this.getActorData(token)?.abilities[save]?.proficient;        
+        if (profLevel == undefined) return;
+        return proficiencyColors?.[profLevel];
+    }
+}

src/systems/template.js

@@ -0,0 +1,374 @@
+/**
+ * This is a template for adding a new gaming system.
+ * Edit it to suit your system, for inspiration, look at other system files.
+ * Functions that are unused in your system can be left empty, but don't delete the function.
+ * 
+ * Use the compatibleCore function to get the right value for the Foundry core:
+ * return compatibleCore('10.0') ? [value in v10+] : [value pre v10];
+ * 
+ * Use the compatibleSystem function to get the right value for the gaming system version:
+ * return compatibleSystem('1.6.3') ? [value in v1.6.3+] : [value pre v1.6.3];
+ */
+
+import { compatibleCore, compatibleSystem } from "../misc";
+
+/**
+ * Proficiency colors to show if a token is proficient in for example a skill
+ */
+const proficiencyColors = {
+    0: "#000000",
+    0.5: "#804A00",
+    1: "#C0C0C0",
+    2: "#FFD700"
+}
+
+//Rename 'template' to the name of your system
+export class template{
+    conf; //this variable stores the configuration data for the system, set in the constructor
+
+    constructor(){
+        console.log("Material Deck: Using system 'SystemName'");
+        this.conf = CONFIG.DND5E; //You can use this to get various things like the list of ability scores, conditions, etc. Make sure you set it to the correct value for your system
+    }
+
+    getActorData(token) {
+        return token.actor.system;
+    }
+
+    getItemData(item) {
+        return item.system;
+    }
+
+    /**
+     * This generates a list of stats to be displayed on the SD: Token Action => Stats.
+     * Choose the ones you want to use and change the 'name' value if desired. If you add new ones, you will need to add a function to handle them in src/token.js.
+     * After each option you'll find what function it will call after the button is pressed on the SD
+     */
+    getStatsList() {
+        return [
+            {value:'HP', name:'HP'},                                        //will call getHP()
+            {value:'HPbox', name:'HP (box)'},                               //will call getHP()
+            {value:'TempHP', name:'Temp HP'},                               //will call getTempHP()
+            {value:'AC', name:'AC'},                                        //will call getAC()
+            {value:'ShieldHP', name:'Shield HP'},                           //will call getShieldHP()
+            {value:'Speed', name:'Speed'},                                  //will call getSpeed()
+            {value:'Init', name:'Initiative'},                              //will call getInitiative()
+            {value:'Ability', name:'Ability Score'},                        //will call getAbility()
+            {value:'AbilityMod', name:'Ability Score Modifier'},            //will call getAbilityModifier()
+            {value:'Save', name:'Saving Throw Modifier'},                   //will call getAbilitySave()
+            {value:'Skill', name:'Skill Modifier'},                         //will call getSkill()
+            {value:'PassivePerception', name:'Passive Perception'},         //will call getPassivePerception()
+            {value:'PassiveInvestigation', name:'Passive Investigation'},   //will call getPassiveInvestigation()
+            {value:'Prof', name:'Proficiency'},                             //will call getProficiency()
+            {value:'Condition', name: 'Condition'},                         //will call getConditionValue()
+        ]
+    }
+
+    /**
+     * Adds an on click option to the SD: Token Action => On Click
+     * Currently only supports toggling initiative (for Shadow of the Demonlord)
+     */
+    getOnClickList() {
+        return [
+            //{value:'initiative',name:'Toggle Initiative'}
+        ]
+    }
+
+    /**
+     * Returns the HP of the token
+     * @param {Token} token Token instance to get the HP from
+     * @returns {object}    Token hp value and max: {value: ##, max: ##}
+     */
+    getHP(token) {
+        return;
+    }
+
+    /**
+     * Returns the temporary HP of the token
+     * @param {Token} token Token instance to get the temp HP from
+     * @returns {object}    Token temp hp value and max: {value: ##, max: ##}
+     */
+    getTempHP(token) {
+        return;
+    }
+
+    /**
+     * Returns the armor class of the token
+     * @param {Token} token Token instance to get the AC from
+     * @returns {number}    AC value
+     */
+    getAC(token) {
+        return;
+    }
+
+    /**
+     * Returns the shield HP of the token
+     * @param {Token} token Token instance to get the shield HP from
+     * @returns {number}    Shield HP
+     */
+    getShieldHP(token) {
+        return;
+    }
+
+    /**
+     * Returns a string with movement speeds of the token
+     * @param {Token} token Token instance to get the speed from
+     * @returns {string}    Movement speed string
+     */
+    getSpeed(token) {
+        return;
+    }
+
+    /**
+     * Returns the initiative of the token
+     * @param {Token} token Token instance to get the initiative from
+     * @returns {number}    Initiative value
+     */
+    getInitiative(token) {
+        return;
+    }
+
+    /**
+     * Toggles the initiative of the token
+     * @param {Token} token Token instance to toggle the initiative for
+     */
+    toggleInitiative(token) {
+        
+    }
+
+    /**
+     * Returns the passive perception of the token
+     * @param {Token} token Token instance to get the passive perception from
+     * @returns {number}    Passive perception value
+     */
+    getPassivePerception(token) {
+        return;
+    }
+
+    /**
+     * Returns the passive investigation of the token
+     * @param {Token} token Token instance to get the passive investigation from
+     * @returns {number}    Passive investigation value
+     */
+    getPassiveInvestigation(token) {
+        return;
+    }
+
+    /**
+     * Returns the ability value of the token
+     * @param {Token} token     Token instance to get the ability value from
+     * @param {string} ability  Ability to get the value from
+     * @returns {number}        Ability value
+     */
+    getAbility(token, ability) {
+        if (ability == undefined) ability = '';  //default ability
+        return;
+    } 
+
+    /**
+     * Returns the ability modifier of the token
+     * @param {Token} token     Token instance to get the ability modifier from
+     * @param {string} ability  Ability to get the value from
+     * @returns {number}        Ability modifier
+     */
+    getAbilityModifier(token, ability) {
+        if (ability == undefined) ability = ''; //default ability
+        return;
+    }
+
+    /**
+     * Returns the ability save of the token
+     * @param {Token} token     Token instance to get the ability save from
+     * @param {string} ability  Ability to get the value from
+     * @returns {number}        Ability save
+     */
+    getAbilitySave(token, ability) {
+        if (ability == undefined) ability = ''; //default ability
+        return;
+    }
+
+    /**
+     * Returns a list of abilities available to the system
+     * Each array item must be {value:'abilityId', name:'abilityName'}
+     * 'abilityId' is defined by the system, the name can be anything you want
+     * @returns 
+     */
+    getAbilityList() {
+        let abilities = [];
+        return abilities;
+    }
+
+    /**
+     * Returns the skill value of the token
+     * @param {Token} token     Token instance to get the skill value from
+     * @param {string} skill    Skill to get the value from
+     * @returns {number}        Skill value
+     */
+    getSkill(token, skill) {
+        if (skill == undefined) skill = '';
+        return;
+    }
+
+    /**
+     * Returns the proficiency value of the token
+     * @param {Token} token Token instance to get the proficiency from
+     * @returns {number}    Proficiency value
+     */
+    getProficiency(token) {
+        return;
+    }
+
+    /**
+     * Returns the icon location of a condition
+     * @param {string} condition    Name of the condition
+     * @returns {string}            Icon location
+     */
+    getConditionIcon(condition) {
+        if (condition == undefined) condition = 'removeAll';
+        if (condition == 'removeAll') return;
+        else return;
+    }
+
+    /**
+     * Returns whether a condition is active on the token
+     * @param {Token} token         Token instance to get the value from
+     * @param {string} condition    Name of the condition
+     * @returns {boolean}           Condition is active or not
+     */
+    getConditionActive(token,condition) {
+        if (condition == undefined) condition = 'removeAll';
+        return;
+    }
+
+    /**
+     * Toggles a condition on a token
+     * @param {Token} token         Token instance to get the value from
+     * @param {string} condition    Name of the condition
+     */
+    async toggleCondition(token,condition) {
+        if (condition == undefined) condition = 'removeAll';
+
+    }
+
+    /**
+     * Roll for a token
+     * @param {Token} token         Token instance to roll for
+     * @param {string} roll         Roll type (ability/save/skill/initiative/deathSave)
+     * @param {bbject} options      Roll options
+     * @param {string} ability      Name of the ability to roll
+     * @param {string} skill        Name of the skill to roll
+     * @param {string} save         Name of the save to roll
+     */
+     roll(token,roll,options,ability,skill,save) {
+        if (roll == undefined) roll = 'ability';       
+        if (ability == undefined) ability = ''; //default ability
+        if (skill == undefined) skill = '';     //default skill
+        if (save == undefined) save = '';       //default save
+
+        if (roll == 'ability')
+        else if (roll == 'save')
+        else if (roll == 'skill')
+        else if (roll == 'initiative')
+        else if (roll == 'deathSave')
+    }
+
+    /**
+     * Get array of items
+     * @param {Token} token     Token instance to get the items from
+     * @param {string} itemType Item type
+     * @returns {array}         Array of items
+     */
+    getItems(token,itemType) {
+        if (itemType == undefined) itemType = 'any';
+        if (itemType == 'any') return ;
+        else return ;
+    }
+
+    /**
+     * Returns uses/quantity of an item
+     * @param {Item} item       Item instance to get the uses/quantity from
+     * @returns {object}        Uses/quantity available {available: ###, maximum: ###}
+     */
+    getItemUses(item) {
+        return;
+    }
+
+    /**
+     * Returns the features of a token
+     * @param {Token} token         Token instance to get the features from
+     * @param {string} featureType  Feature types to return
+     * @returns {array}             Array of features
+     */
+    getFeatures(token,featureType) {
+        if (featureType == undefined) featureType = 'any';
+        if (featureType == 'any')                   return;
+        else                                        return;
+    }
+
+    /**
+     * Returns uses/quantity of a feature
+     * @param {Item} item       Item/feature instance to get the uses/quantity from
+     * @returns {object}        Uses/quantity available {available: ###, maximum: ###}
+     */
+    getFeatureUses(item) {
+        return {};
+    }
+
+    /**
+     * Returns the spells of a token
+     * @param {Token} token     Token instance to get the spells from
+     * @param {string} level    Spell level
+     * @returns {array}         Array of spells
+     */
+    getSpells(token,level) {
+        if (level == undefined) level = 'any';
+        if (level == 'any') return;
+        else return;
+    }
+
+    /**
+     * Returns the spell uses of a specific spell for a token
+     * @param {Token} token     Token instance to get the spell uses from
+     * @param {string} level    Spell level
+     * @param {Item} item       Spell instance to get the uses from
+     * @returns {object}        Spell uses left: {available: ###, maximum: ###}
+     */
+    getSpellUses(token,level,item) {
+        return {
+        }
+    }
+
+    /**
+     * Roll an item
+     * @param {Token} item          Item instance to roll
+     * @param {object} settings     Settings of the action
+     * @param {object} rollOption   Roll options
+     */
+    rollItem(item, settings, rollOption) {
+        
+    }
+
+    /**
+     * Returns a color to display proficiency for skills
+     * @param {Token} token     Token instance to get the proficiency from
+     * @param {string} skill    Skill name
+     * @returns {string}        Hex color string from proficiencyColors array
+     */
+    getSkillRingColor(token, skill) {
+        const profLevel = ;
+        if (profLevel == undefined) return;
+        return proficiencyColors?.[profLevel];
+    }
+
+    /**
+     * Returns a color to display proficiency for saves
+     * @param {Token} token     Token instance to get the proficiency from
+     * @param {string} save     Save name
+     * @returns {string}        Hex color string from proficiencyColors array
+     */
+    getSaveRingColor(token, save) {
+        const profLevel = ;        
+        if (profLevel == undefined) return;
+        return proficiencyColors?.[profLevel];
+    }
+}

src/systems/tokenHelper.js

@@ -1,8 +1,12 @@
-import {dnd5e} from "./dnd5e.js"
-import {dnd35e} from "./dnd35e.js"
-import {pf2e} from "./pf2e.js"
+import { dnd5e } from "./dnd5e.js";
+import { dnd35e } from "./dnd35e.js";
+import { pf2e } from "./pf2e.js";
 import { demonlord } from "./demonlord.js";
+import { wfrp4e } from "./wfrp4e.js";
+import { forbiddenlands } from "./forbidden-lands.js";
+import { starfinder } from "./starfinder.js";
 import { compatibleCore } from "../misc.js";
+import { gamingSystem } from "../../MaterialDeck.js";
 
 export class TokenHelper{
     constructor(){
@@ -11,9 +15,12 @@ export class TokenHelper{
     }
 
     setSystem() {
-        if (game.system.id == 'D35E' || game.system.id == 'pf1') this.system = new dnd35e();
-        else if (game.system.id == 'pf2e') this.system = new pf2e();
-        else if (game.system.id == 'demonlord') this.system = new demonlord();
+        if (gamingSystem == 'D35E' || gamingSystem == 'pf1') this.system = new dnd35e(gamingSystem);
+        else if (gamingSystem == 'pf2e') this.system = new pf2e();
+        else if (gamingSystem == 'demonlord') this.system = new demonlord();
+        else if (gamingSystem == 'wfrp4e') this.system = new wfrp4e();
+        else if (gamingSystem == 'forbidden-lands') this.system = new forbiddenlands();
+        else if (gamingSystem == 'sfrpg') this.system = new starfinder();
         else this.system = new dnd5e();     //default to dnd5e
     }
 
@@ -29,7 +36,7 @@ export class TokenHelper{
         else if (type == 'actorId') return this.getTokenFromActorId(identifier);
     }
     getTokenFromTokenId(id) {
-        return canvas.tokens.children[0].children.find(p => p.id == id);
+        return canvas.tokens.get(id);
     }
 
     getTokenFromTokenName(name) {
@@ -50,7 +57,7 @@ export class TokenHelper{
 
     moveToken(token,dir){
         if (dir == undefined) dir = 'up';
-        const gridSize = canvas.scene.data.grid;
+        const gridSize = canvas.scene.grid.size;
         let x = token.x;
         let y = token.y;
 
@@ -78,9 +85,12 @@ export class TokenHelper{
             let location = token.getCenter(x,y); 
             canvas.animatePan(location);
         }
-        if (game.user.isGM == false && game.paused == true && (token.can(game.user,"control") == false || token.checkCollision(token.getCenter(x, y)))) return;
-        if (compatibleCore("0.8.1")) token.document.update({x:x,y:y});
-        else token.update({x:x,y:y});
+        if (game.user.isGM == false && game.paused) return;
+        if (game.user.isGM == false && (token.can(game.user,"control") == false || token.checkCollision(token.getCenter(x, y)))) return;
+        let coords = canvas.grid.getCenter(x,y);
+        coords[0] -= canvas.grid.size/2;
+        coords[1] -= canvas.grid.size/2;
+        token.document.update({x:coords[0],y:coords[1]});
     };
 
     rotateToken(token,move,value) {
@@ -88,11 +98,10 @@ export class TokenHelper{
         value = isNaN(parseInt(value)) ? 0 : parseInt(value);
 
         let rotationVal;
-        if (move == 'by') rotationVal = token.data.rotation + value;
+        if (move == 'by') rotationVal = token.document.rotation + value;
         else rotationVal = value;
         
-        if (compatibleCore("0.8.1")) token.document.update({rotation: rotationVal});
-        else token.update({rotation: rotationVal});
+        token.document.update({rotation: rotationVal});
     }
 
     ///////////////////////////////////////////////
@@ -118,16 +127,29 @@ export class TokenHelper{
 
     ////////////////////////////////////////////////////
     getTokenIcon(token) {
-        return token.data.img;
+        return token.document.texture.src;
     }
 
     getActorIcon(token) {
-        return token.actor.data.img;
+        return token.actor.img;
     }
 
     /***********************************************************************
-     * System agnostic functions
+     * System specific functions
      ***********************************************************************/
+
+    getStatsList() {
+        return this.system.getStatsList();
+    }
+
+    getAttackModes() {
+        return this.system.getAttackModes();
+    }
+
+    getOnClickList() {
+        return this.system.getOnClickList();
+    }
+
     getHP(token) {
         return this.system.getHP(token);
     }
@@ -176,14 +198,96 @@ export class TokenHelper{
         return this.system.getAbilitySave(token, ability);
     }
 
+    getAbilityList() {
+        return this.system.getAbilityList();
+    }
+
+    getSavesList() {
+        return this.system.getSavesList();
+    }
+
     getSkill(token, skill) {
         return this.system.getSkill(token, skill);
     }
 
+    getSkillList() {
+        return this.system.getSkillList();
+    }
+
     getProficiency(token) {
         return this.system.getProficiency(token);
     }
 
+    /* WFRP 4E */
+    getFate(token) {
+        return this.system.getFate(token)
+    }
+
+    /* WFRP 4E */
+    getFortune(token) {
+        return this.system.getFortune(token)
+    }
+    
+    /* WFRP 4E */
+    getCriticalWounds(token) {
+        return this.system.getCriticalWounds(token)
+    }
+
+    /* WFRP 4E */
+    getCorruption(token) {
+        return this.system.getCorruption(token)
+    }
+
+    /* WFRP 4E */
+    getAdvantage(token) {
+        return this.system.getAdvantage(token)
+    }
+
+    /* WFRP 4E */
+    getResolve(token) {
+        return this.system.getResolve(token)
+    }
+
+    /* WFRP 4E */
+    getResilience(token) {
+        return this.system.getResilience(token)
+    }
+
+    /* PF2E */
+    getPerception(token) {
+        return this.system.getPerception(token)
+    }
+
+    /* forbidden-lands */
+    getAgility(token) {
+        return this.system.getAgility(token)
+    }    
+
+    /* forbidden-lands */
+    getWits(token) {
+        return this.system.getWits(token)
+    }
+
+    /* forbidden-lands */
+    getEmpathy(token) {
+        return this.system.getEmpathy(token)
+    }
+     /* forbidden-lands */
+    getWillPower(token) {
+        return this.system.getWillPower(token)
+    }
+
+    /* starfinder */
+    getStamina(token) {
+        return this.system.getStamina(token);
+    }
+
+    /* starfinder */
+    getKinAC(token) {
+        return this.system.getKinAC(token);
+    }
+    
+
     /**
      * Conditions
      */
@@ -199,6 +303,20 @@ export class TokenHelper{
         return this.system.toggleCondition(token,condition);
     }
 
+    getConditionList() {
+        return this.system.getConditionList();
+    }
+
+    /* PF2E */
+    getConditionValue(token,condition) {
+        return this.system.getConditionValue(token,condition);
+    }
+
+    /* PF2E */
+    modifyConditionValue(token,condition,delta) {
+        return this.system.modifyConditionValue(token,condition,delta);
+    }
+
     /**
      * Roll
      */
@@ -206,6 +324,10 @@ export class TokenHelper{
         return this.system.roll(token,roll,options,ability,skill,save);
     }
 
+    getRollTypes() {
+        return this.system.getRollTypes();
+    }
+
     /**
      * Items
      */
@@ -217,6 +339,14 @@ export class TokenHelper{
         return this.system.getItemUses(item);
     }
 
+    getItemTypes() {
+        return this.system.getItemTypes();
+    }
+
+    getWeaponRollModes() {
+        return this.system.getWeaponRollModes();
+    }
+
     /**
      * Features
      */
@@ -228,14 +358,40 @@ export class TokenHelper{
         return this.system.getFeatureUses(item);
     }
 
+    getFeatureTypes() {
+        return this.system.getFeatureTypes();
+    }
+
     /**
      * Spells
      */
-     getSpells(token,level) {
-        return this.system.getSpells(token,level);
+     getSpells(token,level,type) {
+        return this.system.getSpells(token,level,type);
     }
 
     getSpellUses(token,level,item) {
         return this.system.getSpellUses(token,level,item);
     }
+
+    rollItem(item, settings, rollOption, attackMode) {
+        return this.system.rollItem(item, settings, rollOption, attackMode);
+    }
+
+    getSpellLevels() {
+        return this.system.getSpellLevels();
+    }
+
+    getSpellTypes() {
+        return this.system.getSpellTypes();
+    }
+
+    /**
+     * Ring Colors
+     */
+     getSkillRingColor(token,skill) {
+        return this.system.getSkillRingColor(token,skill);
+    }
+    getSaveRingColor(token,save) {
+        return this.system.getSaveRingColor(token,save);
+    }
 }

src/systems/wfrp4e.js

@@ -0,0 +1,279 @@
+import { compatibleCore } from "../misc.js";
+
+export class wfrp4e {
+    conf;
+
+    constructor(){
+        console.log("Material Deck: Using system 'Warhammer Fantasy Roleplaying 4e'");
+        this.conf = game.wfrp4e.config;
+    }
+
+    getActorData(token) {
+        return token.actor.system;
+    }
+
+    getItemData(item) {
+        return item.system;
+    }
+
+    getStatsList() {
+        return [
+            {value: 'Advantage', name: 'Advantage'},
+            {value: 'Corruption', name: 'Corruption'},
+            {value: 'CriticalWounds', name: 'Critical Wounds'},
+            {value: 'Encumbrance', name: 'Encumbrance'},
+            {value: 'Fate', name: 'Fate'},
+            {value: 'Fortune', name: 'Fortune'},
+            {value: 'Wounds', name: 'Wounds'},
+            {value: 'Movement', name: 'Movement'},
+            {value: 'Resilience', name: 'Resilience'},
+            {value: 'Resolve', name: 'Resolve'},
+            {value: 'Ability', name: 'Characteristics' } //value is ability to conform to the interface
+        ]
+    }
+
+    getAttackModes() {
+        return [
+        ]
+    }
+
+    getOnClickList() {
+        return []
+    }
+
+    getFate(token) {
+        return this.getActorData(token).status.fate.value
+    }
+
+    getFortune(token) {
+        return this.getActorData(token).status.fortune.value
+    }
+
+    getWounds(token) {
+        const wounds =  this.getActorData(token).status.wounds
+        return {
+            value: wounds.value,
+            max: wounds.max
+        } 
+    }
+
+    getCriticalWounds(token) {
+        const criticalWounds = this.getActorData(token).status.criticalWounds
+        return {
+            value: criticalWounds.value,
+            max: criticalWounds.max
+        } 
+    }
+
+    getCorruption(token) {
+        return this.getActorData(token).status.corruption.value
+    }
+
+    getAdvantage(token) {
+        return this.getActorData(token).status.advantage.value
+    }
+
+    getResolve(token) {
+        return this.getActorData(token).status.resolve.value
+    }
+
+    getResilience(token) {
+        return this.getActorData(token).status.resilience.value
+    }
+
+    getAbility(token, abilityName) {
+        return this.getCharacteristics(token, abilityName); 
+    }
+
+    getAbilityList() {
+        const keys = Object.keys(this.conf.characteristics);
+        let abilities = [];
+        for (let k of keys) abilities.push({value:k, name:this.conf.characteristics?.[k]})
+        return abilities;
+    }
+
+    getCharacteristics(token, characteristicName) {
+        if (characteristicName == undefined ) characteristicName = `AG`;
+        const characteristic = this.getActorData(token).characteristics[characteristicName.toLowerCase()]
+        const val = characteristic.value;
+        return (val >= 0) ? `+${val}` : val;
+    }
+
+    getFeatures(token,featureType) {
+        if (featureType == undefined) featureType = 'any';
+        const allItems = token.actor.items;
+        if (featureType == 'any') return allItems.filter(i => i.type == 'skill' || i.type == 'talent' || i.type == "career" || i.type == 'trait');
+        return allItems.filter(i => i.type == featureType);
+    }
+
+    getFeatureTypes() {
+        return [
+            {value: 'skill', name: 'Skills'}
+        ]
+    }
+
+    getSpells(token,spellLevel,type) {
+        const allItems = token.actor.items;
+        return allItems.filter(i => i.type == 'spell')
+    }
+
+    getSpellUses(token,level,item) {
+        return;
+    }
+
+    getSpellLevels() {
+        return [
+            {value:'0', name:'Cantrip'},
+            {value:'1', name:'1st Level'},
+            {value:'2', name:'2nd Level'},
+            {value:'3', name:'3rd Level'},
+            {value:'4', name:'4th Level'},
+            {value:'5', name:'5th Level'},
+            {value:'6', name:'6th Level'},
+            {value:'7', name:'7th Level'},
+            {value:'8', name:'8th Level'},
+            {value:'9', name:'9th Level'}
+        ]
+    }
+
+    getSpellTypes() {
+        return [
+        ]
+    }
+
+    getFeatureUses(item) {
+        return {available: `+${this.getItemData(item).total.value}`};
+    }
+    
+    getHP(token) {
+        return this.getWounds(token);
+    }
+
+    rollItem(item) {
+        return game.wfrp4e.utility.rollItemMacro(item.name, item.type, false);
+    }
+
+    getRollTypes() {
+        return [
+            {value:'initiative', name:'Initiative'},
+            {value:'deathSave', name:'Death Save'}
+        ]
+    }
+
+    getSpeed(token) {
+        return this.getActorData(token).details.move.value;
+    }
+
+
+    async toggleCondition(token,condition) {
+        if (condition == undefined) condition = 'removeAll';
+        if (condition == 'removeAll'){
+            for( let effect of token.actor.effects)
+                await effect.delete();
+        }
+        else {
+            const effect = CONFIG.statusEffects.find(e => e.id === condition);
+            await token.toggleEffect(effect);
+        }
+        return true;
+    }
+
+    getConditionList() {
+        let conditions = [];
+        for (let c of CONFIG.statusEffects) conditions.push({value:c.id, name:game.i18n.localize(c.label)});
+        return conditions;
+    }
+
+    roll(token,roll,options,ability,skill,save) {
+        if (ability == undefined) ability = 'ag';
+        return game.wfrp4e.utility.rollItemMacro(ability, "characteristic", false);
+    }
+
+    getItems(token,itemType) {
+        if (itemType == undefined) itemType = 'any';
+        const allItems = token.actor.items;
+        if (itemType == 'any') return allItems.filter(i => i.type == 'weapon' || 
+        i.type == 'ammunition' || 
+        i.type == 'armour' || 
+        i.type == 'trapping');
+        else {
+            return allItems.filter(i => i.type == itemType);
+        }
+    }
+
+    getItemUses(item) {
+        if ( item.type == 'ammunition') {
+            return {available: this.getItemData(item).quantity.value};
+        }
+        else {
+            return;
+        }
+    }
+
+    getItemTypes() {
+        return [
+            {value:'weapon', name: "Weapons"},
+            {value:'ammunition', name: "Ammunition"},
+            {value:'trapping', name: "Trapping"},
+            {value:'armour', name: "Armour"},
+            {value:'cargo', name: "Cargo"}
+        ]
+    }
+
+    getSkillList() {
+        return this.getAbilityList();
+    }
+
+    
+    /* this is all cargo-culted in and some of it could be deleted once the interface is resolved
+       to not be the superset of all possible systems 
+    */ 
+
+    getAC(token) {
+        return;
+    }
+
+    getShieldHP(token) {
+        return;
+    }
+
+    getInitiative(token) {
+        return;
+    }
+
+    toggleInitiative(token) {
+        return;
+    }
+
+
+    getConditionIcon(condition) {
+        return;
+    }
+
+    getConditionActive(token,condition) {
+        return;
+    }
+
+    getTempHP(token) {
+        return;
+    }
+
+    getSavesList() {
+        return [];
+    }
+
+    getWeaponRollModes() {
+        return []
+    }
+
+    /**
+     * Ring Colors
+     */
+     getSkillRingColor(token, skill) {
+        return;
+    }
+
+    getSaveRingColor(token, save) {
+        return;        
+    }
+}

templates/downloadUtility.html

@@ -1,64 +1,59 @@
 <form autocomplete="off" onsubmit="event.preventDefault()">
-    <style>
-        .columnLabel {
-            width:25%;
-            text-align: left;
-        }
-        .columnVersion {
-            width:15%;
-            text-align: left;
-        }
-        .columnOS {
-            width:15%;
-        }
-        .columnButton {
-            width:15%;
-        }
-        .btn {
-            width:100%;
-        }
-    </style>
-    
     <h2>{{localize "MaterialDeck.DownloadUtility.Plugin"}}</h2>
 
     <table style="width:100%; min-width:400px">
         <tr>
-          <th class='columnLabel'></th>
-          <th class='columnVersion'>{{localize "MaterialDeck.DownloadUtility.Current"}}</th>
-          <th class='columnVersion'>{{localize "MaterialDeck.DownloadUtility.Minimum"}}</th>
-          <th class='columnVersion'>{{localize "MaterialDeck.DownloadUtility.Latest"}}</th>
-          <th class='columnOS'>{{localize "MaterialDeck.DownloadUtility.OS"}}</th>
-          <th class='columnButton'>{{localize "MaterialDeck.DownloadUtility.Download"}}</th>
+          <th class='materialDeck_dlUtil_columnLabel'></th>
+          <th class='materialDeck_dlUtil_columnVersion'>{{localize "MaterialDeck.DownloadUtility.Current"}}</th>
+          <th class='materialDeck_dlUtil_columnVersion'>{{localize "MaterialDeck.DownloadUtility.Minimum"}}</th>
+          <th class='materialDeck_dlUtil_columnVersion'>{{localize "MaterialDeck.DownloadUtility.Latest"}}</th>
+          <th class='materialDeck_dlUtil_columnOS'>{{localize "MaterialDeck.DownloadUtility.OS"}}</th>
+          <th class='materialDeck_dlUtil_columnButton'>{{localize "MaterialDeck.DownloadUtility.Download"}}</th>
         </tr>
 
         <tr>
-          <td class='columnLabel'>{{localize "MaterialDeck.DownloadUtility.SDplugin"}}</td>
-          <td class='columnVersion'>{{localSdVersion}}</td>
-          <td class='columnVersion'>{{minimumSdVersion}}</td>
-          <td class='columnVersion' id='masterSdVersion'>{{masterSdVersion}}</td>
-          <td class='columnOS'></td>
-          <td class='columnButton'>
-            <button type="button" class='btn' id='downloadSd' {{#if sdDlDisable}}disabled{{/if}}>
+          <td class='materialDeck_dlUtil_columnLabel'>{{localize "MaterialDeck.DownloadUtility.module"}}</td>
+          <td class='materialDeck_dlUtil_columnVersion'>v{{versions.module.current}}</td>
+          <td class='materialDeck_dlUtil_columnVersion'></td>
+          <td class='materialDeck_dlUtil_columnVersion'>{{releases.module.version}}</td>
+          <td class='materialDeck_dlUtil_columnOS'></td>
+          <td class='materialDeck_dlUtil_columnButton'><button type="button" class='materialDeck_dlUtil_button' style="visibility:hidden">
               <i class="fas fa-download"></i>
             </button>
           </td>
         </tr>
 
         <tr>
-          <td class='columnLabel'>{{localize "MaterialDeck.DownloadUtility.MSserver"}}</td>
-          <td class='columnVersion'>{{localMsVersion}}</td>
-          <td class='columnVersion'>{{minimumMsVersion}}</td>
-          <td class='columnVersion' id='masterMsVersion'>{{masterMsVersion}}</td>
-          <td class='columnOS'>
-            <select id="os" default="" {{#if msDlDisable}}disabled{{/if}}>
-                <option value="win">{{localize "MaterialDeck.DownloadUtility.Windows"}}</option>
-                <option value="macos">{{localize "MaterialDeck.DownloadUtility.Macos"}}</option>
-                <option value="linux">{{localize "MaterialDeck.DownloadUtility.Linux"}}</option>
+          <td class='materialDeck_dlUtil_columnLabel'>{{localize "MaterialDeck.DownloadUtility.SDplugin"}}</td>
+          <td class='materialDeck_dlUtil_columnVersion'>v{{versions.plugin.current}}</td>
+          <td class='materialDeck_dlUtil_columnVersion'>v{{versions.plugin.minimum}}</td>
+          <td class='materialDeck_dlUtil_columnVersion'>{{releases.plugin.version}}</td>
+          <td class='materialDeck_dlUtil_columnOS'></td>
+          <td class='materialDeck_dlUtil_columnButton'>
+            <button type="button" class='materialDeck_dlUtil_button' id='materialDeck_dlUtil_downloadSd' {{#if sdDlDisable}}disabled{{/if}}>
+                <i class="fas fa-download"></i>
+            </button>
+          </td>
+        </tr>
+
+        <tr>
+          <td class='materialDeck_dlUtil_columnLabel'>{{localize "MaterialDeck.DownloadUtility.MSserver"}}</td>
+          <td class='materialDeck_dlUtil_columnVersion'>v{{versions.materialCompanion.current}}</td>
+          <td class='materialDeck_dlUtil_columnVersion'>v{{versions.materialCompanion.minimum}}</td>
+          <td class='materialDeck_dlUtil_columnVersion'>{{releases.materialCompanion.version}}</td>
+          <td class='materialDeck_dlUtil_columnOS'>
+            <select id="materialDeck_dlUtil_os" default="" {{#if msDlDisable}}disabled{{/if}}>
+                <option value="win32-x64">{{localize "MaterialDeck.DownloadUtility.Windows"}}</option>
+                <option value="macos-x64.dmg">{{localize "MaterialDeck.DownloadUtility.MacosIntel"}} - dmg</option>
+                <option value="macos-x64.zip">{{localize "MaterialDeck.DownloadUtility.MacosIntel"}} - zip</option>
+                <option value="macos-arm64.dmg">{{localize "MaterialDeck.DownloadUtility.MacosM1"}} - dmg</option>
+                <option value="macos-arm64.zip">{{localize "MaterialDeck.DownloadUtility.MacosM1"}} - zip</option>
+                <option value="linux-x64">{{localize "MaterialDeck.DownloadUtility.Linux"}}</option>
                 <option value="source">{{localize "MaterialDeck.DownloadUtility.Source"}}</option>
             </select>
           </td>
-          <td class='columnButton'>
-            <button type="button" class='btn' id='downloadMs' {{#if msDlDisable}}disabled{{/if}}>
+          <td class='materialDeck_dlUtil_columnButton'>
+            <button type="button" class='materialDeck_dlUtil_button' id='materialDeck_dlUtil_downloadMc' {{#if msDlDisable}}disabled{{/if}}>
                 <i class="fas fa-download"></i>
             </button>
           </td>
@@ -70,14 +65,14 @@
       <table style="width:100%; min-width:400px">
         <tr>
           <th style='text-align: left;'>{{localize "MaterialDeck.DownloadUtility.Name"}}</th>
-          <th class='columnButton'>{{localize "MaterialDeck.DownloadUtility.Download"}}</th>
+          <th class='materialDeck_dlUtil_columnButton'>{{localize "MaterialDeck.DownloadUtility.Download"}}</th>
         </tr>
         <div id='profileContents'>
-          {{#each profiles as |p|}}
+          {{#each releases.plugin.profiles as |p|}}
             <tr>
-              <td>{{p.label}}</td>
-              <td class='columnButton'>
-                <button type="button" class='btn' id='dlProfile-{{p.id}}' name='downloadProfile' {{#if ../profileDlDisable}}disabled{{/if}}>
+              <td>{{p.name}}</td>
+              <td class='materialDeck_dlUtil_columnButton'>
+                <button type="button" class='materialDeck_dlUtil_button' id='materialDeck_dlUtil_dlProfile-{{p.name}}' name='downloadProfile'>
                     <i class="fas fa-download"></i>
                 </button>
               </td>
@@ -85,10 +80,4 @@
           {{/each}}
         </div>
       </table> 
-      
-      <button type="button" id='refresh'>
-        <i class="fas fa-redo"></i>
-        {{localize "MaterialDeck.DownloadUtility.Refresh"}}
-    </button>
-
 </form>

templates/exportDialog.html

@@ -3,7 +3,7 @@
 
     <div class="form-group"> 
         <label>{{localize "MaterialDeck.Filename"}}: </label>
-        <input type="text" name="name" value="{{name}}" id="name" style="width:100%;" >
+        <input type="text" name="name" value="{{name}}" style="width:100%;" >
     </div>
 
     <button type="submit" name="submit">

templates/helpMenu.html

@@ -1,8 +1,21 @@
 <form autocomplete="off" onsubmit="event.preventDefault()">
+    <script>
+        for (let element of document.getElementsByClassName("materialDeck_helpMenu_expandable")) {
+            element.addEventListener("click",(event) => {
+                let thisElement = event.target;
+                if (event.target.className == "materialDeck_helpMenu_expandableIcon") thisElement = event.target.parentElement;
+                let nextElement = thisElement.nextElementSibling;
+                const collapse = nextElement.className == "materialDeck_helpMenu_collapsed" ? false : true;
+                nextElement.className = collapse ? "materialDeck_helpMenu_collapsed" : "";
+                thisElement.children[0].src = collapse ? "modules/MaterialDeck/img/right.png" : "modules/MaterialDeck/img/down.png";
+            })
+        }
+    </script>
 
-    <div style="width:1200px">
+    <div style="width:1200px; height:700px">
 
-        <h1>Introduction</h1>
+        <h1 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/down.png" class="materialDeck_helpMenu_expandableIcon" style="width:20px">Introduction</h1>
+        <div class="">
             Material Deck is a Foundry VTT module that allows you to control certain Foundry functions using an Elgato Stream Deck. 
             A Stream Deck is a device that has physical buttons with displays behind them. Material Deck uses this to, for example, 
             control playlists, execute macros, display and control the combat tracker.<br><br>
@@ -11,19 +24,26 @@
             between the combat tracker, soundboard, or any other (custom) configuration.<br>
             <br>
             Material Deck is a very large module with tons of features and ways of customizing your experience. This menu will only cover the basics to get you started, 
-        the full documentation can be found on <a href="https://github.com/CDeenen/MaterialDeck/wiki">Github</a>. Please also check the <a href="https://github.com/CDeenen/MaterialDeck/wiki/FAQ">FAQ</a> which answers some common questions, including some basic troubleshooting.<br>
+            the full documentation can be found on <a href="https://github.com/MaterialFoundry/MaterialDeck/wiki">Github</a>. Please also check the <a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/FAQ">FAQ</a> which answers some common questions, including some basic troubleshooting.<br>    
+        </div>
         
-        <h1>Latest Releases</h1>
-        <a href="https://github.com/CDeenen/MaterialDeck/releases">Module</a><br>
-        <a href="https://github.com/CDeenen/MaterialDeck_SD/releases">Stream Deck</a><br>
-        <a href="https://github.com/CDeenen/MaterialServer/releases">Server</a><br>
-        You can use the download utility in the module settings to download the Stream Deck plugin, Stream Deck profiles and Material Server.
+        <h1 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:20px">Latest Releases</h1>
+        <div class="materialDeck_helpMenu_collapsed">
+            <a href="https://github.com/MaterialFoundry/MaterialDeck/releases">Module</a><br>
+            <a href="https://github.com/MaterialFoundry/MaterialDeck_SD/releases">Stream Deck</a><br>
+            <a href="https://github.com/MaterialFoundry/MaterialCompanion/releases">Material Companion</a><br>
+            You can use the download utility in the module settings to download the Stream Deck plugin, Stream Deck profiles and Material Companion.    
+        </div>
 
-        <h1>Getting Started</h1>
-        Besides installing this module, you also need to install and run some other things.
+        <h1 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:20px">Getting Started</h1>
+        <div class="materialDeck_helpMenu_collapsed">
+            Besides installing this module, you also need to install and run some other things.<br>
+            After setting up the module settings I suggest you just play around with one of the profiles to see that happens when you press buttons and do things in Foundry.
+            Most things should be pretty self explanatory. After that you could look into customizing your experience, as you can read about below.
 
-        <h2>Installing the Stream Deck Software and Plugin</h2>
-        YOu have to download and install the <a href="https://www.elgato.com/en/gaming/downloads">Stream Deck software</a>. 
+            <h2 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:15px">Installing the Stream Deck Software and Plugin</h2>
+            <div class="materialDeck_helpMenu_collapsed">
+                You have to download and install the <a href="https://www.elgato.com/en/gaming/downloads">Stream Deck software</a>. 
                 You then need to install the plugin. There is a delay between when the plugin get's updated and the update being pushed in the store. 
                 If you try to install the plugin right after an update, you might not have the latest version. Manual installation is better in that case.
                 <br>
@@ -37,33 +57,37 @@
         
                 <h3>Manually</h3>
                 <ol>
-            <li>Download the latest plugin file using the download utility in the module settings, or download it (com.cdeenen.materialdeck.streamDeckPlugin) from <a href="https://github.com/CDeenen/MaterialDeck_SD/releases">here</a></li>
+                    <li>Download the latest plugin file using the download utility in the module settings, or download it (com.cdeenen.materialdeck.streamDeckPlugin) from <a href="https://github.com/MaterialFoundry/MaterialDeck_SD/releases">here</a></li>
                     <li>Double-click the file, this should open the Stream Deck software</li>
                     <li>Press 'Install' in the pop-up</li>
                 </ol>
+            </div>
     
-        <h2>Installing a Stream Deck Profile (optional)</h2>
+            <h2 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:15px">Installing a Stream Deck Profile (optional)</h2>
+            <div class="materialDeck_helpMenu_collapsed">
                 You can create your own profile, but it is recommended to start with one of the pre-made profiles. Currently, there is a profile for the normal and XL Stream Deck variants.
                 <ol>
-            <li>Download the latest plugin file using the download utility in the module settings, or download one (ending with .streamDeckProfile) from <a href="https://github.com/CDeenen/MaterialDeck_SD/releases">here</a></li>
+                    <li>Download the latest plugin file using the download utility in the module settings, or download one (ending with .streamDeckProfile) from <a href="https://github.com/MaterialFoundry/MaterialDeck_SD/releases">here</a></li>
                     <li>Double-click the file, this should load the profile into the Stream Deck software</li>
                 </ol>
+            </div>
     
-        <h2>Downloading and Starting Material Server</h2>
-        Material Server acts as a bridge application, bridging the communication between the Stream Deck and Material Deck.
+            <h2 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:15px">Downloading and Starting Material Companion</h2>
+            <div class="materialDeck_helpMenu_collapsed">
+                Material Companion acts as a bridge application, bridging the communication between the Stream Deck and Material Deck.
                 <ol>
-            <li>Download the latest version for your operating system <a href="https://github.com/CDeenen/MaterialServer/releases">here</a></li>
-            <li>Download and install the <a href="https://github.com/CDeenen/MaterialServer/blob/master/README.md#prerequisites">prerequisites</a></li>
+                    <li>Download the latest version for your operating system <a href="https://github.com/MaterialFoundry/MaterialCompanion/releases">here</a> or through the download utility</li>
                     <li>Extract the archive</li>
-            <li>Double-click the file to start the server</li>
+                    <li>Run 'MaterialCompanion.exe' (Windows) or 'MaterialCompanion' (MacOS and Linux)</li>
                 </ol>
-        <b>You need to always have Material Server running when you want to use Material Deck</b>
+                <b>You need to always have Material Companion running when you want to use Material Deck</b><br>
                 <br>
-        <br>
-        After setting up the module settings I suggest you just play around with one of the profiles to see that happens when you press buttons and do things in Foundry.
-        Most things should be pretty self explanatory. After that you could look into customizing your experience, as you can read about below.
+                <a href="https://github.com/MaterialFoundry/MaterialCompanion/wiki">Material Companion documentation</a>
+            </div>
             
-        <h1>Module Setup</h1>
+        </div>
+        <h1 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:20px">Module Setup</h1>
+        <div class="materialDeck_helpMenu_collapsed">
             <img src="modules/MaterialDeck/wiki/img/ModuleSettings.png" align="right" HSPACE="5" width="450">
             There are four buttons at the top:
             <ul>
@@ -79,20 +103,21 @@
             Below the buttons you will find the following settings:
             <ul>
                 <li><b>Enable Module</b> - Ticking this box enabled the module for the client</li>
-            <li><b>Material Server Address</b> - Fill in the address of Material Server (usually if you run it on the same computer as 
+                <li><b>Material Companion Address</b> - Fill in the address of Material Companion (usually if you run it on the same computer as 
                     you're using for Foundry, this can be localhost:3001). This is not necessarily the IP address of Foundry! It is the IP 
-                address of the computer that's running Material Server. The default value will work for 99% of people, only change it if 
-                you know what you're doing. More info on Material Server can be found <a href="https://github.com/CDeenen/MaterialServer/blob/master/README.md">here</a></li>
+                    address of the computer that's running Material Companion. The default value will work for 99% of people, only change it if 
+                    you know what you're doing. More info on Material Companion can be found <a href="https://github.com/MaterialFoundry/MaterialCompanion/blob/master/README.md">here</a></li>
                 <li><b>Image Cache Size</b> - Sets the amount of images to store in the image cache. The image cache will locally store all images sent to the Stream Deck. 
                     This improves the update speed, but increases memory usage.</li>
                 <li><b>Image Brightness</b> - Sets the brightness of the default white images for better readibility of the text. If Image Cache Size is large, it'll take a while for 
                     the new brightness setting to be applied. A refresh will give instantaneous results.</li>
-            <li><b>Number of Connection Warnings</b> - Sets the number of times you will get a warning when Material Deck cannot connect to Material Server. Will be unlimited if set to 0.</li>
+                <li><b>Number of Connection Warnings</b> - Sets the number of times you will get a warning when Material Deck cannot connect to Material Companion. Will be unlimited if set to 0.</li>
             </ul>
     
             <BR CLEAR="right" />
     
-        <h2>User Permission Configuration</h2>
+            <h2 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:15px">User Permission Configuration</h2>
+            <div class="materialDeck_helpMenu_collapsed">
                 <img src="modules/MaterialDeck/wiki/img/PermissionConfig.png" align="right" HSPACE="5" width="450">
                 Using the 'User Permission Configuration' screen, the GM can configure what Material Deck functions users have access to.<br>
                 Each action has various settings, and these settings can be set for each user role.<br>
@@ -101,21 +126,23 @@
                 <br>
         
                 <BR CLEAR="right" />
+            </div>
     
-        <h2>Download Utility</h2>
+            <h2 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:15px">Download Utility</h2>
+            <div class="materialDeck_helpMenu_collapsed">
                 <img src="modules/MaterialDeck/wiki/img/DownloadUtility.png" align="right" HSPACE="5" width="350">
-        The download utility allows you to easily check the current version of the Stream Deck plugin and Material Server, and gives you the option to download the latest version.<br>
-        Please note that the current version of Material Server is at the moment not supported.<br>
+                The download utility allows you to easily check the current version of the Stream Deck plugin and Material Companion, and gives you the option to download the latest version.<br>
+                Please note that the current version of Material Companion is at the moment not supported.<br>
                 <br>
-        At the bottom you can also download the default profiles from <a href="https://github.com/CDeenen/MaterialDeck_SD/releases">Github</a><div class=""></div><br>
-        <br>
-        The refresh button at the bottom refreshes the page in case there was a connection issue.
+                At the bottom you can also download the default profiles from <a href="https://github.com/MaterialFoundry/MaterialDeck_SD/releases">Github</a>.<div class=""></div><br>
         
                 <BR CLEAR="right" />
+            </div>
     
-        <h2>Playlist Configuration</h2>
+            <h2 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:15px">Playlist Configuration</h2>
+            <div class="materialDeck_helpMenu_collapsed">
                 <img src="modules/MaterialDeck/wiki/img/PlaylistConfig.png" align="right" HSPACE="5" width="350">
-        The playlist configuration screen configures the playlists that you control using the <a href="https://github.com/CDeenen/MaterialDeck/wiki/Playlist-Action">Playlist action</a>.<br>
+                The playlist configuration screen configures the playlists that you control using the <a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Playlist-Action">Playlist action</a>.<br>
                 There are 2 sections: 'Settings', and 'Playlists'.
         
                 <h3><b>Settings</b></h3>
@@ -141,9 +168,11 @@
                 For each playlist you can set the play mode, which overrides the default play mode for that specific playlist.<br>
                 <br>
                 <b>Note:</b> While you can assign the same playlist to multiple playlists in this configuration screen, only the play method of the first instance will be applied.
+            </div>
     
-        <h2>Macro Configuration</h2>
-        The Macro Configuration screen is to configure the macroboard for the <a href="https://github.com/CDeenen/MaterialDeck/wiki/Macro-Action">Macro action</a>.<br>
+            <h2 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:15px">Macro Configuration</h2>
+            <div class="materialDeck_helpMenu_collapsed">
+                The Macro Configuration screen is to configure the macroboard for the <a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Macro-Action">Macro action</a>.<br>
                 <br>
                 The screen is divided into 32 boxes, each labeled 'Macro #', where each represents a single macro and its settings. This screen will be refered to as a page.
                 By pressing the arrows at the top right and top left, you can go to the next or previous page. There is no limit to the amount of pages you can add, but if you 
@@ -171,9 +200,11 @@
                 or you might run into issues.
         
                 <img src="modules/MaterialDeck/wiki/img/MacroConfig.png" align="center" HSPACE="5" width="100%">
+            </div>
     
-        <h2>Soundboard Configuration</h2>
-        The Soundboard Configuration screen is used to configure the soundboard for the <a href="https://github.com/CDeenen/MaterialDeck/wiki/Soundboard-Action">Soundboard action</a>.<br>
+            <h2 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:15px">Soundboard Configuration</h2>
+            <div class="materialDeck_helpMenu_collapsed">
+                The Soundboard Configuration screen is used to configure the soundboard for the <a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Soundboard-Action">Soundboard action</a>.<br>
                 <br>
                 Similar to the Macro Configuration screen, the screen is divided into boxes, each labeled 'Sound #', where each represents a single sound and its settings. This screen will be refered to as a page.
                 By pressing the arrows at the top right and top left, you can go to the next or previous page. There is no limit to the amount of pages you can add, but if you 
@@ -190,7 +221,7 @@
                         For example, if you have the sounds 'Thunder.wav', 'Thunder2.wav' and 'Thunder3.wav' in the folder 'Assets', you could fill in the following: 'Assets/Thunder*', which 
                         will play one of the three sounds randomly when you press the button on the Stream Deck.</li>
                     <li><b>Icon</b> - Here you can select an icon that will be displayed on the SD button if 'Display Icon' is selected in the property inspector.
-                Please read <a href="https://github.com/CDeenen/MaterialDeck/wiki/Getting-Started#important-notes-on-foundry-assigned-text-and-icons">these</a> notes on rules regarding icon selection.</li>
+                        Please read <a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Getting-Started#important-notes-on-foundry-assigned-text-and-icons">these</a> notes on rules regarding icon selection.</li>
                     <li><b>On</b> - Clicking the colored box you'll be presented with a color picker. This sets the color of the ring that's shown on the button when the sound is playing.</li>
                     <li><b>Off</b> - Clicking the colored box you'll be presented with a color picker. This sets the color of the ring that's shown on the button when the sound is not playing.</li>
                     <li><b>Playback</b> - This sets the playback mode, you can select from:
@@ -215,37 +246,43 @@
                 or you might run into issues.
         
                 <img src="modules/MaterialDeck/wiki/img/SoundboardConfig.png" align="center" HSPACE="5" width="100%">
+            </div>
+        </div>
     
-        <h1>Customization</h1>
+        <h1 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:20px">Customization</h1>
+        <div class="materialDeck_helpMenu_collapsed">
             Material Deck is extremely flexible, but most of this flexibility must be performed in the Stream Deck software.<br>
-        Some basic instructions on using the software can be found <a href="https://github.com/CDeenen/MaterialDeck/wiki/Getting-Started#basic-stream-deck-setup-instructions">here</a>.<br>
+            Some basic instructions on using the software can be found <a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Getting-Started#basic-stream-deck-setup-instructions">here</a>.<br>
             <br>
             Some of the things you can change are:
             <ul>
                 <li><b>Button location</b> - You can drag buttons around into any order you want</li>
-            <li><b>Changing button text and icon</b> - All the text and icons on the Stream Deck can be customized, see <a href="https://github.com/CDeenen/MaterialDeck/wiki/Getting-Started#changing-the-button-text-and-icon">here</a></li>
+                <li><b>Changing button text and icon</b> - All the text and icons on the Stream Deck can be customized, see <a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Getting-Started#changing-the-button-text-and-icon">here</a></li>
                 <li><b>Customize the behavior of buttons</b> - See below</li>
             </ul>
             All the buttons have many settings to fine-tune your experience. Due to the large amount of things you can change, they will not be discussed here, instead you can read about it at the following links:
             <ul>
-            <li><a href="https://github.com/CDeenen/MaterialDeck/wiki/Combat-Tracker-Action">Combat Tracker Action</a></li>
-            <li><a href="https://github.com/CDeenen/MaterialDeck/wiki/External-Modules">External Modules</a></li>
-            <li><a href="https://github.com/CDeenen/MaterialDeck/wiki/Macro-Action">Macro Action</a></li>
-            <li><a href="https://github.com/CDeenen/MaterialDeck/wiki/Other-Actions">Other Actions</a></li>
-            <li><a href="https://github.com/CDeenen/MaterialDeck/wiki/Playlist-Action">Playlist Action</a></li>
-            <li><a href="https://github.com/CDeenen/MaterialDeck/wiki/Scene-Action">Scene Action</a></li>
-            <li><a href="https://github.com/CDeenen/MaterialDeck/wiki/Soundboard-Action">Soundboard Action</a></li>
-            <li><a href="https://github.com/CDeenen/MaterialDeck/wiki/Token-Action">Token Action</a></li>
+                <li><a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Combat-Tracker-Action">Combat Tracker Action</a></li>
+                <li><a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/External-Modules">External Modules</a></li>
+                <li><a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Macro-Action">Macro Action</a></li>
+                <li><a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Other-Actions">Other Actions</a></li>
+                <li><a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Playlist-Action">Playlist Action</a></li>
+                <li><a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Scene-Action">Scene Action</a></li>
+                <li><a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Soundboard-Action">Soundboard Action</a></li>
+                <li><a href="https://github.com/MaterialFoundry/MaterialDeck/wiki/Token-Action">Token Action</a></li>
             </ul>
+        </div>
         
-        <h1>Feedback</h1>
-        If you have any suggestions or bugs to report, feel free to create an issue, contact me on Discord (Cris#6864), or send me an email: cdeenen@outlook.com.
 
-        <h1>Credits</h1>
+        <h1 class="materialDeck_helpMenu_expandable"><img src="modules/MaterialDeck/img/right.png" class="materialDeck_helpMenu_expandableIcon" style="width:20px">Feedback & Credits</h1>
+        <div class="materialDeck_helpMenu_collapsed">
+            If you have any suggestions or bugs to report, feel free to create an issue, contact me on Discord (Cris#6864), or send me an email: info@materialfoundry.nl.<br>
+            <br>
             <b>Author:</b> Cristian Deenen (Cris#6864 on Discord)<br>
             <br>
             Special thanks to Asmodeus#7588 who made this module possible by generously donating a Stream Deck XL
             <br>
             Please consider supporting me on <a href="https://www.patreon.com/materialfoundry">Patreon</a>, and feel free to join the Material Foundry <a href="https://discord.gg/3hd4G6TkmA">Discord</a> server.    
         </div>
+    </div>    
 </form>

templates/importDialog.html

@@ -4,7 +4,7 @@
 
     <div class="form-group upload-file">
         <label><i class="fas fa-upload fa-fw"></i> {{ localize "FILES.Upload" }}</label>
-        <input type="file" name="upload" id="uploadJson">
+        <input type="file" name="upload" id="materialDeck_import_uploadJson">
     </div>
 
     <button type="submit" name="submit">

templates/macroConfig.html

@@ -1,25 +1,12 @@
 <form autocomplete="off" onsubmit="event.preventDefault()">
-    <style>
-        .boxed {
-            border: 1px solid black ;
-            border-radius: 5px ; 
-            max-width: 166px;
-            height: {{height}}px;
-        }
-        .navigation {
-            flex:1;
-            max-width: 8%;
-        }
-    </style>
-
-    <div class="navigationDiv" style="width:100%; display:flex; flex-direction:row;">
-        <button type="button" class="navigation" id="navPrev" {{prevDisabled}}>
+    <div class="materialDeck_macroConfig_navigationDiv">
+        <button type="button" class="materialDeck_macroConfig_navigation" name="navPrev" {{prevDisabled}}>
             <i class="fas fa-arrow-left"></i>
         </button>
-        <p style="width:84%; text-align:center; padding: 0px 0; font-size: 20px"><b>
+        <p class="materialDeck_macroConfig_p"><b>
             {{localize "MaterialDeck.Perm.MACRO.label"}}: {{macroRange}} {{localize "MaterialDeck.Of"}} {{totalMacros}}
         </b></p>
-        <button type="button" class="navigation" id="navNext">
+        <button type="button" class="materialDeck_macroConfig_navigation" name="navNext">
             <i class="fas fa-arrow-right"></i>
         </button>
     </div>
@@ -27,13 +14,20 @@
 
     {{#each macroData}}
         <div class="form-group" style="width:100%">
-            {{#each this.dataThis}}
-                <div class="boxed" style="padding: 5px; margin:2px; width:10%">
+            {{#each this.macroRowConfig}}
+                <div class="materialDeck_macroConfig_boxed">
                     <div style="text-align:center;">                    
                         {{localize "MaterialDeck.Macro"}} {{this.iteration}}
                     </div>
                     <div>
-                        <select name="macros" class="macros-select" id="macros{{this.iteration}}" default="" style="width:100%;">
+                        <div style="text-align:center;">                    
+                            {{localize "MaterialDeck.Label"}}
+                        </div>
+                        <input type="text" value="{{this.label}}" name="macroLabel" id="materialDeck_macroConfig_label{{this.iteration}}" style="width:100%;" >
+                        <div style="text-align:center;">                    
+                            {{localize "MaterialDeck.Macro"}}
+                        </div>
+                        <select name="macros" class="macros-select" id="materialDeck_macroConfig_macros{{this.iteration}}" default="" style="width:100%;">
                             {{#select this.macro}}
                                 <option value="">{{localize "MaterialDeck.None"}}</option>
                                 {{#each ../../macros}}
@@ -44,30 +38,30 @@
                     </div>
                     {{#if ../../furnace}}
                         <label>{{localize "MaterialDeck.FurnaceArgs"}}</label>
-                        <input type="text" name="args" id="args{{this.iteration}}" value="{{this.args}}">
+                        <input type="text" name="args" id="materialDeck_macroConfig_args{{this.iteration}}" value="{{this.args}}">
                     {{/if}}
                     
-                    <div class="flex-container" style="display:flex;flex-direction:row;padding-top:10px">  
+                    <div class="flex-container materialDeck_macroConfig_background">  
                         <label style="flex:1">{{localize "MaterialDeck.Background"}}</label>
-                        <input style="flex:1" type="color" name="colorPicker" id="colorpicker{{this.iteration}}" data-dtype="String" value="{{this.color}}">
+                        <input style="flex:1" type="color" name="colorPicker" id="materialDeck_macroConfig_colorpicker{{this.iteration}}" data-dtype="String" value="{{this.color}}">
                     </div>
                 </div>
             {{/each}}
         </div>
     {{/each}}
     <hr>
-    <div class="navigationDiv" style="width:100%; display:flex; flex-direction:row;">
-        <button type="button" class="navigation" id="clearPage">
+    <div class="materialDeck_macroConfig_navigationDiv">
+        <button type="button" class="materialDeck_macroConfig_navigation" name="clearPage">
             <i></i>{{localize "MaterialDeck.ClearPage"}}
         </button>
-        <button type="button" class="navigation" id="clearAll">
+        <button type="button" class="materialDeck_macroConfig_navigation" name="clearAll">
             <i></i>{{localize "MaterialDeck.ClearAll"}}
         </button>
         <p style="width:68%;"></p>
-        <button type="button" class="navigation" id="import">
+        <button type="button" class="materialDeck_macroConfig_navigation" name="import">
             <i></i>{{localize "MaterialDeck.Import"}}
         </button>
-        <button type="button" class="navigation" id="export">
+        <button type="button" class="materialDeck_macroConfig_navigation" name="export">
             <i></i>{{localize "MaterialDeck.Export"}}
         </button>
     </div>

templates/playlistConfig.html

@@ -4,7 +4,7 @@
     </div>
     <div class="form-group">     
         <label>{{localize "MaterialDeck.PL.Mode"}}</label>
-        <select name="playMode" class="playMode" default="">
+        <select name="playMode" class="materialDeck_plConfig_select" default="">
             {{#select playMode}}
                 <option value="0">{{localize "MaterialDeck.PL.Unrestricted"}}</option>
                 <option value="1">{{localize "MaterialDeck.PL.OneTrackPlaylist"}}</option>
@@ -14,7 +14,7 @@
     </div>
     <div class="form-group">     
         <label>{{localize "MaterialDeck.PL.Nr"}}</label>
-        <input type="number" id="numberOfPlaylists" name="plNum" min="0" max="127" value={{numberOfPlaylists}}>
+        <input type="number" class="materialDeck_plConfig_select" id="numberOfPlaylists" name="plNum" min="0" max="127" value={{numberOfPlaylists}}>
     </div>
     <div>                    
         <h2>{{localize "MaterialDeck.Playlists"}}</h2>
@@ -22,7 +22,7 @@
     {{#each playlistData}}
         <div class="form-group">
             <label>{{localize "MaterialDeck.Playlist"}} {{this.iteration}}</label>
-            <select name="selectedPlaylist" class="playlist-select" id="playlist{{this.iteration}}" default="">
+            <select name="selectedPlaylist" class="materialDeck_plConfig_select" id="playlist{{this.iteration}}" default="">
                 {{#select this.playlist}}
                     <option value="">{{localize "MaterialDeck.None"}}</option>
                     {{#each ../playlists}}
@@ -31,7 +31,7 @@
                 {{/select}}
             </select>
             &nbsp;
-            <select name="playlistMode" class="playlistMode" id="playlistMode{{this.iteration}}" default="">
+            <select name="playlistMode" class="materialDeck_plConfig_select" id="playlistMode{{this.iteration}}" default="">
                 {{#select this.playlistMode}}
                     <option value="0">{{localize "MaterialDeck.PL.Mode"}}</option>
                     <option value="1">{{localize "MaterialDeck.PL.Unrestricted"}}</option>

templates/soundboardConfig.html

@@ -1,25 +1,13 @@
 <form autocomplete="off" onsubmit="event.preventDefault()">
-    <style>
-        .boxed {
-            border: 1px solid black ;
-            border-radius: 5px ; 
-            max-width: 166px;
-            height: 300px;
-        }
 
-        .navigation {
-            flex:1;
-        }
-    </style>
-
-    <div class="navigation" style="width:100%; display:flex; flex-direction:row;">
-        <button type="button" class="navigation" id="navPrev" {{prevDisabled}}>
+    <div class="materialDeck_sbConfig_navigationDiv">
+        <button type="button" class="materialDeck_sbConfig_navigation" name="navPrev" {{prevDisabled}}>
             <i class="fas fa-arrow-left"></i>
         </button>
-        <p style="flex:15; text-align:center; padding: 0px 0; font-size: 20px"><b>
+        <p class="materialDeck_sbConfig_p"><b>
             {{localize "MaterialDeck.Sounds"}}: {{soundRange}} {{localize "MaterialDeck.Of"}} {{totalSounds}}
         </b></p>
-        <button type="button" class="navigation" id="navNext">
+        <button type="button" class="materialDeck_sbConfig_navigation" name="navNext">
             <i class="fas fa-arrow-right"></i>
         </button>
     </div>
@@ -28,20 +16,20 @@
     {{#each soundData}}
         <div class="form-group" style="width:100%">
             {{#each this.dataThis}}
-                <div class="boxed" style="padding: 5px; margin:2px; width:10%">
+                <div class="materialDeck_sbConfig_boxed">
                     <div style="text-align:center;">                    
                         {{localize "MaterialDeck.Sound"}} {{this.iteration}}
                     </div>
                     <div style="text-align:center;">                    
                         {{localize "MaterialDeck.Name"}}
                     </div>
-                    <input type="text" name="namebox" value="{{this.name}}" id="name{{this.iteration}}" style="width:100%;" >
+                    <input type="text" name="namebox" value="{{this.name}}" id="materialDeck_sbConfig_name{{this.iteration}}" style="width:100%;" >
 
                     <div style="text-align:center;">                    
                         {{localize "MaterialDeck.Playlist"}}
                     </div>
                     <div>
-                        <select name="playlist" class="playlist-select" default="" style="width:100%;" id="playlists{{this.iteration}}">
+                        <select name="playlist" class="playlist-select" default="" style="width:100%;" id="materialDeck_sbConfig_playlists{{this.iteration}}">
                             {{#select this.selectedPlaylist}}
                                 {{#each ../../playlists}}
                                 <option value="{{this.id}}">{{this.name}}</option>
@@ -53,8 +41,8 @@
                     <div style="text-align:center;">                    
                         {{localize "MaterialDeck.Sound"}}
                     </div>
-                    <div class="form-fields" id="ss{{this.iteration}}" style="{{this.styleSS}}">
-                        <select name="sounds" class="sounds-select" default="" style="width:100%;" id="soundSelect{{this.iteration}}">
+                    <div class="form-fields" id="materialDeck_sbConfig_ss{{this.iteration}}" style="{{this.styleSS}}">
+                        <select name="sounds" class="sounds-select" default="" style="width:100%;" id="materialDeck_sbConfig_soundSelect{{this.iteration}}">
                             {{#select this.sound}}
                                 <option value="">{{localize "MaterialDeck.None"}}</option>
                                 {{#each sounds}}
@@ -63,11 +51,11 @@
                             {{/select}}
                         </select>
                     </div>
-                    <div class="form-fields" id="fp{{this.iteration}}" style="{{this.styleFP}}">
+                    <div class="form-fields" id="materialDeck_sbConfig_fp{{this.iteration}}" style="{{this.styleFP}}">
                         <button type="button" class="file-picker" data-type="audio" data-target="src{{this.iteration}}" title="Browse Files" tabindex="-1">
                             <i class="fas fa-file-import fa-fw"></i>
                         </button>
-                        <input class="image" type="text" name="src{{this.iteration}}" name2="soundSrc" id="srcPath{{this.iteration}}" placeholder="path/audio.mp3" value={{this.srcPath}}>
+                        <input class="image" type="text" name="src{{this.iteration}}" name2="soundSrc" id="materialDeck_sbConfig_srcPath{{this.iteration}}" placeholder="path/audio.mp3" value={{this.srcPath}}>
                     </div>
                     <div style="text-align:center;">                    
                         {{localize "MaterialDeck.Icon"}}
@@ -76,18 +64,18 @@
                         <button type="button" class="file-picker" data-type="image" data-target="img{{this.iteration}}" title="Browse Files" tabindex="-1">
                             <i class="fas fa-file-import fa-fw"></i>
                         </button>
-                        <input class="image" type="text" name="img{{this.iteration}}" name2="imgSrc"  id="imgPath{{this.iteration}}" placeholder="path/image.png" value={{this.imgPath}}>
+                        <input class="image" type="text" name="img{{this.iteration}}" name2="imgSrc"  id="materialDeck_sbConfig_imgPath{{this.iteration}}" placeholder="path/image.png" value={{this.imgPath}}>
                     </div>
                     <div class="flex-container" style="display:flex;flex-direction:row;padding-top:5px">  
                         <label style="flex:1">{{localize "MaterialDeck.On"}}&nbsp;&nbsp;&nbsp;</label>
-                        <input style="flex:1" type="color" id="colorOn{{this.iteration}}" name="colorOn" style="flex:4" data-dtype="String" value="{{this.colorOn}}">
+                        <input style="flex:1" type="color" id="materialDeck_sbConfig_colorOn{{this.iteration}}" name="colorOn" style="flex:4" data-dtype="String" value="{{this.colorOn}}">
                         <label style="flex:1">&nbsp;{{localize "MaterialDeck.Off"}}&nbsp;&nbsp;</label>
-                        <input style="flex:1" type="color" id="colorOff{{this.iteration}}" name="colorOff" style="flex:4" data-dtype="String" value="{{this.colorOff}}"> 
+                        <input style="flex:1" type="color" id="materialDeck_sbConfig_colorOff{{this.iteration}}" name="colorOff" style="flex:4" data-dtype="String" value="{{this.colorOff}}"> 
                     </div>
                     
                     <div class="form-group options">
                         <label>{{localize "MaterialDeck.Playback"}}</label>
-                        <select name="mode" id="playmode{{this.iteration}}" style="flex:1">
+                        <select name="mode" id="materialDeck_sbConfig_playmode{{this.iteration}}" style="flex:1">
                             {{#select this.mode}}
                             <option value="0">{{localize "MaterialDeck.Once"}}</option>
                             <option value="1">{{localize "MaterialDeck.Repeat"}}</option>
@@ -97,7 +85,7 @@
                     </div>
                     <div class="form-group options">
                     <label>{{localize "MaterialDeck.Volume"}}</label>
-                        <input type="range" min="0" max="100" value={{this.volume}} class="slider" name="volume" id="volume{{this.iteration}}">
+                        <input type="range" min="0" max="100" value={{this.volume}} class="slider" name="volume" id="materialDeck_sbConfig_volume{{this.iteration}}">
                     </div>
 
                 </div>
@@ -105,18 +93,18 @@
         </div>
     {{/each}}
     <hr>
-    <div class="navigation" style="width:100%; display:flex; flex-direction:row;">
-        <button type="button" class="navigation" id="clearPage">
+    <div class="materialDeck_sbConfig_navigationDiv">
+        <button type="button" class="materialDeck_sbConfig_navigation" name="clearPage">
             <i></i>{{localize "MaterialDeck.ClearPage"}}
         </button>
-        <button type="button" class="navigation" id="clearAll">
+        <button type="button" class="materialDeck_sbConfig_navigation" name="clearAll">
             <i></i>{{localize "MaterialDeck.ClearAll"}}
         </button>
         <p style="flex:15;"></p>
-        <button type="button" class="navigation" id="import">
+        <button type="button" class="materialDeck_sbConfig_navigation" name="import">
             <i></i>{{localize "MaterialDeck.Import"}}
         </button>
-        <button type="button" class="navigation" id="export">
+        <button type="button" class="materialDeck_sbConfig_navigation" name="export">
             <i></i>{{localize "MaterialDeck.Export"}}
         </button>
     </div>

templates/userPermissionConfig.html

@@ -1,98 +1,49 @@
 <form autocomplete="off" onsubmit="event.preventDefault();">
-
-    <style>
-    header.table-header {
-        background: rgba(0, 0, 0, 0.5);
-        padding: 5px;
-        border: 1px solid #191813;
-        text-align: center;
-        color: #f0f0e0;
-        font-weight: bold;
-        text-shadow: 1px 1px #000;
-      }
-      ul.permissions-list {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-
-        overflow: hidden auto;
-        scrollbar-width: thin;
-      }
-      li.permission {
-        padding: 5px;
-        border-bottom: 1px solid #7a7971;
-      }
-      li.permission .form-fields {
-        justify-content: space-around;
-      }
-      li.permission input[type="checkbox"] {
-        margin: 0;
-      }
-      .index {
-        flex: 0 0 200px;
-        text-align: left;
-        font-weight: bold;
-      }
-      .hint {
-        flex: 0 0 100%;
-        color: #4b4a44;
-        font-size: 13px;
-        margin: 5px 0 0;
-      }
-
-      .form-fields {
-        justify-content: space-around;
-        }
-      </style>
-
-
     <p class="notes">{{localize "MaterialDeck.Perm.Instructions"}}</p>
     <hr>
     
     <div class="form-group">
         <h2>{{ localize "MaterialDeck.Perm.ENABLE.label" }}</h2>
     </div>
-    <header class="table-header flexrow">
-        <label class="index">{{ localize "PERMISSION.Permission" }}</label>
+    <header class="materialDeck_uPerm_table-header flexrow">
+        <label class="materialDeck_uPerm_index">{{ localize "PERMISSION.Permission" }}</label>
         {{#each roles as |rl r|}}
         <label>{{ localize rl}}</label>
         {{/each}}
     </header>
     
-
-        <li class="permission form-group">
-            <label class="index">{{ localize "MaterialDeck.Perm.ENABLE.ENABLE.label" }}</label>
+    <li class="materialDeck_uPerm_permission form-group">
+        <label class="materialDeck_uPerm_index">{{ localize "MaterialDeck.Perm.ENABLE.ENABLE.label" }}</label>
         <div class="form-fields">
             {{#each enable as |r|}}
-                    <input type="checkbox" name="ENABLE" {{checked r}}>
+                <input type="checkbox" name="ENABLE.{{r.role}}" {{checked r.en}}>
             {{/each}}
         </div>
-            <p class="hint">{{ localize "MaterialDeck.Perm.ENABLE.ENABLE.hint" }}</p>
+        <p class="hint materialDeck_uPerm_hint">{{ localize "MaterialDeck.Perm.ENABLE.ENABLE.hint" }}</p>
     </li>
 
-   
     {{#each actions as |a|}}
     
     <div class="form-group">
         <h2>{{ localize a.label }}</h2>
     </div>
-    <header class="table-header flexrow">
-        <label class="index">{{ localize "PERMISSION.Permission" }}</label>
+    <header class="materialDeck_uPerm_table-header flexrow">
+        <label class="materialDeck_uPerm_index">{{ localize "PERMISSION.Permission" }}</label>
         {{#each ../roles as |rl r|}}
         <label>{{ localize rl}}</label>
         {{/each}}
     </header>
     
-        <ul class="permissions-list">
+        <ul class="materialDeck_uPerm_permissions-list">
         {{#each a.permissions as |p|}}
-        <li class="permission form-group">
-            <label class="index">{{ localize p.label }}</label>
+        <li class="materialDeck_uPerm_permission form-group">
+            <label class="materialDeck_uPerm_index">{{ localize p.label }}</label>
             <div class="form-fields">
                 {{#each p.roles as |r|}}
-                    <input type="checkbox" id="{{p.id}}" name="{{a.id}}.{{p.id}}" {{checked r}}>
+                    <input type="checkbox" name="{{a.id}}.{{p.id}}.{{r.role}}" {{checked r.en}}>
                 {{/each}}
             </div>
-            <p class="hint">{{ localize p.hint }}</p>
+            <p class="hint materialDeck_uPerm_hint">{{ localize p.hint }}</p>
         </li>
         {{/each}}
     </ul>