add permission setting for each script chat card button

Author: FurtherV

scripts/applications/script-config.mjs

@@ -42,6 +42,11 @@ export class ScriptConfig extends FormApplication {
     const context = super.getData();
 
     context.data = this.script;
+    context.buttonPermissionChoices = Object.fromEntries(
+      Object.entries(CONST.DOCUMENT_OWNERSHIP_LEVELS).filter(([k, v]) =>
+        this.script.schema.fields.buttonPermission.choices.includes(v),
+      ),
+    );
 
     context.triggers = Object.values(TRIGGER).reduce((acc, x) => {
       acc[x] = {

scripts/data/script-model.mjs

@@ -41,6 +41,17 @@ export class ScriptModel extends foundry.abstract.DataModel {
           label: "Trigger Set",
         },
       ),
+      buttonPermission: new fields.NumberField({
+        required: true,
+        integer: true,
+        positive: true,
+        choices: [
+          CONST.DOCUMENT_OWNERSHIP_LEVELS.OWNER,
+          CONST.DOCUMENT_OWNERSHIP_LEVELS.OBSERVER,
+          CONST.DOCUMENT_OWNERSHIP_LEVELS.LIMITED,
+        ],
+        initial: CONST.DOCUMENT_OWNERSHIP_LEVELS.OWNER,
+      }),
       buttonIconClasses: new fields.StringField({
         required: false,
         blank: true,

scripts/scriptable-items.mjs

@@ -62,9 +62,12 @@ Hooks.on("dnd5e.renderChatMessage", async (message, html) => {
   const item = message.getAssociatedItem();
   if (!item) return;
 
-  const scripts = ScriptModel.getAll(item).filter((x) =>
-    x.triggers.has(TRIGGER.BUTTON),
-  );
+  const scripts = ScriptModel.getAll(item).filter((x) => {
+    return (
+      x.triggers.has(TRIGGER.BUTTON) &&
+      item.testUserPermission(game.user, x.buttonPermission)
+    );
+  });
   if (!scripts.length) return;
 
   // Add button for each script with button trigger to the card

templates/script-config.hbs

@@ -1,51 +1,37 @@
 <form class="{{cssClass}} flexcol script-config" autocomplete="off">
     <header class="sheet-header">
-        <img
-            src="{{data.img}}"
-            data-edit="img"
-            title="{{data.name}}"
-            height="64"
-            width="64"
-        />
-        <h1><input
-                name="name"
-                type="text"
-                value="{{data.name}}"
-                placeholder="{{localize 'Name'}}"
-            /></h1>
+        <img src="{{data.img}}" data-edit="img" title="{{data.name}}" height="64" width="64" />
+        <h1><input name="name" type="text" value="{{data.name}}" placeholder="{{localize 'Name'}}" /></h1>
     </header>
 
     <div class="form-group">
         <label>Triggers</label>
         <multi-select name="triggers">
             {{#each triggers}}
-                <option value={{@key}} {{selected}}>{{label}}</option>
+            <option value={{@key}} {{selected}}>{{label}}</option>
             {{/each}}
         </multi-select>
     </div>
 
     <details>
         <summary>Button Configuration</summary>
         <fieldset>
+            <div class="form-group">
+                <label>Required Permissions</label>
+                <select name="buttonPermission">
+                    {{selectOptions buttonPermissionChoices selected=data.buttonPermission inverted=true}}
+                </select>
+            </div>
             <div class="form-group">
                 <label>Icon</label>
-                <input
-                    name="buttonIconClasses"
-                    type="text"
-                    value="{{data.buttonIconClasses}}"
-                    placeholder="fa-solid fa-code"
-                />
+                <input name="buttonIconClasses" type="text" value="{{data.buttonIconClasses}}"
+                    placeholder="fa-solid fa-code" />
                 <p class="hint">CSS classes used for the icon of the button. If
                     empty, no icon will be shown.</p>
             </div>
             <div class="form-group">
                 <label>Text</label>
-                <input
-                    name="buttonText"
-                    type="text"
-                    value="{{data.buttonText}}"
-                    placeholder="{{data.name}}"
-                />
+                <input name="buttonText" type="text" value="{{data.buttonText}}" placeholder="{{data.name}}" />
                 <p class="hint">Text displayed on the button. Is always right of
                     the icon and defaults to the scripts name if left empty.</p>
             </div>