@sanity/runtime-cli 7.6.4 → 7.6.5

package/README.md

@@ -20,7 +20,7 @@ $ npm install -g @sanity/runtime-cli
 $ sanity-run COMMAND
 running command...
 $ sanity-run (--version)
-@sanity/runtime-cli/7.6.4 linux-x64 node-v22.16.0
+@sanity/runtime-cli/7.6.5 linux-x64 node-v22.16.0
 $ sanity-run --help [COMMAND]
 USAGE
   $ sanity-run COMMAND
@@ -84,7 +84,7 @@ EXAMPLES
   $ sanity-run blueprints add function --name my-function --fn-type document-publish --lang js
 ```
 
-_See code: [src/commands/blueprints/add.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/blueprints/add.ts)_
+_See code: [src/commands/blueprints/add.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/blueprints/add.ts)_
 
 ## `sanity-run blueprints config`
 
@@ -112,7 +112,7 @@ EXAMPLES
   $ sanity-run blueprints config --edit --project-id <projectId>
 ```
 
-_See code: [src/commands/blueprints/config.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/blueprints/config.ts)_
+_See code: [src/commands/blueprints/config.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/blueprints/config.ts)_
 
 ## `sanity-run blueprints deploy`
 
@@ -134,7 +134,7 @@ EXAMPLES
   $ sanity-run blueprints deploy --no-wait
 ```
 
-_See code: [src/commands/blueprints/deploy.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/blueprints/deploy.ts)_
+_See code: [src/commands/blueprints/deploy.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/blueprints/deploy.ts)_
 
 ## `sanity-run blueprints destroy`
 
@@ -155,7 +155,7 @@ EXAMPLES
   $ sanity-run blueprints destroy
 ```
 
-_See code: [src/commands/blueprints/destroy.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/blueprints/destroy.ts)_
+_See code: [src/commands/blueprints/destroy.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/blueprints/destroy.ts)_
 
 ## `sanity-run blueprints info`
 
@@ -172,7 +172,7 @@ EXAMPLES
   $ sanity-run blueprints info
 ```
 
-_See code: [src/commands/blueprints/info.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/blueprints/info.ts)_
+_See code: [src/commands/blueprints/info.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/blueprints/info.ts)_
 
 ## `sanity-run blueprints init [DIR]`
 
@@ -204,7 +204,7 @@ EXAMPLES
   $ sanity-run blueprints init --blueprint-type <json|js|ts> --project-id <projectId>
 ```
 
-_See code: [src/commands/blueprints/init.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/blueprints/init.ts)_
+_See code: [src/commands/blueprints/init.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/blueprints/init.ts)_
 
 ## `sanity-run blueprints logs`
 
@@ -226,7 +226,7 @@ EXAMPLES
   $ sanity-run blueprints logs --watch
 ```
 
-_See code: [src/commands/blueprints/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/blueprints/logs.ts)_
+_See code: [src/commands/blueprints/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/blueprints/logs.ts)_
 
 ## `sanity-run blueprints plan`
 
@@ -243,7 +243,7 @@ EXAMPLES
   $ sanity-run blueprints plan
 ```
 
-_See code: [src/commands/blueprints/plan.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/blueprints/plan.ts)_
+_See code: [src/commands/blueprints/plan.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/blueprints/plan.ts)_
 
 ## `sanity-run functions dev`
 
@@ -263,7 +263,7 @@ EXAMPLES
   $ sanity-run functions dev --port 8974
 ```
 
-_See code: [src/commands/functions/dev.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/functions/dev.ts)_
+_See code: [src/commands/functions/dev.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/functions/dev.ts)_
 
 ## `sanity-run functions env add NAME KEY VALUE`
 
@@ -285,7 +285,7 @@ EXAMPLES
   $ sanity-run functions env add MyFunction API_URL https://api.example.com/
 ```
 
-_See code: [src/commands/functions/env/add.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/functions/env/add.ts)_
+_See code: [src/commands/functions/env/add.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/functions/env/add.ts)_
 
 ## `sanity-run functions env list NAME`
 
@@ -305,7 +305,7 @@ EXAMPLES
   $ sanity-run functions env list MyFunction
 ```
 
-_See code: [src/commands/functions/env/list.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/functions/env/list.ts)_
+_See code: [src/commands/functions/env/list.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/functions/env/list.ts)_
 
 ## `sanity-run functions env remove NAME KEY`
 
@@ -326,7 +326,7 @@ EXAMPLES
   $ sanity-run functions env remove MyFunction API_URL
 ```
 
