@sanity/runtime-cli 9.0.0 → 9.1.1

package/README.md

@@ -20,7 +20,7 @@ $ npm install -g @sanity/runtime-cli
 $ sanity-run COMMAND
 running command...
 $ sanity-run (--version)
-@sanity/runtime-cli/9.0.0 linux-x64 node-v22.16.0
+@sanity/runtime-cli/9.1.1 linux-x64 node-v22.16.0
 $ sanity-run --help [COMMAND]
 USAGE
   $ sanity-run COMMAND
@@ -86,7 +86,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/v9.0.0/src/commands/blueprints/add.ts)_
+_See code: [src/commands/blueprints/add.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/add.ts)_
 
 ## `sanity-run blueprints config`
 
@@ -117,7 +117,7 @@ EXAMPLES
   $ sanity-run blueprints config --edit --project-id <projectId> --stack-id <stackId>
 ```
 
-_See code: [src/commands/blueprints/config.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/blueprints/config.ts)_
+_See code: [src/commands/blueprints/config.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/config.ts)_
 
 ## `sanity-run blueprints deploy`
 
@@ -139,7 +139,7 @@ EXAMPLES
   $ sanity-run blueprints deploy --no-wait
 ```
 
-_See code: [src/commands/blueprints/deploy.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/blueprints/deploy.ts)_
+_See code: [src/commands/blueprints/deploy.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/deploy.ts)_
 
 ## `sanity-run blueprints destroy`
 
@@ -164,7 +164,7 @@ EXAMPLES
   $ sanity-run blueprints destroy --stack-id <stackId> --project-id <projectId> --force --no-wait
 ```
 
-_See code: [src/commands/blueprints/destroy.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/blueprints/destroy.ts)_
+_See code: [src/commands/blueprints/destroy.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/destroy.ts)_
 
 ## `sanity-run blueprints info`
 
@@ -186,7 +186,7 @@ EXAMPLES
   $ sanity-run blueprints info --stack-id <stackId>
 ```
 
-_See code: [src/commands/blueprints/info.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/blueprints/info.ts)_
+_See code: [src/commands/blueprints/info.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/info.ts)_
 
 ## `sanity-run blueprints init [DIR]`
 
@@ -224,7 +224,7 @@ EXAMPLES
   $ sanity-run blueprints init --blueprint-type <json|js|ts> --stack-name <stackName>
 ```
 
-_See code: [src/commands/blueprints/init.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/blueprints/init.ts)_
+_See code: [src/commands/blueprints/init.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/init.ts)_
 
 ## `sanity-run blueprints logs`
 
@@ -246,7 +246,7 @@ EXAMPLES
   $ sanity-run blueprints logs --watch
 ```
 
-_See code: [src/commands/blueprints/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/blueprints/logs.ts)_
+_See code: [src/commands/blueprints/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/logs.ts)_
 
 ## `sanity-run blueprints plan`
 
@@ -263,7 +263,7 @@ EXAMPLES
   $ sanity-run blueprints plan
 ```
 
-_See code: [src/commands/blueprints/plan.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/blueprints/plan.ts)_
+_See code: [src/commands/blueprints/plan.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/plan.ts)_
 
 ## `sanity-run blueprints stacks`
 
@@ -285,7 +285,7 @@ EXAMPLES
   $ sanity-run blueprints stacks --project-id <projectId>
 ```
 
-_See code: [src/commands/blueprints/stacks.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/blueprints/stacks.ts)_
+_See code: [src/commands/blueprints/stacks.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/stacks.ts)_
 
 ## `sanity-run functions dev`
 
@@ -305,7 +305,7 @@ EXAMPLES
   $ sanity-run functions dev --port 8974
 ```
 
-_See code: [src/commands/functions/dev.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/functions/dev.ts)_
+_See code: [src/commands/functions/dev.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/dev.ts)_
 
 ## `sanity-run functions env add NAME KEY VALUE`
 
@@ -327,7 +327,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/v9.0.0/src/commands/functions/env/add.ts)_
+_See code: [src/commands/functions/env/add.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/env/add.ts)_
 
 ## `sanity-run functions env list NAME`
 
@@ -347,7 +347,7 @@ EXAMPLES
   $ sanity-run functions env list MyFunction
 ```
 
-_See code: [src/commands/functions/env/list.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/functions/env/list.ts)_
+_See code: [src/commands/functions/env/list.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/env/list.ts)_
 
 ## `sanity-run functions env remove NAME KEY`
 
