@sanity/runtime-cli 1.5.0 → 1.8.0

package/dist/server/static/components/network-spinner.js

@@ -60,11 +60,12 @@ const template = `<style>
 <svg part="base" class="spinner" role="progressbar" aria-label="loading">
     <circle class="spinner__track"></circle>
     <circle class="spinner__indicator"></circle>
-</svg>`;
+</svg>`
+
 class NetworkSpinner extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = template;
-    }
+  connectedCallback() {
+    this.innerHTML = template
+  }
 }
-customElements.define('network-spinner', NetworkSpinner);
-export {};
+
+customElements.define('network-spinner', NetworkSpinner)

package/dist/server/static/components/payload-panel.js

@@ -1,41 +1,45 @@
 /* globals customElements */
-import { EditorView, basicSetup, json } from '../vendor/vendor.bundle.js';
-import { ApiBaseElement } from './api-base.js';
+import {EditorView, basicSetup, json} from '../vendor/vendor.bundle.js'
+import {ApiBaseElement} from './api-base.js'
+
 const template = `<m-box>
     <h2 class="mar-t-0">Payload</h2>
     <div id="payload" name="payload"></div>
     <button ord="primary" class="mar-t-sm sanity-button">Invoke</button>
 </m-box>
-`;
+`
 class PayloadPanel extends ApiBaseElement {
-    invoke = () => {
-        const payloadText = this.api.store.payload.state.doc.text.join('') || '{}';
-        this.api.invoke(payloadText);
-    };
-    updateButtonText = ({ inprogress }) => {
-        if (inprogress) {
-            this.button.setAttribute('disabled', '');
-            this.button.innerHTML = '<network-spinner></network-spinner>';
-        }
-        else {
-            this.button.removeAttribute('disabled');
-            this.button.innerText = 'Invoke';
-        }
-    };
-    connectedCallback() {
-        this.innerHTML = template;
-        this.payload = this.querySelector('#payload');
-        this.button = this.querySelector('button');
-        this.button.addEventListener('click', this.invoke);
-        this.api.subscribe(this.updateButtonText, ['inprogress']);
-        this.api.store.payload = new EditorView({
-            doc: '\n\n\n\n',
-            extensions: [basicSetup, json()],
-            parent: this.payload,
-        });
-    }
-    disconnectedCallback() {
-        this.button.removeEventListener('click', this.invoke);
+  invoke = () => {
+    const payloadText = this.api.store.payload.state.doc.text.join('') || '{}'
+    this.api.invoke(payloadText)
+  }
+  updateButtonText = ({inprogress}) => {
+    if (inprogress) {
+      this.button.setAttribute('disabled', '')
+      this.button.innerHTML = '<network-spinner></network-spinner>'
+    } else {
+      this.button.removeAttribute('disabled')
+      this.button.innerText = 'Invoke'
     }
+  }
+
+  connectedCallback() {
+    this.innerHTML = template
+    this.payload = this.querySelector('#payload')
+    this.button = this.querySelector('button')
+    this.button.addEventListener('click', this.invoke)
+    this.api.subscribe(this.updateButtonText, ['inprogress'])
+
+    this.api.store.payload = new EditorView({
+      doc: '\n\n\n\n',
+      extensions: [basicSetup, json()],
+      parent: this.payload,
+    })
+  }
+
+  disconnectedCallback() {
+    this.button.removeEventListener('click', this.invoke)
+  }
 }
-customElements.define('payload-panel', PayloadPanel);
+
+customElements.define('payload-panel', PayloadPanel)

package/dist/server/static/components/response-panel.js

@@ -1,7 +1,15 @@
 /* eslint-disable unicorn/prefer-dom-node-text-content */
 /* globals customElements document */
-import { EditorState, EditorView, basicSetup, json, prettyBytes, prettyMilliseconds, } from '../vendor/vendor.bundle.js';
-import { ApiBaseElement } from './api-base.js';
+import {
+  EditorState,
+  EditorView,
+  basicSetup,
+  json,
+  prettyBytes,
+  prettyMilliseconds,
+} from '../vendor/vendor.bundle.js'
+import {ApiBaseElement} from './api-base.js'
+
 const template = `<m-box>
     <m-tabs role="tablist">
         <button id="a" role="tab" aria-selected="true">Response</button>
@@ -15,55 +23,61 @@ const template = `<m-box>
     </div>
     <div role="tabpanel" data-tab-id="b" class="pad-t-sm" hidden><pre></pre></div>
 </m-box>
-`;
+`
 class ResponsePanel extends ApiBaseElement {
-    switchTab = (e) => {
-        const selectedTabId = e.target.closest('[role=tab]').id;
-        // Select the tab and its panel
-        for (const tab of e.currentTarget.querySelectorAll('[role=tab]')) {
-            tab.ariaSelected = tab.id === selectedTabId;
-        }
-        for (const panel of document.querySelectorAll('[role=tabpanel')) {
-            panel.hidden = panel.dataset.tabId !== selectedTabId;
-        }
-    };
-    updateResponse = ({ result }) => {
-        const { error, json, logs, time } = result;
-        if (!error) {
-            const transaction = this.api.store.response.state.update({
-                changes: {
-                    from: 0,
-                    insert: JSON.stringify(json, null, 2),
-                    to: this.api.store.response.state.doc.length,
-                },
-            });
-            this.api.store.response.dispatch(transaction);
-            this.size.innerText = json ? prettyBytes(JSON.stringify(json).length) : '';
-            this.time.innerText = prettyMilliseconds(time);
-            this.consoleTab.innerText = logs;
-        }
-        else {
-            this.consoleTab.innerText = error?.details?.error;
-        }
-    };
-    connectedCallback() {
-        this.innerHTML = template;
-        this.response = this.querySelector('#response');
-        this.size = this.querySelector('#size');
-        this.time = this.querySelector('#time');
-        this.consoleTab = this.querySelector('pre');
-        this.tabs = this.querySelector('m-tabs');
-        this.tabs.addEventListener('click', this.switchTab);
-        this.api.subscribe(this.updateResponse, ['result']);
-        this.api.store.response = new EditorView({
-            doc: '\n\n\n\n',
-            extensions: [basicSetup, json(), EditorState.readOnly.of(true)],
-            parent: this.response,
-        });
+  switchTab = (e) => {
+    const selectedTabId = e.target.closest('[role=tab]').id
+
+    // Select the tab and its panel
+    for (const tab of e.currentTarget.querySelectorAll('[role=tab]')) {
+      tab.ariaSelected = tab.id === selectedTabId
     }
-    disconnectedCallback() {
-        this.tabs.removeEventListener('click', this.switchTab);
-        this.api.unsubscribe(this.updateResponse);
+
+    for (const panel of document.querySelectorAll('[role=tabpanel')) {
+      panel.hidden = panel.dataset.tabId !== selectedTabId
     }
+  }
+  updateResponse = ({result}) => {
+    const {error, json, logs, time} = result
+    if (!error) {
+      const transaction = this.api.store.response.state.update({
+        changes: {
+          from: 0,
+          insert: JSON.stringify(json, null, 2),
+          to: this.api.store.response.state.doc.length,
+        },
+      })
+      this.api.store.response.dispatch(transaction)
+
+      this.size.innerText = json ? prettyBytes(JSON.stringify(json).length) : ''
+      this.time.innerText = prettyMilliseconds(time)
+      this.consoleTab.innerText = logs
+    } else {
+      this.consoleTab.innerText = error?.details?.error
+    }
+  }
+
+  connectedCallback() {
+    this.innerHTML = template
+    this.response = this.querySelector('#response')
+    this.size = this.querySelector('#size')
+    this.time = this.querySelector('#time')
+    this.consoleTab = this.querySelector('pre')
+    this.tabs = this.querySelector('m-tabs')
+    this.tabs.addEventListener('click', this.switchTab)
+    this.api.subscribe(this.updateResponse, ['result'])
+
+    this.api.store.response = new EditorView({
+      doc: '\n\n\n\n',
+      extensions: [basicSetup, json(), EditorState.readOnly.of(true)],
+      parent: this.response,
+    })
+  }
+
+  disconnectedCallback() {
+    this.tabs.removeEventListener('click', this.switchTab)
+    this.api.unsubscribe(this.updateResponse)
+  }
 }
-customElements.define('response-panel', ResponsePanel);
+
+customElements.define('response-panel', ResponsePanel)