@sanity/runtime-cli 4.3.5-bundle.0 → 4.5.0

package/README.md

@@ -20,7 +20,7 @@ $ npm install -g @sanity/runtime-cli
 $ sanity-run COMMAND
 running command...
 $ sanity-run (--version)
-@sanity/runtime-cli/4.3.5-bundle.0 darwin-arm64 node-v22.14.0
+@sanity/runtime-cli/4.5.0 linux-x64 node-v22.15.0
 $ sanity-run --help [COMMAND]
 USAGE
   $ sanity-run COMMAND
@@ -74,7 +74,7 @@ EXAMPLES
   $ sanity-run blueprints add function --name my-function --function-type document-publish
 ```
 
-_See code: [src/commands/blueprints/add.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/blueprints/add.ts)_
+_See code: [src/commands/blueprints/add.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/add.ts)_
 
 ## `sanity-run blueprints config`
 
@@ -103,7 +103,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/v4.3.5-bundle.0/src/commands/blueprints/config.ts)_
+_See code: [src/commands/blueprints/config.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/config.ts)_
 
 ## `sanity-run blueprints deploy`
 
@@ -123,7 +123,7 @@ EXAMPLES
   $ sanity-run blueprints deploy
 ```
 
-_See code: [src/commands/blueprints/deploy.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/blueprints/deploy.ts)_
+_See code: [src/commands/blueprints/deploy.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/deploy.ts)_
 
 ## `sanity-run blueprints destroy`
 
@@ -146,7 +146,7 @@ EXAMPLES
   $ sanity-run blueprints destroy --id ST-a1b2c3
 ```
 
-_See code: [src/commands/blueprints/destroy.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/blueprints/destroy.ts)_
+_See code: [src/commands/blueprints/destroy.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/destroy.ts)_
 
 ## `sanity-run blueprints info`
 
@@ -168,7 +168,7 @@ EXAMPLES
   $ sanity-run blueprints info --id ST-a1b2c3
 ```
 
-_See code: [src/commands/blueprints/info.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/blueprints/info.ts)_
+_See code: [src/commands/blueprints/info.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/info.ts)_
 
 ## `sanity-run blueprints init`
 
@@ -198,7 +198,7 @@ EXAMPLES
   $ sanity-run blueprints init --blueprint-type <json|js|ts> --project-id <projectId> --stack-name <stackName>
 ```
 
-_See code: [src/commands/blueprints/init.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/blueprints/init.ts)_
+_See code: [src/commands/blueprints/init.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/init.ts)_
 
 ## `sanity-run blueprints logs`
 
@@ -220,7 +220,7 @@ EXAMPLES
   $ sanity-run blueprints logs --watch
 ```
 
-_See code: [src/commands/blueprints/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/blueprints/logs.ts)_
+_See code: [src/commands/blueprints/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/logs.ts)_
 
 ## `sanity-run blueprints plan`
 
@@ -237,7 +237,7 @@ EXAMPLES
   $ sanity-run blueprints plan
 ```
 
-_See code: [src/commands/blueprints/plan.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/blueprints/plan.ts)_
+_See code: [src/commands/blueprints/plan.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/plan.ts)_
 
 ## `sanity-run blueprints stacks`
 
@@ -259,7 +259,7 @@ EXAMPLES
   $ sanity-run blueprints stacks --projectId a1b2c3
 ```
 
-_See code: [src/commands/blueprints/stacks.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/blueprints/stacks.ts)_
+_See code: [src/commands/blueprints/stacks.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/blueprints/stacks.ts)_
 
 ## `sanity-run functions dev`
 
@@ -279,7 +279,7 @@ EXAMPLES
   $ sanity-run functions dev --port 8974
 ```
 
-_See code: [src/commands/functions/dev.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/functions/dev.ts)_
+_See code: [src/commands/functions/dev.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/functions/dev.ts)_
 
 ## `sanity-run functions env add NAME KEY VALUE`
 
@@ -301,7 +301,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/v4.3.5-bundle.0/src/commands/functions/env/add.ts)_
+_See code: [src/commands/functions/env/add.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/functions/env/add.ts)_
 
 ## `sanity-run functions env list NAME`
 
@@ -321,7 +321,7 @@ EXAMPLES
   $ sanity-run functions env list MyFunction
 ```
 
-_See code: [src/commands/functions/env/list.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/functions/env/list.ts)_
+_See code: [src/commands/functions/env/list.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/functions/env/list.ts)_
 
 ## `sanity-run functions env remove NAME KEY`
 