@@ -368,7 +368,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/v9.0.0/src/commands/functions/env/remove.ts)_
+_See code: [src/commands/functions/env/remove.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/env/remove.ts)_
 
 ## `sanity-run functions logs NAME`
 
@@ -402,7 +402,7 @@ EXAMPLES
   $ sanity-run functions logs <name> --delete
 ```
 
-_See code: [src/commands/functions/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v9.0.0/src/commands/functions/logs.ts)_
+_See code: [src/commands/functions/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/logs.ts)_
 
 ## `sanity-run functions test NAME`
 
@@ -435,7 +435,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/v9.0.0/src/commands/functions/test.ts)_
+_See code: [src/commands/functions/test.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/test.ts)_
 
 ## `sanity-run help [COMMAND]`
 

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

@@ -1109,12 +1109,16 @@ m-tabs {
   background-color: light-dark(rgba(0, 0, 0, 0.025), rgba(255, 255, 255, 0.1)) !important;
 }
 
-.slab-stat {
+.slab-stat,
+.slab-text {
   font-family: var(--font-family-mono);
+  font-size: var(--font-size-text-2);
+}
+
+.slab-stat {
   display: flex;
   align-items: center;
   gap: 0 8px;
-  font-size: var(--font-size-text-2);
   margin: 0;
   padding: var(--space-3);
 }
@@ -1148,3 +1152,26 @@ payload-panel {
   height: 100%;
   overflow: hidden;
 }
+
+toggle-switch {
+  display: inline-block;
+  width: 2em;
+  height: 1em;
+  cursor: pointer;
+}
+
+toggle-switch::part(track) {
+  padding: 0.125em;
+  border-radius: 1em;
+  background-color: hsl(0, 0%, 67%);
+}
+
+toggle-switch::part(slider) {
+  border-radius: 1em;
+  background-color: hsl(0, 0%, 100%);
+  box-shadow: 0.0625em 0.0625em 0.125em hsla(0, 0%, 0%, 0.25);
+}
+
+toggle-switch[checked]::part(track) {
+  background-color: var(--color-interactive-primary-active-bg);
+}

package/dist/server/static/components/clear-button.d.ts

@@ -0,0 +1,6 @@
+export class ClearButton extends ApiBaseElement {
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    clear: () => void;
+}
+import { ApiBaseElement } from './api-base.js';

package/dist/server/static/components/clear-button.js

@@ -0,0 +1,47 @@
+/* globals customElements document */
+import {ApiBaseElement} from './api-base.js'
+
+const template = document.createElement('template')
+template.innerHTML = `
+<style>
+button {
+  background-color: transparent;
+  border-color: transparent;
+  margin-left: var(--space-1);
+  display: flex;
+  align-items: center;
+}
+button svg {
+  fill: var(--text-color);
+}
+</style>
+<button title="Clear Log">
+    <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM2.5 12A9.5 9.5 0 0112 2.5c2.353 0 4.507.856 6.166 2.273L4.773 18.166A9.462 9.462 0 012.5 12zm3.334 7.227A9.462 9.462 0 0012 21.5a9.5 9.5 0 009.5-9.5 9.462 9.462 0 00-2.273-6.166L5.834 19.227z"/></svg>
+</button>
+`
+
+export class ClearButton extends ApiBaseElement {
+  constructor() {
+    super()
+    this.attachShadow({mode: 'open'}).appendChild(template.content.cloneNode(true))
+  }
+
+  connectedCallback() {
+    this.addEventListener('click', this.clear)
+  }
+
+  disconnectedCallback() {
+    this.removeEventListener('click', this.clear)
+  }
+
+  clear = () => {
+    // this.api.store.result = {logs: '', timings: {bundle: 0, execute: 0}}
+    this.dispatchEvent(
+      new CustomEvent('clear-console', {
+        bubbles: true,
+      }),
+    )
+  }
+}
+
+customElements.define('clear-button', ClearButton)

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

@@ -3,10 +3,20 @@ import {ApiBaseElement} from './api-base.js'
 
 // Template for the console panel
 const template = `