-_See code: [src/commands/functions/env/remove.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/functions/env/remove.ts)_
+_See code: [src/commands/functions/env/remove.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/functions/env/remove.ts)_
 
 ## `sanity-run functions logs NAME`
 
@@ -360,7 +360,7 @@ EXAMPLES
   $ sanity-run functions logs <name> --delete
 ```
 
-_See code: [src/commands/functions/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/functions/logs.ts)_
+_See code: [src/commands/functions/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/functions/logs.ts)_
 
 ## `sanity-run functions test NAME`
 
@@ -393,7 +393,7 @@ EXAMPLES
   $ sanity-run functions test <name> --data '{ "id": 1 }' --timeout 60
 ```
 
-_See code: [src/commands/functions/test.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.4/src/commands/functions/test.ts)_
+_See code: [src/commands/functions/test.ts](https://github.com/sanity-io/runtime-cli/blob/v7.6.5/src/commands/functions/test.ts)_
 
 ## `sanity-run help [COMMAND]`
 

package/dist/server/static/components/app.css

@@ -671,9 +671,10 @@ body {
     'header'
     'filters'
     'left-sidebar'
-    'main';
+    'main'
+    'footer';
 
-  grid-template-rows: min-content min-content min-content 1fr;
+  grid-template-rows: min-content min-content min-content 1fr min-content;
 }
 
 /* Utilities */
@@ -775,6 +776,9 @@ body > main {
   overflow: hidden; /* Prevent main itself from scrolling */
   min-height: 0; /* Needed for grid children height */
 }
+body > footer {
+  grid-area: footer;
+}
 
 /* Add styles for filters-component form */
 /* Default (Mobile) Styles */
@@ -885,6 +889,7 @@ console-panel {
       'header             header' min-content
       'filters            filters' min-content
       'left-sidebar       main  ' 1fr
+      'footer             footer' min-content
       / minmax(auto, 320px) 1fr;
   }
   .border-top-none-l {

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

@@ -4,16 +4,10 @@ import {sanityCodeMirrorTheme} from './codemirror-theme.js'
 import {EditorView, basicSetup, json} from '../vendor/vendor.bundle.js'
 import {ApiBaseElement} from './api-base.js'
 
-const runTemplate = `<span>Run</span>
-  <svg data-sanity-icon="play" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 18.5V6.5L17.5 12.5L7.5 18.5Z" fill="currentColor" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg>`
-
 const template = `<div class="gutter-gradient relative h-100 max-h-100 y-scroll border-top border-top-none-l">
     <div class="bg gutter-gradient sticky top-0 right-0 left-0 z-100">
       <div class="flex items-center space-between" style="padding: 8px 20px 8px 48px;">
       <h2 class="config-label mar-t-0 mar-b-0">Event</h2>
-      <button ord="primary" class="sanity-button">
-        ${runTemplate}
-      </button>
   </div>
     <hr class='hr-border' style='margin-left: 31px; ' />
     </div>
@@ -21,46 +15,9 @@ const template = `<div class="gutter-gradient relative h-100 max-h-100 y-scroll
 </div>
 `
 class PayloadPanel extends ApiBaseElement {
-  invoke = () => {
-    const payloadText = this.createPayloadText(this.api.store.payload.state.doc)
-    const event = JSON.parse(payloadText)
-    const context = {
-      clientOptions: {
-        apiVersion: this.apiVersion.value,
-        dataset: this.api.store.selectedDataset,
-        projectId: this.api.store.selectedProject,
-      },
-    }
-    this.api.invoke({context, event})
-  }
-  createPayloadText = (doc) => {
-    if (doc.text) {
-      return doc.text.join('') || '{}'
-    }
-    if (doc.children) {
-      return doc.children.map((child) => child.text.join('')).join('') || '{}'
-    }
-    return '{}'
-  }
-  updateButtonText = ({inprogress}) => {
-    if (inprogress) {
-      this.button.setAttribute('disabled', '')
-      this.button.innerHTML = '<network-spinner></network-spinner>'
-    } else {
-      this.button.removeAttribute('disabled')
-      this.button.innerHTML = runTemplate
-    }
-  }
-
   connectedCallback() {
     this.innerHTML = template
     this.payload = this.querySelector('#payload')
-    this.apiVersion = document.querySelector('#apiversion')
-    this.datasetname = document.querySelector('#datasetname')
-    this.productId = document.querySelector('#project')
-    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',
@@ -68,10 +25,6 @@ class PayloadPanel extends ApiBaseElement {
       parent: this.payload,
     })
   }
-
-  disconnectedCallback() {
-    this.button.removeEventListener('click', this.invoke)
-  }
 }
 
 customElements.define('payload-panel', PayloadPanel)

package/dist/server/static/components/run-panel.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,71 @@
+/* globals customElements document */
+import {ApiBaseElement} from './api-base.js'
+
+const runTemplate = `<svg data-sanity-icon="play" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 18.5V6.5L17.5 12.5L7.5 18.5Z" fill="currentColor" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg>
+<span>Run</span>`
+
+const template = `<div style="padding: var(--space-3);">
+    <button ord="primary" class="sanity-button">
+        <span style="padding: var(--space-3); display: flex; gap: 0.25rem; justify-content: center; flex-direction: row;">
+            ${runTemplate}
+        </span>
+    </button>
+</div>
+`
+class RunPanel extends ApiBaseElement {
+  invoke = () => {
+    const payloadText = this.createPayloadText(this.api.store.payload.state.doc)
+    console.log(payloadText)
+    const event = JSON.parse(payloadText)
+    const context = {
+      clientOptions: {
+        apiVersion: this.apiVersion.value,
+        dataset: this.api.store.selectedDataset,
+        projectId: this.api.store.selectedProject,
+      },
+    }
+    this.api.invoke({context, event})
+  }
+  createPayloadText = (doc) => {
+    if (doc.text) {
+      return doc.text.join('') || '{}'
+    }
+    if (doc.children) {
+      return doc.children.map((child) => child.text.join('')).join('') || '{}'
+    }
+    return '{}'
+  }
+  updateButtonText = ({inprogress}) => {
+    if (inprogress) {
+      this.button.setAttribute('disabled', '')
+      this.buttonText.innerHTML = '<network-spinner></network-spinner>'
+    } else {
+      this.button.removeAttribute('disabled')
+      this.buttonText.innerHTML = runTemplate
+    }
+  }
+  onKeyDown = (event) => {
+    if (event.ctrlKey && event.key === 'Enter') {
+      this.invoke()
+    }
+  }
+
+  connectedCallback() {
+    this.innerHTML = template
+    this.apiVersion = document.querySelector('#apiversion')
+    this.datasetname = document.querySelector('#datasetname')
+    this.productId = document.querySelector('#project')
+    this.button = this.querySelector('button')
+    this.buttonText = this.button.querySelector('span')
+    this.button.addEventListener('click', this.invoke)
+    document.addEventListener('keydown', this.onKeyDown)
+    this.api.subscribe(this.updateButtonText, ['inprogress'])
+  }
+
+  disconnectedCallback() {
+    this.button.removeEventListener('click', this.invoke)
+    document.removeEventListener('keydown', this.onKeyDown)
+  }
+}
+
+customElements.define('run-panel', RunPanel)

package/dist/server/static/index.html

@@ -42,6 +42,7 @@
               </div>
               <console-panel></console-panel>
         </main>
+        <footer><run-panel></run-panel></footer>
 
 
         <script src="./components/filters.js" type="module"></script>
@@ -53,6 +54,7 @@
         <script src="./components/response-panel.js" type="module"></script>
         <script src="./components/rule-panel.js" type="module"></script>
         <script src="./components/console-panel.js" type="module"></script>
+        <script src="./components/run-panel.js" type="module"></script>
         <script src="./hot-reload.js" type="module"></script>
     </body>
 </html>

package/oclif.manifest.json

@@ -839,5 +839,5 @@
       ]
     }
   },
-  "version": "7.6.4"
+  "version": "7.6.5"
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sanity/runtime-cli",
   "description": "Sanity's Runtime CLI for Blueprints and Functions",
-  "version": "7.6.4",
+  "version": "7.6.5",
   "author": "Sanity Runtime Team",
   "type": "module",
   "license": "MIT",