@@ -342,7 +342,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/v4.3.5-bundle.0/src/commands/functions/env/remove.ts)_
+_See code: [src/commands/functions/env/remove.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/functions/env/remove.ts)_
 
 ## `sanity-run functions invoke NAME`
 
@@ -368,7 +368,7 @@ EXAMPLES
   $ sanity-run functions invoke <name> --file 'payload.json'
 ```
 
-_See code: [src/commands/functions/invoke.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/functions/invoke.ts)_
+_See code: [src/commands/functions/invoke.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/functions/invoke.ts)_
 
 ## `sanity-run functions logs NAME`
 
@@ -400,7 +400,7 @@ EXAMPLES
   $ sanity-run functions logs <name> --delete
 ```
 
-_See code: [src/commands/functions/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v4.3.5-bundle.0/src/commands/functions/logs.ts)_
+_See code: [src/commands/functions/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/functions/logs.ts)_
 
 ## `sanity-run functions test NAME`
 
@@ -433,7 +433,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/v4.3.5-bundle.0/src/commands/functions/test.ts)_
+_See code: [src/commands/functions/test.ts](https://github.com/sanity-io/runtime-cli/blob/v4.5.0/src/commands/functions/test.ts)_
 
 ## `sanity-run help [COMMAND]`
 

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

@@ -771,9 +771,105 @@ body > nav {
 }
 body > main {
   grid-area: main;
+  /* Ensure main takes up available space if body is grid/flex */
+  overflow: hidden; /* Prevent main itself from scrolling */
+  min-height: 0; /* Needed for grid children height */
+}
+
+/* Add styles for filters-component form */
+/* Default (Mobile) Styles */
+filters-component form {
+  display: block; /* Stack direct children */
+  padding: var(--space-3); /* Consistent padding */
+  border-bottom: 1px solid var(--card-border-color);
+}
+
+filters-component form > * {
+  /* Target direct children: dropdowns, fieldset */
+  display: block; /* Ensure they are block level */
+  width: 100%; /* Make them take full width */
+  margin-bottom: var(--space-3); /* Add space below each item when stacked */
+}
+
+filters-component form > *:last-child {
+  margin-bottom: 0; /* Remove margin from the last stacked item */
+}
+
+filters-component form label {
+  display: block; /* Ensure label stacks above input if needed */
+  margin-bottom: var(--space-1); /* Small space between label and input */
+}
+
+filters-component form input {
+  width: 100%; /* Make input fill its container */
+  box-sizing: border-box; /* Include padding/border in width calculation */
+}
+/* End of Mobile Styles */
+
+/* Apply grid styles to main#main-content */
+#main-content {
+  display: grid;
+  grid-template-areas:
+    'payload response'
+    'console console';
+  grid-template-columns: 1fr 1fr;
+  /* Let console height be flexible based on content, up to a max */
+  grid-template-rows: 1fr 1fr;
+  /* Ensure grid takes full height of its container (main) */
+  height: 100%;
+  max-height: 100%;
+  min-height: 0; /* Important for nested overflow/height */
+}
+
+payload-panel {
+  grid-area: payload;
+  max-height: 100%; /* Fit within allocated grid row space */
+  overflow: hidden; /* Let internal elements scroll */
+  min-height: 0; /* Allow shrinking */
+}
+
+response-panel {
+  grid-area: response;
+  max-height: 100%;
+  overflow: hidden;
+  min-height: 0;
+}
+
+/* Target console-panel for grid area and height constraints */
+console-panel {
+  grid-area: console;
+  overflow: hidden; /* The inner div handles scrolling */
 }
 
 @media (max-width: 40rem) {
+  /* Mobile layout: stack elements vertically */
+  #main-content {
+    grid-template-areas:
+      'payload'
+      'response'
+      'console';
+    grid-template-columns: 1fr;
+    /* Adjust row heights for mobile, maybe allow content to determine height */
+    grid-template-rows: auto auto auto;
+    height: auto; /* Allow main content to scroll if needed */
+    max-height: none;
+    overflow-y: auto; /* Allow scrolling for the whole main area */
+  }
+
+  /* Reset max-heights on mobile if they cause layout issues */
+  payload-panel,
+  response-panel,
+  console-panel {
+    max-height: none;
+    min-height: 200px; /* Give some minimum space on mobile */
+    overflow: auto; /* Allow individual scrolling if content is large */
+  }
+
+  /* Ensure console has reasonable height on mobile */
+  console-panel {
+    max-height: 400px; /* Allow more console height on mobile maybe */
+  }
+
   .block-lg {
     display: block !important;
   }