-<div id="console-container" style='position: relative; background: var(--base-background-color); padding: var(--space-0) var(--space-3) var(--space-7) var(--space-4);overflow-y:scroll; border-top: 1px solid var(--card-border-color); height: 100%; max-height: 100%;'>
-    <h3 class="config-label" style="padding-top: var(--space-3); padding-bottom: var(--space-3);  z-index: 32; background: var(--base-background-color); position: sticky; top: 0; left: 0; right: 0; margin-top:0;margin-bottom:0;">Console</h3>
-    <pre id="console-output" style="padding: 0; margin: 0 0 var(--space-4) 0; white-space: pre-wrap; word-wrap: break-word;"></pre>
+<div id="console-container" style="position: relative; background: var(--base-background-color); padding: var(--space-0) var(--space-3) var(--space-7) var(--space-4); overflow-y: scroll; border-top: 1px solid var(--card-border-color); height: 100%; max-height: 100%;">
+  <div style=" position: sticky; top: 0; left: 0; right: 0; margin-top: 0; margin-bottom: 0;">
+    <h3 class="config-label mar-t-0 mar-b-0" style="padding-top: var(--space-3); z-index: 32; background: var(--base-background-color);">
+      Console
+    </h3>
+    <div style="background: var(--base-background-color); display: flex; justify-content: flex-end; align-items: center; padding: var(--space-0); padding-block-end: var(--space-2)">
+      <toggle-switch></toggle-switch>
+      <span class="slab-text" style="margin-left: var(--space-2);">Preserve Log</span>
+      <clear-button></clear-button>
+    </div>
+  </div>
+  <pre id="console-output" style="padding: 0; margin: 0 0 var(--space-4) 0; white-space: pre-wrap; word-wrap: break-word;"></pre>
 </div>
+
 `
 
 class ConsolePanel extends ApiBaseElement {
@@ -15,18 +25,33 @@ class ConsolePanel extends ApiBaseElement {
     if (!this.consoleOutput || !result) return
 
     const {error, logs} = result
+    let update = ''
     if (error) {
       // Display error details in the console
-      this.consoleOutput.innerText = error?.details?.error ?? 'An error occurred.'
+      update = error?.details?.error ?? 'An error occurred.'
     } else {
       // Display regular logs
-      this.consoleOutput.innerText = logs ?? '' // Handle case where logs might be null/undefined
+      update = logs ?? '' // Handle case where logs might be null/undefined
+    }
+
+    if (this.api.store.preserveLog) {
+      this.consoleOutput.innerText = this.consoleOutput.innerText + update
+    } else {
+      this.consoleOutput.innerText = update
     }
   }
 
+  clear = () => {
+    const backUp = this.api.store.preserveLog
+    this.api.store.result = {logs: undefined, error: undefined}
+    this.querySelector('#console-output').innerText = ''
+    this.api.store.preserveLog = backUp
+  }
+
   connectedCallback() {
     this.innerHTML = template
     this.consoleOutput = this.querySelector('#console-output')
+    this.addEventListener('clear-console', this.clear)
 
     // Subscribe to changes in the result state to update the console
     if (this.api) {
@@ -42,6 +67,7 @@ class ConsolePanel extends ApiBaseElement {
   }
 
   disconnectedCallback() {
+    this.removeEventListener('clear-console', this.clear)
     // Unsubscribe when the element is removed from the DOM
     if (this.api) {
       this.api.unsubscribe(this.updateConsole)

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

@@ -58,8 +58,8 @@ class ResponsePanel extends ApiBaseElement {
         this.time.innerText = prettyMilliseconds(timings.execute)
         this.time.dateTime = `PT${timings.execute / 1000}S`
       } else {
-        this.time.innerText = prettyMilliseconds(time)
-        this.time.dateTime = `PT${time / 1000}S`
+        this.time.innerText = ''
+        this.time.dateTime = ''
       }
     } else {
       const transaction = this.api.store.response.state.update({

package/dist/server/static/components/toggle-switch.d.ts

@@ -0,0 +1,10 @@
+export class ToggleSwitch extends ApiBaseElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set checked(value: boolean);
+    get checked(): boolean;
+    toggle: () => void;
+}
+import { ApiBaseElement } from './api-base.js';

package/dist/server/static/components/toggle-switch.js

@@ -0,0 +1,80 @@
+/* globals customElements document */
+import {ApiBaseElement} from './api-base.js'
+
+const template = document.createElement('template')
+template.innerHTML = `
+  <style>
+    span {
+      box-sizing: border-box;
+      display: inline-block;
+      line-height: 1;
+    }
+
+    [part="track"] {
+      width: 100%;
+      height: 100%;
+      background-color: #dddddd;
+      text-align: left;
+    }
+
+    [part="slider"] {
+      width: 50%;
+      height: 100%;
+      background-color: #777777;
+      vertical-align: text-top;
+    }
+
+    [part="track"], [part="slider"] {
+      transition: all 256ms;
+    }
+
+    :host([checked]) [part="slider"] {
+      transform: translateX(100%);
+    }
+  </style>
+
+  <span part="track">
+    <span part="slider"></span>
+  </span>
+`
+
+export class ToggleSwitch extends ApiBaseElement {
+  static get observedAttributes() {
+    return ['checked']
+  }
+
+  constructor() {
+    super()
+    this.attachShadow({mode: 'open'}).appendChild(template.content.cloneNode(true))
+  }
+
+  connectedCallback() {
+    this.setAttribute('role', 'switch')
+    this.setAttribute('tabindex', '0')
+    this.addEventListener('click', this.toggle)
+  }
+
+  disconnectedCallback() {
+    this.removeEventListener('click', this.toggle)
+  }
+
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (name === 'checked') {
+      this.setAttribute('aria-checked', this.checked.toString())
+    }
+  }
+
+  get checked() {
+    return this.hasAttribute('checked')
+  }
+  set checked(value) {
+    this.toggleAttribute('checked', value)
+  }
+
+  toggle = () => {
+    this.checked = !this.checked
+    this.api.store.preserveLog = this.checked
+  }
+}
+
+customElements.define('toggle-switch', ToggleSwitch)

package/dist/server/static/index.html

@@ -55,6 +55,8 @@
         <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="./components/toggle-switch.js" type="module"></script>
+        <script src="./components/clear-button.js" type="module"></script>
         <script src="./hot-reload.js" type="module"></script>
     </body>
 </html>

package/dist/utils/child-process-wrapper.js

@@ -1,6 +1,8 @@
+import {table as renderTable} from 'node:console'
 import {existsSync, statSync} from 'node:fs'
 import {isAbsolute, join} from 'node:path'
 import process from 'node:process'
+import {inspect} from 'node:util'
 
 export function getFunctionSource(src) {
   const pathToCheck = isAbsolute(src) ? src : join(process.cwd(), src)
@@ -15,6 +17,64 @@ export function getFunctionSource(src) {
   return `file://${pathToCheck}`
 }
 