@@ -794,6 +890,27 @@ body > main {
   .border-top-none-l {
     border-top: 0;
   }
+
+  /* Revert filters-component form to horizontal layout on larger screens */
+  filters-component form {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-end; /* Align form elements along their bottom edge */
+    gap: var(--space-3); /* Space between elements */
+    padding-left: var(--space-3);
+    padding-bottom: var(--space-3);
+  }
+
+  filters-component form > * {
+    width: auto; /* Allow elements to size based on content/flex rules */
+    margin-bottom: 0; /* Remove stacking margin */
+  }
+
+  /* Optional: Give API version input a specific width or allow growth */
+  filters-component form fieldset {
+    min-width: 150px; /* Example minimum width */
+    /* flex-grow: 1; */ /* Uncomment to allow it to fill space */
+  }
 }
 
 header {

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

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

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

@@ -0,0 +1,53 @@
+/* globals customElements document */
+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>
+`
+
+class ConsolePanel extends ApiBaseElement {
+  updateConsole = ({result}) => {
+    // Guard against element not being ready or API not injected yet
+    if (!this.consoleOutput || !result) return
+
+    const {error, logs} = result
+    if (error) {
+      // Display error details in the console
+      this.consoleOutput.innerText = error?.details?.error ?? 'An error occurred.'
+    } else {
+      // Display regular logs
+      this.consoleOutput.innerText = logs ?? '' // Handle case where logs might be null/undefined
+    }
+  }
+
+  connectedCallback() {
+    this.innerHTML = template
+    this.consoleOutput = this.querySelector('#console-output')
+
+    // Subscribe to changes in the result state to update the console
+    if (this.api) {
+      this.api.subscribe(this.updateConsole, ['result'])
+      // Initial update in case result is already populated
+      if (this.api.store.result) {
+        this.updateConsole({result: this.api.store.result})
+      }
+    } else {
+      console.error('API context not available for console-panel on connect.')
+      // Optionally, set up a mechanism to wait for API initialization if needed
+    }
+  }
+
+  disconnectedCallback() {
+    // Unsubscribe when the element is removed from the DOM
+    if (this.api) {
+      this.api.unsubscribe(this.updateConsole)
+    }
+  }
+}
+
+// Define the new custom element
+customElements.define('console-panel', ConsolePanel)

package/dist/server/static/components/filters.js

@@ -1,8 +1,9 @@
 class FiltersComponent extends HTMLElement {
   connectedCallback() {
     this.innerHTML = `
-        <form style="display:flex; gap: 8px;padding-left: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--card-border-color);">
-            <dataset-dropdown></dataset-dropdown>
+        <form style="gap: 8px;padding-left: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--card-border-color);">
+          <projects-dropdown></projects-dropdown>    
+          <dataset-dropdown></dataset-dropdown>
             <fieldset class="mar-t-sm">
                 <label class="config-label">
                 <span>API Version</span>
@@ -10,7 +11,7 @@ class FiltersComponent extends HTMLElement {
                 <input name="apiVersion" id="apiversion" style="background: transparent; border-color: light-dark(var(--gray-200), var(--gray-700))">
                 </label>
             </fieldset>
-            <projects-dropdown></projects-dropdown>
+            
 
           </form>
         `

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

@@ -10,9 +10,9 @@ import {
 } from '../vendor/vendor.bundle.js'
 import {ApiBaseElement} from './api-base.js'
 
-const template = `<div class="border-left border-top border-top-none-l h-100 gutter-gradient" style='height: 100%; max-height: 100%; overflow: hidden; display:grid;grid-template-rows: 50% 50%; grid-template-columns: 1fr;' >
+const template = `<div class="border-left border-top border-top-none-l h-100 gutter-gradient" style='height: 100%; max-height: 100%; overflow: hidden; display:grid;grid-template-rows: auto 1fr; grid-template-columns: 1fr;' >
     <!-- Response Section -->
-        <div style='overflow-y:scroll;'>
+        <div style='overflow-y:scroll; min-height: 0;'>
             <div style='padding-bottom: var(--space-6)'>
             <h3 class="config-label" style='display: none; margin-top: 0;'>Response</h3>
             <header class='flex space-between'>
@@ -28,16 +28,12 @@ const template = `<div class="border-left border-top border-top-none-l h-100 gut
           <div id="response" name="response" class="cm-s-dracula"></div>
         </div>
       </div>
-
-    <!-- Console Section -->
-    <div style='position: relative; border-top: 1px solid var(--card-border-color); background: var(--base-background-color); padding: var(--space-0) var(--space-3) var(--space-6) var(--space-4);overflow-y:scroll;'>
-        <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 style="padding: 0; margin: 0; white-space: pre-wrap; word-wrap: break-word;"></pre>
-    </div>
 </div>
 `
 class ResponsePanel extends ApiBaseElement {
   updateResponse = ({result}) => {
+    if (!result) return
+
     const {error, json, logs, time, timings} = result
     if (!error) {
       const transaction = this.api.store.response.state.update({
@@ -63,10 +59,14 @@ class ResponsePanel extends ApiBaseElement {
         this.time.innerText = prettyMilliseconds(time)
         this.time.dateTime = `PT${time / 1000}S`
       }
-
-      this.consoleTab.innerText = logs
     } else {
-      this.consoleTab.innerText = error?.details?.error
+      const transaction = this.api.store.response.state.update({
+        changes: {from: 0, to: this.api.store.response.state.doc.length, insert: ''},
+      })
+      this.api.store.response.dispatch(transaction)
+      this.size.innerText = ''
+      this.time.innerText = ''
+      this.time.removeAttribute('datetime')
     }
   }
 
@@ -75,8 +75,14 @@ class ResponsePanel extends ApiBaseElement {
     this.response = this.querySelector('#response')
     this.size = this.querySelector('#size')
     this.time = this.querySelector('#time')
-    this.consoleTab = this.querySelector('pre')
-    this.api.subscribe(this.updateResponse, ['result'])
+    if (this.api) {
+      this.api.subscribe(this.updateResponse, ['result'])
+      if (this.api.store.result) {
+        this.updateResponse({result: this.api.store.result})
+      }
+    } else {
+      console.error('API context not available for response-panel on connect.')
+    }
 
     this.api.store.response = new EditorView({
       doc: '\n\n\n\n',
@@ -86,7 +92,9 @@ class ResponsePanel extends ApiBaseElement {
   }
 
   disconnectedCallback() {
-    this.api.unsubscribe(this.updateResponse)
+    if (this.api) {
+      this.api.unsubscribe(this.updateResponse)
+    }
   }
 }
 

package/dist/server/static/index.html

@@ -2,6 +2,7 @@
 <html>
     <head>
         <meta charset="UTF-8">
+        <title>Sanity Functions</title>
         <link href="https://unpkg.com/m-@3.2.0/dist/m-.woff2" rel="preload" as="font" crossorigin>
         <link href="https://unpkg.com/m-@3.2.0/dist/m-.css" rel="stylesheet">
         <link href="./components/app.css" rel="stylesheet">
@@ -21,9 +22,10 @@
           <h4 class="config-label mar-t-0" style="padding-left: var(--space-3); margin-bottom:var(--space-3);">Functions</h4>
           <function-list></function-list>
         </nav>
-        <main style='display: grid; grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;max-height: 100%;overflow:hidden;'>
+        <main id="main-content" style='max-height: 100%; overflow: hidden;'>
               <payload-panel></payload-panel>
               <response-panel></response-panel>
+              <console-panel></console-panel>
         </main>
 
 
@@ -34,5 +36,6 @@
         <script src="./components/network-spinner.js" type="module"></script>
         <script src="./components/payload-panel.js" type="module"></script>
         <script src="./components/response-panel.js" type="module"></script>
+        <script src="./components/console-panel.js" type="module"></script>
     </body>
 </html>

package/dist/utils/invoke-local.js

@@ -34,7 +34,7 @@ export default async function invoke(resource, data, context, timeout = 5) {
         let executionStart;
         function start() {
             executionStart = performance.now();
-            child = spawn('node', [getChildProcessWrapperPath()], {
+            child = spawn('node', ['--enable-source-maps', getChildProcessWrapperPath()], {
                 cwd: cwd(),
                 stdio: ['inherit', 'inherit', 'inherit', 'ipc'],
             });

package/oclif.manifest.json

@@ -769,5 +769,5 @@
       ]
     }
   },
-  "version": "4.3.5-bundle.0"
+  "version": "4.5.0"
 }

package/package.json

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