+// Monkey patch console menthods to have logs match server log format
+function logPrefix(level, ...args) {
+  const date = new Date()
+  const shouldUseColors = process.env.FORCE_COLOR === '1'
+  const message = args
+    .map((arg) =>
+      typeof arg === 'string' ? arg : inspect(arg, {depth: null, colors: shouldUseColors}),
+    )
+    .join(' ')
+  return `${date.toLocaleDateString()} ${date.toLocaleTimeString()} ${level.toUpperCase()} ${message}`
+}
+
+console.log = (...args) => {
+  process.stdout.write(`${logPrefix('info', ...args)}\n`)
+}
+
+console.info = (...args) => {
+  process.stdout.write(`${logPrefix('info', ...args)}\n`)
+}
+
+console.dir = (obj, options) => {
+  const shouldUseColors = process.env.FORCE_COLOR === '1'
+  const inspectOptions = {...options, colors: shouldUseColors}
+  process.stdout.write(`${logPrefix('info', inspect(obj, inspectOptions))}\n`)
+}
+
+console.table = (data, columns) => {
+  const prefix = logPrefix('info')
+
+  // Capture table output
+  const originalWrite = process.stdout.write.bind(process.stdout)
+  let buffer = ''
+
+  process.stdout.write = (chunk, encoding, callback) => {
+    buffer += chunk
+    if (typeof callback === 'function') callback()
+  }
+
+  renderTable(data, columns)
+
+  // Restore and print
+  process.stdout.write = originalWrite
+  for (const line of buffer.split('\n')) {
+    if (line.trim()) {
+      const message = `${!line.startsWith(prefix) ? `${prefix} ${line}` : line}`.trim()
+      process.stdout.write(`${message}\n`)
+    }
+  }
+}
+
+console.warn = (...args) => {
+  process.stdout.write(`${logPrefix('warn', ...args)}\n`)
+}
+
+console.error = (...args) => {
+  process.stdout.write(`${logPrefix('error', ...args)}\n`)
+}
+
 // Start when payload data arrives from parent process
 process.on('message', async (data) => {
   let jsonData = null

package/oclif.manifest.json

@@ -871,5 +871,5 @@
       ]
     }
   },
-  "version": "9.0.0"
+  "version": "9.1.1"
 }

package/package.json

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