@sanity/runtime-cli 12.1.0 → 12.2.0

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

@@ -5,31 +5,31 @@ import {ApiBaseElement} from './api-base.js'
 import {sanityCodeMirrorTheme} from './codemirror-theme.js'
 
 function template({selectedEvent}) {
-  const singleModeStyle = selectedEvent === 'update' ? ' style="display: none;"' : ''
-  const deltaModeStyle = selectedEvent !== 'update' ? '' : ' style="display: none;"'
+  const singleModeStyle = selectedEvent === 'update' ? ' class="hidden"' : ''
+  const deltaModeStyle = selectedEvent !== 'update' ? '' : ' class="hidden"'
   return `<div id="payloadContainer" class="gutter-gradient relative h-100 max-h-100 y-scroll border-top border-top-none-l"${singleModeStyle}>
   <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;">
+    <div class="flex items-center space-between pad-t-2 pad-r-5 pad-b-2 pad-l-12">
       <h2 class="config-label mar-t-0 mar-b-0">Document</h2>
     </div>
-    <hr class='hr-border' style='margin-left: 31px; ' />
+    <hr class='hr-border mar-l-specific' />
   </div>
   <div id="payload" name="payload" class='max-h-100 min-h-0'></div>
 </div>
 <div id="deltaPayloadContainer" class="gutter-gradient relative h-100 max-h-100 y-scroll border-top border-top-none-l"${deltaModeStyle}>
   <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;">
+    <div class="flex items-center space-between pad-t-2 pad-r-5 pad-b-2 pad-l-12">
       <h2 class="config-label mar-t-0 mar-b-0">Before Document</h2>
     </div>
-    <hr class='hr-border' style='margin-left: 31px; ' />
+    <hr class='hr-border' class="mar-l-specific" />
   </div>
   <div id="beforePayload" name="beforePayload" class='max-h-50 min-h-0'></div>
   <div class="bg gutter-gradient sticky top-0 right-0 left-0 z-100">
-    <hr class='hr-border' style='margin-left: 31px; ' />
-    <div class="flex items-center space-between" style="padding: 8px 20px 8px 48px;">
+    <hr class='hr-border mar-l-specific' />
+    <div class="flex items-center space-between pad-t-2 pad-r-5 pad-b-2 pad-l-12">
       <h2 class="config-label mar-t-0 mar-b-0">After Document</h2>
     </div>
-    <hr class='hr-border' style='margin-left: 31px; ' />
+    <hr class='hr-border mar-l-specific' />
   </div>
   <div id="afterPayload" name="afterPayload" class='max-h-50 min-h-0'></div>
 </div>

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

@@ -12,17 +12,17 @@ import {
 import {ApiBaseElement} from './api-base.js'
 import {sanityCodeMirrorTheme} from './codemirror-theme.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: auto 1fr; grid-template-columns: 1fr;' >
+const template = `<div class="border-left border-top border-top-none-l h-100 gutter-gradient max-h-100 overflow-hidden response-panel-grid">
     <!-- Response Section -->
-        <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>
+        <div class="y-scroll min-h-0">
+            <div class="pad-b-12">
+            <h3 class="config-label mar-t-0 hidden">Response</h3>
             <header class='flex space-between'>
-              <dl class='slab-stat'>
-                <dt style='white-space:nowrap;'>Response size</dt>
-                <dd id="size" style='white-space:nowrap;'></dd>
+              <dl class='flex items-center margin-0 pad-3 slab-stat'>
+                <dt class='nowrap'>Response size</dt>
+                <dd id="size" class='nowrap'></dd>
               </dl>
-              <dl class='slab-stat'>
+              <dl class='flex items-center margin-0 pad-3 slab-stat'>
                 <dt>Time</dt>
                 <dd><time id="time" datetime=""></time></dd>
               </dl>

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

@@ -5,12 +5,12 @@ import {basicSetup, EditorState, EditorView, json} from '../vendor/vendor.bundle
 import {ApiBaseElement} from './api-base.js'
 import {sanityCodeMirrorTheme} from './codemirror-theme.js'
 
-const template = `<div class="border-left" style='overflow-y:scroll; min-height: 0;'>
+const template = `<div class="border-left y-scroll min-h-0">
   <div>
-    <h3 class="config-label" style='display: none; margin-top: 0;'>Filter/Projection</h3>
+    <h3 class="config-label mar-t-0 hidden">Filter/Projection</h3>
     <header class='flex space-between'>
-        <dl class='slab-stat'>
-          <dt style='white-space:nowrap;'>Filter/Projection</dt>
+        <dl class='flex items-center margin-0 pad-3 slab-stat'>
+          <dt class='nowrap'>Filter/Projection</dt>
         </dl>
     </header>
     <div id="rule" name="rule" class="cm-s-dracula"></div>

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

@@ -4,9 +4,9 @@ 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 title="Type CTRL + Enter to Run">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;">
+const template = `<div class="pad-3">
+    <button ord="primary" class="items-center sanity-button">
+        <span class="flex pad-3 gap-25 justify-content-center flex-row">
             ${runTemplate}
         </span>
     </button>
@@ -15,7 +15,7 @@ const template = `<div style="padding: var(--space-3);">
 class RunPanel extends ApiBaseElement {
   invoke = () => {
     const selectedEvent = this.api.store.selectedEvent
-    const docFunction = this.api.store.selectedFunctionType === 'sanity.function.document'
+    const docFunction = this.api.store.selectedFunctionType === this.SANITY_FUNCTION_DOCUMENT
 
     this.api.store.result = {logs: '', time: 0}
     let event = {}

package/dist/server/static/components/select-dropdown.js

@@ -2,38 +2,18 @@
 import {ApiBaseElement} from './api-base.js'
 
 const dropdownTemplate = ({label}) => `
-<fieldset class="mar-t-sm">
+<fieldset class="mar-t-2">
   <label class="slab-text">
-    <span style="display: block; margin-bottom: var(--space-1);">${label}</span>
-    <div data-ui="Select" style="position: relative; display: inline-block; width: 100%;">
+    <span class="block mar-b-1">${label}</span>
+    <div data-ui="Select" class="relative inline-block w-100">
       <select
         data-ui="Select"
-        style="
-          width: 100%;
-          appearance: none;
-          -webkit-appearance: none;
-          -moz-appearance: none;
-          background: transparent;
-          color: light-dark(var(--gray-950), var(--gray-300));
-          padding-right: 2rem;
-          border: 1px solid var(--gray-400);
-          border-radius: var(--radius-2);
-          height: var(--input-height, 2.5rem);
-        "
+        class="w-100 appearance-none transparent component-color dropdown-template"
       ></select>
       <div
         data-as="div"
         data-ui="Box"
-        style="
-          position: absolute;
-          top: 50%;
-          right: 0.4rem;
-          transform: translateY(-50%);
-          pointer-events: none;
-          display: flex;
-          align-items: center;
-          height: 100%;
-        "
+        class="flex items-center h-100 dropdown-template-div"
       >
         <svg
           data-sanity-icon="chevron-down"

package/dist/server/static/index.html

@@ -3,8 +3,8 @@
     <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="./vendor/m-.woff2" rel="preload" as="font" crossorigin>
+        <link href="./vendor/m-.css" rel="stylesheet">
         <link href="./components/app.css" rel="stylesheet">
         <link rel="icon" type="image/svg+xml" href="favicon.svg" media="(prefers-color-scheme: light)">
         <link rel="icon" type="image/svg+xml" href="favicon-dark.svg" media="(prefers-color-scheme: dark)">
@@ -12,7 +12,7 @@
     </head>
     <body>
         <header data-slot="header">
-            <div class="logo pad-sm">
+            <div class="flex items-center gap-25 pad-2">
                 <div class="logo-image">
                   <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 400 400" fill="none">
                     <rect width="400" height="400" fill="light-dark(#0B0B0B, #FFFFFF)"/>
@@ -26,17 +26,17 @@
                     </defs>
                   </svg>
                 </div>
-                <span class="logo-text pad-xs">Functions</span>
+                <span class="logo-text pad-1">Functions</span>
             </div>
         </header>
         <filters-component></filters-component>
-        <input type="checkbox" id="nav-toggle" style="display: none;">
-        <nav id="sidebar" style="padding-top: var(--size-5); border-right: 1px solid var(--card-border-color);max-height: 100%; overflow-y: scroll; overflow: auto; min-width: 200px; position: relative;">
-          <label for="nav-toggle" id="nav-toggle-label" title="Toggle Functions list" style="position: absolute; top: var(--space-2); right: var(--space-3); cursor: pointer; padding: 4px; border-radius: 2px; background: var(--color-surface-subtle); border: 1px solid var(--color-border-default); z-index: 10;"></label>
-          <h4 class="config-label mar-t-0" style="padding-left: var(--space-3); margin-bottom:var(--space-3);">Functions</h4>
+        <input type="checkbox" id="nav-toggle" class="hidden">
+        <nav id="sidebar" class="relative y-scroll max-h-100 pad-t-5 border-right overflow-auto nav-min-width">
+          <label for="nav-toggle" id="nav-toggle-label" title="Toggle Functions list" class="z-10 nav-label"></label>
+          <h4 class="config-label mar-t-0 mar-b-3 pad-l-3">Functions</h4>
           <function-list></function-list>
         </nav>
-        <main id="main-content" style='max-height: 100%; overflow: hidden;'>
+        <main id="main-content" class="max-h-100 overflow-hidden">
               <payload-panel></payload-panel>
               <div>
                 <rule-panel></rule-panel>

package/dist/server/static/vendor/m-.css

@@ -0,0 +1 @@
+:root{--m-color-gray-1:#f8f8f8;--m-color-gray-2:#ededed;--m-color-gray-3:#ccc;--m-color-gray-4:#9c9c9c;--m-color-gray-5:#838383;--m-color-gray-6:#6e6e6e;--m-color-gray-7:#404040;--m-color-gray-8:#333;--m-color-gray-9:#282828;--m-color-blue-1:#d8ebfe;--m-color-blue-2:#6990ee;--m-color-blue-3:#494eaa;--m-color-red-1:#fce2de;--m-color-red-2:#eb6176;--m-color-red-3:#a2204f;--m-color-green-1:#ccf3ca;--m-color-green-2:#26a573;--m-color-green-3:#146146;--m-color-orange-1:#f6e5bb;--m-color-orange-2:#e36f4f;--m-color-orange-3:#963712;--m-color-disabled-fg:var(--m-color-gray-4);--m-color-disabled-bg:var(--m-color-gray-1);--m-color-focus:var(--m-color-blue-1);--m-color-primary-action:#1a73e8;--m-color-primary-bg:white;--m-color-border:var(--m-color-gray-2);--m-border-radius-1:2px;--m-border-radius-2:4px;--m-border-radius-3:6px;--m-border-radius-4:8px;--m-border-radius-full:9999px;--m-max-content-width:1320px;--m-input-min-height:34px;--m-target-size:var(--m-space-9);--m-target-min-size:var(--m-space-6);--m-space-1:4px;--m-space-2:8px;--m-space-3:12px;--m-space-4:16px;--m-space-5:20px;--m-space-6:24px;--m-space-7:28px;--m-space-8:32px;--m-space-9:36px;--m-space-10:40px;--m-space-11:44px;--m-space-12:48px;--m-space-13:52px;--m-space-14:56px;--m-breakpoint-sm:440px;--m-breakpoint-md:900px;--m-breakpoint-lg:901px;--m-font-size-min:13px;--m-font-size-default:16px;--m-font-size-md:18px;--m-font-size-lg:24px;--m-font-size-xl:32px;--m-shadow-color:0,0,0;--m-shadow-1:0 0 2px rgba(var(--m-shadow-color),.1);--m-shadow-2:0 0 4px rgba(var(--m-shadow-color),.2)}*{box-sizing:border-box}[hidden]{display:none!important}h1{font-size:2em}body{color:var(--m-color-gray-8);height:100vh;margin:0;font-family:Untitled Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}:is(button,a[role=button]){&[ord]{justify-content:center;align-items:center;gap:var(--m-space-2);border-radius:var(--m-border-radius-3);cursor:pointer;font-size:var(--m-font-size-md);height:var(--m-target-size);padding:var(--m-space-2)var(--m-space-3);background:0 0;border:2px solid;line-height:1.4;display:inline-flex;&[disabled]{cursor:not-allowed;border-color:var(--m-color-gray-3);color:var(--m-color-disabled-fg);background-color:var(--m-color-disabled-bg)}&[controlsize=sm]{height:var(--m-target-min-size);font-size:var(--m-font-size-min);padding:var(--m-space-2);font-weight:500}&[controlsize=lg]{height:var(--m-space-12);font-size:var(--m-font-size-lg)}& m-icon{font-size:140%}}&[ord=primary]{border-color:var(--m-color-primary-action);background-color:var(--m-color-primary-action);color:#fff}&[ord=secondary]{border-color:var(--m-color-primary-action);color:var(--m-color-primary-action);&[aria-pressed=true],&[aria-pressed=mixed]{background-color:var(--m-color-blue-1)}}&[ord=tertiary]{border-color:var(--m-color-gray-7);color:var(--m-color-gray-7);&[aria-pressed=true],&[aria-pressed=mixed]{background-color:var(--m-color-gray-3)}}&:focus-visible{outline:3px solid var(--m-color-focus)}}a[role=button][ord]{&:hover{text-decoration:none}}[role=group]:has(:is(button,a[role=button])){grid-auto-flow:column;display:inline-grid;@media (width<=600px){&{grid-auto-flow:row;display:grid}}& button,& a[role=button]{&:not(:only-child){border-radius:0;@media (width>=601px){&{border-left-width:1px;border-right-width:1px}&:first-of-type{border-radius:var(--m-border-radius-3)0 0 var(--m-border-radius-3);border-left-width:2px}&:last-of-type{border-radius:0 var(--m-border-radius-3)var(--m-border-radius-3)0;border-right-width:2px}}@media (width<=600px){&{border-top-width:1px;border-bottom-width:1px}&:first-of-type{border-radius:var(--m-border-radius-3)var(--m-border-radius-3)0 0;border-top-width:2px}&:last-of-type{border-radius:0 0 var(--m-border-radius-3)var(--m-border-radius-3);border-bottom-width:2px}}}}}code,pre{border-radius:var(--m-border-radius-4);color:var(--m-color-red-3)}code{background-color:var(--m-color-gray-2);padding:1px 3px}pre{margin:var(--m-space-3)0;background-color:#fff;& code{background-color:inherit;display:block;overflow:auto;padding:var(--m-space-3)!important}}fieldset{border:none;margin:0;padding:0;position:relative;&+:is(&,button[ord],a[role=button]){margin-top:var(--m-space-4)}& input:not([type=radio]):not([type=checkbox]),& :is(label,select){display:block}& input+label{display:inline}& :is(label,legend){padding:0;font-weight:500}& :is(input[type=radio],input[type=checkbox])+label{font-weight:400}& input:not([type=radio],[type=checkbox],[type=range]),& :is(select,textarea){min-height:var(--m-input-min-height);color:var(--m-color-gray-8);background-color:#fff;border-radius:0;width:100%;padding:6px;font-size:16px}& :is(input:not([role=switch]),select,textarea){border:1px solid var(--m-color-gray-3)}& select:not([multiple]){-webkit-appearance:none;appearance:none;padding-right:var(--m-space-7);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='22px'%3E%3Ctext x='0' y='10' fill='gray'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat}& textarea{resize:vertical;font-family:inherit}& input[type=range]{-webkit-appearance:none;appearance:none;margin:var(--m-space-3)0;height:var(--m-space-1);background-color:var(--m-color-gray-3);border-radius:var(--m-border-radius-full);outline:0;width:100%;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--m-space-5);height:var(--m-space-5);border:1px solid var(--m-color-gray-4);border-radius:var(--m-border-radius-full);background-color:#fff;&:focus-visible{outline:2px solid var(--m-color-focus)}}}& :is(label,legend)+:is(input,select,textarea){margin-top:var(--m-space-1)}& :is(input,select,textarea,small){&+&{margin-top:var(--m-space-2)}}& input:not([type=range]):not([role=switch]),& :is(select,textarea){&:focus{outline:3px solid var(--m-color-focus);outline-offset:0;border:1px solid var(--m-color-primary-action)}}& :is(input,select,textarea){&:user-invalid{border-color:var(--m-color-red-3);&~small{color:var(--m-color-red-3)}}&~small{color:var(--m-color-gray-6)}}}kbd{font-family:system-ui;&:not(:has(kbd)),& kbd{box-shadow:0 1px 2px 0 var(--m-color-gray-5);background:#fff;border-radius:3px;padding:0 4px}}a,span[role=link]{color:var(--m-color-primary-action);cursor:pointer;text-decoration:none;&:hover,&:focus-visible{outline:0;text-decoration:underline}&[disabled]{color:var(--m-color-disabled-fg);pointer-events:none}}ul,ol,dl{margin:0}ul,ol{padding-left:var(--m-space-5)}ul[type=none]{padding-left:0;list-style:none}dd{margin-inline-start:0}dl{&>dt{margin-top:var(--m-space-3);text-transform:uppercase;font-size:var(--m-font-size-min);font-weight:700;&:first-of-type{margin-top:0}}}:is(ul,ol)[type=content]{padding-left:0;list-style:none;&>li:not(:last-of-type){border-bottom:1px solid var(--m-color-border)}}table{border-collapse:collapse;width:100%;& caption{&:not([side=end]){margin-bottom:var(--m-space-2)}&[side=end]{margin-top:var(--m-space-2);caption-side:bottom}}& thead{&>tr{border-top:2px solid var(--m-color-gray-3)}& th{text-align:left;&[aria-sort] button{all:unset;cursor:pointer;align-items:center;display:inline-flex;&:after{padding-left:var(--m-space-1);font-size:.8em}}&[aria-sort=ascending] button:after{content:"↑"}&[aria-sort=descending] button:after{content:"↓"}}}& th,& td{padding:var(--m-space-2);vertical-align:top}& tbody>tr{border-bottom:1px solid var(--m-color-gray-3);&:first-of-type{border-top:1px solid var(--m-color-gray-3)}}&[layout=fixed]{table-layout:fixed}&[striped]>tbody tr:nth-of-type(odd){background-color:var(--m-color-gray-2)}}meter{height:var(--m-space-3);width:100%;display:block}m-accordion{--icon:"expand_more";display:block;&[icon]{--icon:attr(icon)}&>details{border-top:3px solid var(--m-color-gray-2);&:last-child{border-bottom:3px solid var(--m-color-gray-2)}&[open]>summary:after{transition:transform .25s;transform:rotate(180deg)}&>summary{padding:var(--m-space-3)var(--m-space-12)var(--m-space-3)var(--m-space-3);position:relative;&:focus-visible{outline:2px solid var(--m-color-focus)}&:after{content:var(--icon);top:var(--m-space-3);right:var(--m-space-3);font-family:m-icons;font-size:20px;line-height:1;transition:transform .25s;position:absolute;transform:rotate(0)}}}}m-alert{--color:var(--m-color-gray-7);--bg-color:var(--m-color-gray-2);padding:var(--m-space-5);color:var(--color);background-color:var(--bg-color);border-radius:var(--m-border-radius-3);align-items:center;min-height:60px;display:flex;&+&{margin-top:var(--m-space-2)}&[icon]:before{content:attr(icon);font-family:m-icons;font-size:var(--m-font-size-lg);margin-right:var(--m-space-3);line-height:1}& button[slot=close]{all:unset;box-sizing:border-box;cursor:pointer;font-size:var(--m-font-size-default);border-radius:var(--m-border-radius-full);padding:var(--m-space-2);width:var(--m-target-min-size);height:var(--m-target-min-size);place-content:center;margin-left:auto;line-height:1;display:inline-grid;&:before{content:"✕"}&:hover{background-color:rgb(from var(--color)r g b/.1)}}&[type=info]{--color:var(--m-color-blue-3);--bg-color:var(--m-color-blue-1)}&[type=success]{--color:var(--m-color-green-3);--bg-color:var(--m-color-green-1)}&[type=warn]{--color:var(--m-color-orange-3);--bg-color:var(--m-color-orange-1)}&[type=error]{--color:var(--m-color-red-3);--bg-color:var(--m-color-red-1)}}m-badge{color:#fff;background-color:var(--m-color-primary-action);font-size:var(--m-font-size-min);border-radius:.625rem;place-items:center;min-width:1.25rem;height:1.25rem;line-height:1.05rem;display:none;&:not([count]){padding:0 var(--m-space-2)}&[count]:before{content:attr(count);padding:0 var(--m-space-2)}&:not(:empty),&[count]:not([count=""]):not([count="0"]){display:inline-grid}}m-card{border-radius:var(--m-border-radius-2);padding:var(--m-space-5);border:1px solid var(--m-color-border);background-color:#fff;display:block;overflow:hidden;&[ord=secondary]{background-color:var(--m-color-gray-1);box-shadow:var(--m-shadow-1);border:none}&+&{margin-top:var(--m-space-3)}}@media only screen and (width<=600px){m-card{padding:var(--m-space-3)}}m-breadcrumb,m-breadcrumb>nav{display:flex}m-breadcrumb>nav>:is(a,m-crumb,span):not(:first-child):before{content:"/";margin:0 var(--m-space-3);color:var(--m-color-gray-4);display:inline-block}details{&>summary{cursor:pointer;list-style:none;&:focus{outline:none}&::-webkit-details-marker{display:none}}}dialog{padding:var(--m-space-7);box-shadow:0 12px 18px -3px rgb(from var(--m-color-gray-7)r g b/.1);background-color:#f5f3f7;border:none;& button[slot=close]{all:unset;top:var(--m-space-1);right:var(--m-space-1);width:var(--m-target-min-size);height:var(--m-target-min-size);cursor:pointer;border-radius:var(--m-border-radius-full);place-content:center;display:inline-grid;position:absolute;&:before{content:"✕"}&:hover{background-color:rgb(from var(--m-color-gray-7)r g b/.1)}}}m-dot{align-items:center;display:inline-flex;&:before{content:"";margin:var(--m-space-1);border-radius:var(--m-border-radius-full);background-color:var(--m-color-gray-4);width:8px;height:8px}&[type=info]:before{background-color:var(--m-color-blue-2)}&[type=success]:before{background-color:var(--m-color-green-2)}&[type=warn]:before{background-color:var(--m-color-orange-2)}&[type=error]:before{background-color:var(--m-color-red-2)}}m-container{max-width:var(--m-max-content-width);padding:var(--m-space-5)var(--m-space-7);margin:auto;display:block;&[maxwidth=md]{max-width:924px}&[maxwidth=sm]{max-width:375px}&[maxwidth=none]{max-width:none}}@media only screen and (width<=600px){m-container{padding:var(--m-space-3)}}@font-face{font-family:m-icons;font-style:normal;font-weight:400;src:url(./m-.woff2)format("woff2")}m-icon{display:inline-flex;&:before{content:attr(name);-webkit-font-smoothing:antialiased;font-family:m-icons}&[fill]:before{font-variation-settings:"FILL" 1}}m-menu{display:inline-block;position:relative;&>[slot=trigger]{cursor:pointer}&>[slot=items]{transform:translateY(var(--m-space-1));border:1px solid var(--m-color-gray-4);border-radius:var(--m-border-radius-2);z-index:3000;background-color:#fff;width:max-content;display:none;position:absolute;&>a{padding:var(--m-space-2)var(--m-space-3);display:block}}&[open]>[slot=items]{display:block}}m-tabs{align-items:flex-start;display:flex;&[scrollable]{scrollbar-width:none;overflow-x:scroll;&::-webkit-scrollbar{display:none}}&>:is(a,button){all:unset;color:var(--m-color-gray-7);text-align:center;white-space:nowrap;padding:var(--m-space-2)var(--m-space-6);cursor:pointer;font-weight:700;display:inline-flex;&:focus-visible{outline:2px solid var(--m-color-focus)}&:not([disabled]):not([aria-selected=true]):hover{border-bottom:2px solid var(--m-color-gray-3);text-decoration:none}&[aria-selected=true]{border-bottom:2px solid var(--m-color-primary-action)}&[disabled]{color:var(--m-color-disabled-fg);cursor:default}}}m-tag{--color:#585858;vertical-align:top;align-items:center;gap:var(--m-space-1);color:var(--color);background-color:oklch(from var(--color)calc(l*2)c h);padding:var(--m-space-1)var(--m-space-2);font-size:var(--m-font-size-min);border-radius:var(--m-border-radius-2);display:inline-flex;position:relative;&+&{margin-left:var(--m-space-1)}&:has(button[slot=close]){padding-right:var(--m-space-7)}& button[slot=close]{all:unset;right:var(--m-space-1);cursor:pointer;font-size:var(--m-font-size-min);border-radius:var(--m-border-radius-full);width:var(--m-space-4);height:var(--m-space-4);place-content:center;padding:1px;line-height:1;display:inline-grid;position:absolute;&:before{content:"✕"}&:hover{background-color:rgb(from var(--color)r g b/.1)}}}progress:indeterminate{-webkit-appearance:none;appearance:none;place-items:center;width:auto;display:inline-flex;&:before{content:"autorenew";-webkit-font-smoothing:antialiased;font-family:m-icons;animation:1.2s linear infinite m-loader}}@keyframes m-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}hr{background-color:var(--m-color-gray-3);border:none;height:1px;margin:0;&[aria-orientation=vertical]{width:1.5px;height:auto}}input[type=checkbox][role=switch]{width:var(--m-space-10);-webkit-appearance:none;appearance:none;border-radius:var(--m-border-radius-full);cursor:pointer;background-color:var(--m-color-gray-3);height:22px;margin:0;transition:background-color .12s ease-in;position:relative;&:before{content:"";width:var(--m-space-4);height:var(--m-space-4);border-radius:var(--m-border-radius-full);background-color:#fff;transition:all .12s ease-in;position:absolute;top:3px;left:3px}&:focus-visible{outline:2px solid var(--m-color-focus);outline-offset:0}&:checked{background-color:var(--m-color-primary-action)}&:checked:before{left:20px}&:disabled{cursor:not-allowed;background-color:var(--m-color-disabled-bg)}}h1,h2,h3,h4,h5,h6,p{margin:0}blockquote{color:var(--m-color-gray-6);font-style:italic}.all-unset{all:unset}.pad-0{padding:0}.pad-1{padding:var(--m-space-1)}.pad-2{padding:var(--m-space-2)}.pad-3{padding:var(--m-space-3)}.pad-4{padding:var(--m-space-4)}.pad-5{padding:var(--m-space-5)}.pad-6{padding:var(--m-space-6)}.pad-7{padding:var(--m-space-7)}.pad-8{padding:var(--m-space-8)}.pad-9{padding:var(--m-space-9)}.pad-10{padding:var(--m-space-10)}.pad-11{padding:var(--m-space-11)}.pad-12{padding:var(--m-space-12)}.pad-13{padding:var(--m-space-13)}.pad-14{padding:var(--m-space-14)}.pad-t-0{padding-top:0}.pad-t-1{padding-top:var(--m-space-1)}.pad-t-2{padding-top:var(--m-space-2)}.pad-t-3{padding-top:var(--m-space-3)}.pad-t-4{padding-top:var(--m-space-4)}.pad-t-5{padding-top:var(--m-space-5)}.pad-t-6{padding-top:var(--m-space-6)}.pad-t-7{padding-top:var(--m-space-7)}.pad-t-8{padding-top:var(--m-space-8)}.pad-t-9{padding-top:var(--m-space-9)}.pad-t-10{padding-top:var(--m-space-10)}.pad-t-11{padding-top:var(--m-space-11)}.pad-t-12{padding-top:var(--m-space-12)}.pad-t-13{padding-top:var(--m-space-13)}.pad-t-14{padding-top:var(--m-space-14)}.pad-r-0{padding-right:0}.pad-r-1{padding-right:var(--m-space-1)}.pad-r-2{padding-right:var(--m-space-2)}.pad-r-3{padding-right:var(--m-space-3)}.pad-r-4{padding-right:var(--m-space-4)}.pad-r-6{padding-right:var(--m-space-6)}.pad-r-8{padding-right:var(--m-space-8)}.pad-r-10{padding-right:var(--m-space-10)}.pad-r-12{padding-right:var(--m-space-12)}.pad-r-14{padding-right:var(--m-space-14)}.pad-b-0{padding-bottom:0}.pad-b-1{padding-bottom:var(--m-space-1)}.pad-b-2{padding-bottom:var(--m-space-2)}.pad-b-3{padding-bottom:var(--m-space-3)}.pad-b-4{padding-bottom:var(--m-space-4)}.pad-b-6{padding-bottom:var(--m-space-6)}.pad-b-7{padding-bottom:var(--m-space-7)}.pad-b-8{padding-bottom:var(--m-space-8)}.pad-b-10{padding-bottom:var(--m-space-10)}.pad-b-12{padding-bottom:var(--m-space-12)}.pad-b-14{padding-bottom:var(--m-space-14)}.pad-l-0{padding-left:0}.pad-l-1{padding-left:var(--m-space-1)}.pad-l-2{padding-left:var(--m-space-2)}.pad-l-3{padding-left:var(--m-space-3)}.pad-l-4{padding-left:var(--m-space-4)}.pad-l-5{padding-left:var(--m-space-5)}.pad-l-6{padding-left:var(--m-space-6)}.pad-l-7{padding-left:var(--m-space-7)}.pad-l-8{padding-left:var(--m-space-8)}.pad-l-10{padding-left:var(--m-space-10)}.pad-l-12{padding-left:var(--m-space-12)}.pad-l-14{padding-left:var(--m-space-14)}.mar-auto{margin:auto}.mar-t-auto{margin-top:auto}.mar-r-auto{margin-right:auto}.mar-b-auto{margin-bottom:auto}.mar-l-auto{margin-left:auto}.mar-0{margin:0}.mar-1{margin:var(--m-space-1)}.mar-2{margin:var(--m-space-2)}.mar-3{margin:var(--m-space-3)}.mar-4{margin:var(--m-space-4)}.mar-6{margin:var(--m-space-6)}.mar-8{margin:var(--m-space-8)}.mar-10{margin:var(--m-space-10)}.mar-12{margin:var(--m-space-12)}.mar-14{margin:var(--m-space-14)}.mar-t-0{margin-top:0}.mar-t-1{margin-top:var(--m-space-1)}.mar-t-2{margin-top:var(--m-space-2)}.mar-t-3{margin-top:var(--m-space-3)}.mar-t-4{margin-top:var(--m-space-4)}.mar-t-6{margin-top:var(--m-space-6)}.mar-t-8{margin-top:var(--m-space-8)}.mar-t-10{margin-top:var(--m-space-10)}.mar-t-12{margin-top:var(--m-space-12)}.mar-t-14{margin-top:var(--m-space-14)}.mar-r-0{margin-right:0}.mar-r-1{margin-right:var(--m-space-1)}.mar-r-2{margin-right:var(--m-space-2)}.mar-r-3{margin-right:var(--m-space-3)}.mar-r-4{margin-right:var(--m-space-4)}.mar-r-6{margin-right:var(--m-space-6)}.mar-r-8{margin-right:var(--m-space-8)}.mar-r-10{margin-right:var(--m-space-10)}.mar-r-12{margin-right:var(--m-space-12)}.mar-r-14{margin-right:var(--m-space-14)}.mar-b-0{margin-bottom:0}.mar-b-1{margin-bottom:var(--m-space-1)}.mar-b-2{margin-bottom:var(--m-space-2)}.mar-b-3{margin-bottom:var(--m-space-3)}.mar-b-4{margin-bottom:var(--m-space-4)}.mar-b-5{margin-bottom:var(--m-space-5)}.mar-b-6{margin-bottom:var(--m-space-6)}.mar-b-8{margin-bottom:var(--m-space-8)}.mar-b-10{margin-bottom:var(--m-space-10)}.mar-b-12{margin-bottom:var(--m-space-12)}.mar-b-14{margin-bottom:var(--m-space-14)}.mar-l-0{margin-left:0}.mar-l-1{margin-left:var(--m-space-1)}.mar-l-2{margin-left:var(--m-space-2)}.mar-l-3{margin-left:var(--m-space-3)}.mar-l-4{margin-left:var(--m-space-4)}.mar-l-6{margin-left:var(--m-space-6)}.mar-l-8{margin-left:var(--m-space-8)}.mar-l-10{margin-left:var(--m-space-10)}.mar-l-12{margin-left:var(--m-space-12)}.mar-l-14{margin-left:var(--m-space-14)}.gap-0{gap:0}.gap-1{gap:var(--m-space-1)}.gap-2{gap:var(--m-space-2)}.gap-3{gap:var(--m-space-3)}.gap-4{gap:var(--m-space-4)}.gap-6{gap:var(--m-space-6)}.gap-8{gap:var(--m-space-8)}.gap-10{gap:var(--m-space-10)}.gap-12{gap:var(--m-space-12)}.gap-14{gap:var(--m-space-14)}.font-bold{font-weight:700}.font-med{font-weight:500}.font-reg{font-weight:400}.font-light{font-weight:300}.font-normal{font-style:normal}.font-italic{font-style:italic}.font-mono{font-family:monospace}.txt-left{text-align:left}.txt-right{text-align:right}.txt-center{text-align:center}.txt-justify{text-align:justify}.txt-lower{text-transform:lowercase}.txt-upper{text-transform:uppercase}.txt-caps{text-transform:capitalize}.txt-space{letter-spacing:2px}.txt-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.txt-nowrap{white-space:nowrap}.txt-break-all{word-break:break-all}.txt-break-word{word-break:break-word}.txt-maxlength{max-width:75ch}.txt-noselect{-webkit-user-select:none;user-select:none;cursor:default}.txt-xs{font-size:var(--m-font-size-min)}.txt-sm{font-size:var(--m-font-size-default)}.txt-md{font-size:var(--m-font-size-md)}.txt-lg{font-size:var(--m-font-size-lg)}.txt-xl{font-size:var(--m-font-size-xl)}.txt-xxl{font-size:100px}.txt-white{color:#fff}.txt-gray-1{color:var(--m-color-gray-1)}.txt-gray-2{color:var(--m-color-gray-2)}.txt-gray-3{color:var(--m-color-gray-3)}.txt-gray-4{color:var(--m-color-gray-4)}.txt-gray-5{color:var(--m-color-gray-5)}.txt-gray-6{color:var(--m-color-gray-6)}.txt-gray-7{color:var(--m-color-gray-7)}.txt-gray-8{color:var(--m-color-gray-8)}.txt-gray-9{color:var(--m-color-gray-9)}.txt-blue-1{color:var(--m-color-blue-1)}.txt-blue-2{color:var(--m-color-blue-2)}.txt-blue-3{color:var(--m-color-blue-3)}.txt-red-1{color:var(--m-color-red-1)}.txt-red-2{color:var(--m-color-red-2)}.txt-red-3{color:var(--m-color-red-3)}.txt-green-1{color:var(--m-color-green-1)}.txt-green-2{color:var(--m-color-green-2)}.txt-green-3{color:var(--m-color-green-3)}.txt-orange-1{color:var(--m-color-orange-1)}.txt-orange-2{color:var(--m-color-orange-2)}.txt-orange-3{color:var(--m-color-orange-3)}.txt-info{color:var(--m-color-blue-2)}.txt-success{color:var(--m-color-green-2)}.txt-warn{color:var(--m-color-orange-2)}.txt-error{color:var(--m-color-red-2)}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden,.hide{display:none}@media (width<=576px){.sm\:hide{display:none}}@media (width>=576px){.sm\:hide{display:none}}@media (width>=992px){.lg\:hide{display:none}}.flex-110{&,&>*{flex:1 1 0}}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-basis-content{flex-basis:content}.flex-wrap{flex-wrap:wrap}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-evenly{justify-content:space-evenly}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-baseline{align-items:baseline}.align-self-stretch{align-self:stretch}.align-self-start{align-self:start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-baseline{align-self:baseline}.place-content-center{place-content:center}.place-items-center{place-items:center}.grid-template-cols-fit{grid-template-columns:repeat(auto-fit,minmax(min(375px,100%),1fr))}.grid-template-cols-fill{grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr))}.grid-template-cols-subgrid{grid-template-columns:subgrid}.grid-flow-col{grid-auto-flow:column}.grid-flow-row{grid-auto-flow:row}.grid-flow-dense{grid-auto-flow:dense}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.left{float:left}.right{float:right}.clear{clear:both}.pos-absolute{position:absolute}.pos-fixed{position:fixed}.pos-relative{position:relative}.pos-static{position:static}.pos-sticky{position:sticky}.pos-t-0{top:0}.pos-r-0{right:0}.pos-b-0{bottom:0}.pos-l-0{left:0}.brd-none{border:none}.brd{border:1px solid var(--m-color-border)}.brd-t{border-top:1px solid var(--m-color-border)}.brd-r{border-right:1px solid var(--m-color-border)}.brd-b{border-bottom:1px solid var(--m-color-border)}.brd-l{border-left:1px solid var(--m-color-border)}.brd-radius-1{border-radius:var(--m-border-radius-1)}.brd-radius-2{border-radius:var(--m-border-radius-2)}.brd-radius-3{border-radius:var(--m-border-radius-3)}.brd-radius-4{border-radius:var(--m-border-radius-4)}.brd-radius-full{border-radius:var(--m-border-radius-full)}.brd-dashed{border-style:dashed}.brd-sm{border-width:1px}.brd-md{border-width:2px}.bg-clip-text{color:#0000;-webkit-background-clip:text;background-clip:text}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-white{background:#fff}.bg-gray-1{background:var(--m-color-gray-1)}.bg-gray-2{background:var(--m-color-gray-2)}.bg-gray-3{background:var(--m-color-gray-3)}.bg-gray-4{background:var(--m-color-gray-4)}.bg-gray-5{background:var(--m-color-gray-5)}.bg-gray-6{background:var(--m-color-gray-6)}.bg-gray-7{background:var(--m-color-gray-7)}.bg-gray-8{background:var(--m-color-gray-8)}.bg-gray-9{background:var(--m-color-gray-9)}.bg-blue-1{background:var(--m-color-blue-1)}.bg-blue-2{background:var(--m-color-blue-2)}.bg-blue-3{background:var(--m-color-blue-3)}.bg-red-1{background:var(--m-color-red-1)}.bg-red-2{background:var(--m-color-red-2)}.bg-red-3{background:var(--m-color-red-3)}.bg-green-1{background:var(--m-color-green-1)}.bg-green-2{background:var(--m-color-green-2)}.bg-green-3{background:var(--m-color-green-3)}.bg-orange-1{background:var(--m-color-orange-1)}.bg-orange-2{background:var(--m-color-orange-2)}.bg-orange-3{background:var(--m-color-orange-3)}.bg-info{background:var(--m-color-blue-2)}.bg-success{background:var(--m-color-green-2)}.bg-warn{background:var(--m-color-orange-2)}.bg-error{background:var(--m-color-red-2)}.width-full{width:100%}.width-half{width:50%}.width-min-0{min-width:0}.width-max{width:max-content}.width-min{width:min-content}.width-fit{width:fit-content}.height-full{height:100%}.height-half{height:50%}.height-min-0{min-height:0}.height-max{height:max-content}.height-min{height:min-content}.height-fit{height:fit-content}.obj-fit-cover{-o-object-fit:cover;object-fit:cover}.obj-fit-fill{-o-object-fit:fill;object-fit:fill}.obj-fit-contain{-o-object-fit:contain;object-fit:contain}.obj-fit-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.pointer{cursor:pointer}.shadow{box-shadow:0 1px 4px #0000004d}.vis-hidden{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.box-sizing-border{box-sizing:border-box}.box-sizing-content{box-sizing:content-box}.content-vis-auto{content-visibility:auto}

package/dist/utils/display/blueprints-formatting.d.ts

@@ -1,6 +1,7 @@
-import type { Blueprint } from '@sanity/blueprints-parser';
-import { type Resource, type Stack } from '../types.js';
+import type { Blueprint, Resource } from '@sanity/blueprints-parser';
+import { type DeployedResource, type Stack } from '../types.js';
 export declare function formatTitle(title: string, name: string): string;
+export declare function formatDeployedResourceTree(resources: DeployedResource[] | undefined): string;
 export declare function formatResourceTree(resources: Resource[] | undefined): string;
 export declare function formatStackInfo(stack: Stack | Blueprint, isCurrentStack?: boolean): string;
 export declare function formatStacksListing(stacks: Stack[], currentStackId?: string): string;

package/dist/utils/display/blueprints-formatting.js

@@ -1,71 +1,111 @@
 import { treeify } from 'array-treeify';
 import chalk from 'chalk';
-import { isLocalFunctionResource } from '../types.js';
+import { SANITY_ACCESS_ROLE, SANITY_FUNCTION_DOCUMENT, SANITY_FUNCTION_MEDIA_LIBRARY_ASSET, SANITY_FUNCTION_SCHEDULE, SANITY_PROJECT_CORS, SANITY_PROJECT_DATASET, SANITY_PROJECT_WEBHOOK, } from '../../constants.js';
+import { isCorsOriginResource, isDatasetResource, isRoleResource, isWebhookResource, } from '../types.js';
 import { formatDate, formatDuration } from './dates.js';
 import { niceId } from './presenters.js';
-import { arraifyCors, arrayifyFunction } from './resources-formatting.js';
-export function formatTitle(title, name) {
-    return `${chalk.bold.blue(title)} ${chalk.bold(`"${name}"`)}`;
-}
-export function formatResourceTree(resources) {
-    if (!resources || resources.length === 0)
-        return '  Zero resources';
-    const output = [`${chalk.bold.underline('Resources')} [${resources.length}]`];
-    const RESOURCE_CATEGORIES = [
-        {
-            label: 'Functions',
-            match: isLocalFunctionResource,
-            name: (res) => {
-                const name = chalk.bold.green(res.displayName || res.name || 'unnamed');
-                const ids = [
-                    'id' in res && res.id ? `${niceId(res.id)}` : '',
-                    'externalId' in res && res.externalId ? `<${niceId(res.externalId)}>` : '',
-                ].join(' ');
-                return `${name} ${ids}`;
-            },
-            formatDetails: arrayifyFunction,
+import { arrayifyCors, arrayifyDataset, arrayifyFunction, arrayifyRole, arrayifyWebhook, } from './resources-formatting.js';
+const functionCategory = {
+    label: 'Functions',
+    displayNameAttribute: 'displayName',
+    formatDetails: arrayifyFunction,
+};
+const RESOURCE_CATEGORIES = {
+    [SANITY_ACCESS_ROLE]: {
+        label: 'Roles',
+        displayNameAttribute: 'title',
+        formatDetails(res) {
+            return isRoleResource(res) ? arrayifyRole(res) : [];
         },
-        {
-            label: 'CORS Origins',
-            match: (r) => r.type === 'sanity.project.cors',
-            name: (res) => {
-                const name = chalk.bold.yellow(res.displayName || res.name || 'unnamed');
-                const ids = [
-                    'id' in res && res.id ? `${niceId(res.id)}` : '',
-                    'externalId' in res && res.externalId ? `<${niceId(res.externalId)}>` : '',
-                ].join(' ');
-                return `${name} ${ids}`;
-            },
-            formatDetails: arraifyCors,
+    },
+    [SANITY_FUNCTION_DOCUMENT]: functionCategory,
+    [SANITY_FUNCTION_MEDIA_LIBRARY_ASSET]: functionCategory,
+    [SANITY_FUNCTION_SCHEDULE]: functionCategory,
+    [SANITY_PROJECT_CORS]: {
+        label: 'CORS Origins',
+        formatDetails(res) {
+            return isCorsOriginResource(res) ? arrayifyCors(res) : [];
         },
+    },
+    [SANITY_PROJECT_DATASET]: {
+        label: 'Datasets',
+        displayNameAttribute: 'datasetName',
+        formatDetails(res) {
+            return isDatasetResource(res) ? arrayifyDataset(res) : [];
+        },
+    },
+    [SANITY_PROJECT_WEBHOOK]: {
+        label: 'Webhooks',
+        displayNameAttribute: 'displayName',
+        formatDetails(res) {
+            return isWebhookResource(res) ? arrayifyWebhook(res) : [];
+        },
+    },
+};
+const categoryByLabel = Object.values(RESOURCE_CATEGORIES).reduce((acc, curr) => {
+    acc[curr.label] = curr;
+    return acc;
+}, {});
+function resourceName(res, displayNameAttribute) {
+    const displayName = displayNameAttribute &&
+        displayNameAttribute in res &&
+        typeof res[displayNameAttribute] === 'string' &&
+        res[displayNameAttribute];
+    const name = displayName || res.name || 'unnamed';
+    return chalk.bold.green(name);
+}
+function deployedResourceName(res, displayNameAttribute) {
+    const displayName = displayNameAttribute &&
+        typeof res.parameters[displayNameAttribute] === 'string' &&
+        res.parameters[displayNameAttribute];
+    const name = displayName || res.name || 'unnamed';
+    const ids = idList(res).join(' ');
+    return `${chalk.bold.green(name)} ${ids}`;
+}
+function idList(res) {
+    return [
+        'id' in res && typeof res.id === 'string' && res.id ? `${niceId(res.id)}` : '',
+        'externalId' in res && typeof res.externalId === 'string' && res.externalId
+            ? `<${niceId(res.externalId)}>`
+            : '',
     ];
+}
+export function formatTitle(title, name) {
+    return `${chalk.bold.blue(title)} ${chalk.bold(`"${name}"`)}`;
+}
+function categorizeResources(resources) {
     const categorized = {};
-    const matchedIndices = new Set();
-    for (const [i, resource] of resources.entries()) {
-        for (const cat of RESOURCE_CATEGORIES) {
-            if (cat.match(resource)) {
-                if (!categorized[cat.label])
-                    categorized[cat.label] = [];
-                categorized[cat.label].push(resource);
-                matchedIndices.add(i);
-                break;
-            }
+    const otherResources = [];
+    for (const resource of resources) {
+        const cat = RESOURCE_CATEGORIES[resource.type];
+        if (cat) {
+            if (!categorized[cat.label])
+                categorized[cat.label] = [];
+            categorized[cat.label].push(resource);
+        }
+        else {
+            otherResources.push(resource);
         }
     }
     // unmatched resources are 'Other Resources'
-    const otherResources = resources.filter((_, i) => !matchedIndices.has(i));
     if (otherResources.length > 0) {
         categorized['Other Resources'] = otherResources;
     }
-    for (const category of RESOURCE_CATEGORIES) {
+    return categorized;
+}
+function buildOutputTree(resources, name, mapToResource) {
+    const output = [`${chalk.bold.underline('Resources')} [${resources.length}]`];
+    const categorized = categorizeResources(resources);
+    for (const category of Object.values(categoryByLabel)) {
         const catResources = categorized[category.label];
         if (catResources && catResources.length > 0) {
             const catOutput = [`${chalk.bold(category.label)} [${catResources.length}]`];
             const details = [];
             for (const res of catResources) {
-                details.push(category.name(res));
-                if (category.formatDetails)
-                    details.push(category.formatDetails(res));
+                details.push(name(category, res));
+                if (category.formatDetails) {
+                    details.push(category.formatDetails(mapToResource(res)));
+                }
             }
             catOutput.push(details);
             output.push(catOutput);
@@ -76,11 +116,23 @@ export function formatResourceTree(resources) {
             `${chalk.bold('Other Resources')} [${categorized['Other Resources'].length}]`,
         ];
         const otherResourcesOutput = categorized['Other Resources'].map((other) => {
-            return `${chalk.yellow(other.displayName ?? other.name ?? 'unnamed')}`;
+            return `${chalk.yellow(other.name ?? 'unnamed')} ${chalk.dim(other.type)}`;
         });
         otherOutput.push(otherResourcesOutput);
         output.push(otherOutput);
     }
+    return output;
+}
+export function formatDeployedResourceTree(resources) {
+    if (!resources || resources.length === 0)
+        return '  Zero deployed resources';
+    const output = buildOutputTree(resources, (category, res) => deployedResourceName(res, category.displayNameAttribute), (res) => ({ name: res.name, type: res.type, ...res.parameters }));
+    return `${treeify(output)}\n`;
+}
+export function formatResourceTree(resources) {
+    if (!resources || resources.length === 0)
+        return '  Zero resources';
+    const output = buildOutputTree(resources, (category, res) => resourceName(res, category.displayNameAttribute), (res) => res);
     return `${treeify(output)}\n`;
 }
 export function formatStackInfo(stack, isCurrentStack = false) {

package/dist/utils/display/resources-formatting.d.ts

@@ -1,4 +1,8 @@
+import type { BlueprintCorsOriginResource, BlueprintDatasetResource, BlueprintDocumentWebhookResource, BlueprintRoleResource } from '@sanity/blueprints';
 import type { TreeInput } from 'array-treeify';
-import type { CorsResource, FunctionResourceBase } from '../../utils/types.js';
+import { type FunctionResourceBase } from '../../utils/types.js';
 export declare function arrayifyFunction(fn: FunctionResourceBase): TreeInput;
-export declare function arraifyCors(resource: CorsResource): TreeInput;
+export declare function arrayifyCors(resource: BlueprintCorsOriginResource): TreeInput;
+export declare function arrayifyRole(resource: BlueprintRoleResource): TreeInput;
+export declare function arrayifyDataset(resource: BlueprintDatasetResource): TreeInput;
+export declare function arrayifyWebhook(resource: BlueprintDocumentWebhookResource): TreeInput;

package/dist/utils/display/resources-formatting.js

@@ -1,40 +1,94 @@
 import chalk from 'chalk';
-function formatMemory(memory) {
-    return `${chalk.dim('memory:')} ${memory}`;
+import { isScheduleEvent, } from '../../utils/types.js';
+function formatLabel(label) {
+    return chalk.dim(`${label}:`);
 }
-function formatTimeout(timeout) {
-    return `${chalk.dim('timeout:')} ${timeout}`;
+function formatLabeledValue(label, value) {
+    return `${chalk.dim(`${label}:`)} ${value}`;
 }
 function arrayifyEvent(event) {
     if (!event)
         return undefined;
     const details = [];
-    if (event.on) {
-        details.push(`${chalk.dim('on:')} ${event.on.map((o) => `"${o}"`).join(', ')}`);
-    }
-    if (event.filter) {
-        details.push(`${chalk.dim('filter:')} ${event.filter}`);
+    if (isScheduleEvent(event)) {
+        if ('expression' in event) {
+            details.push(formatLabeledValue('expression', event.expression));
+        }
+        else {
+            details.push(formatLabeledValue('expression', `${event.minute} ${event.hour} ${event.dayOfWeek} ${event.month} ${event.dayOfMonth}`));
+        }
     }
-    if (event.projection) {
-        details.push(`${chalk.dim('projection:')} ${event.projection}`);
+    else {
+        if (event.on) {
+            details.push(formatLabeledValue('on', event.on.map((o) => `"${o}"`).join(', ')));
+        }
+        if (event.filter) {
+            details.push(formatLabeledValue('filter', event.filter));
+        }
+        if (event.projection) {
+            details.push(formatLabeledValue('projection', event.projection));
+        }
     }
     return details;
 }
 export function arrayifyFunction(fn) {
-    const details = [`${chalk.dim('type:')} "${fn.type}"`];
+    const details = [formatLabeledValue('type', fn.type)];
     if (fn.memory)
-        details.push(formatMemory(fn.memory));
+        details.push(formatLabeledValue('memory', fn.memory));
     if (fn.timeout)
-        details.push(formatTimeout(fn.timeout));
+        details.push(formatLabeledValue('timeout', fn.timeout));
     if (fn.event) {
         const eventDetails = arrayifyEvent(fn.event);
         if (eventDetails) {
-            details.push(`${chalk.dim('event:')}`);
+            details.push(formatLabel('event'));
             details.push(eventDetails);
         }
     }
     return details;
 }
-export function arraifyCors(resource) {
-    return [`${chalk.dim('origin:')} "${resource.origin}"`];
+export function arrayifyCors(resource) {
+    return [formatLabeledValue('origin', resource.origin)];
+}
+export function arrayifyRole(resource) {
+    const details = [];
+    if (resource.description)
+        details.push(formatLabeledValue('description', resource.description));
+    if (resource.permissions.length > 0) {
+        details.push(formatLabel('permissions'));
+        const permissions = [];
+        const permissionsMap = {};
+        resource.permissions.forEach((p) => {
+            if (!permissionsMap[p.name])
+                permissionsMap[p.name] = [];
+            permissionsMap[p.name].push(p.action);
+        });
+        Object.keys(permissionsMap).forEach((name) => void permissions.push(formatLabeledValue(name, permissionsMap[name].join(', '))));
+        details.push(permissions);
+    }
+    return details;
+}
+export function arrayifyDataset(resource) {
+    const details = [];
+    if (resource.aclMode)
+        details.push(formatLabeledValue('aclMode', resource.aclMode));
+    return details;
+}
+export function arrayifyWebhook(resource) {
+    const details = [];
+    if (resource.description)
+        details.push(formatLabeledValue('description', resource.description));
+    details.push(formatLabeledValue('url', resource.url));
+    details.push(formatLabeledValue('on', resource.on.join(', ')));
+    if (resource.filter)
+        details.push(formatLabeledValue('filter', resource.filter));
+    if (resource.projection)
+        details.push(formatLabeledValue('projection', resource.projection));
+    if (resource.status)
+        details.push(formatLabeledValue('status', resource.status));
+    if (resource.httpMethod)
+        details.push(formatLabeledValue('httpMethod', resource.httpMethod));
+    if (resource.dataset)
+        details.push(formatLabeledValue('dataset', resource.dataset));
+    // not included: headers, includeDrafts, includeAllVersions, secret, apiVersion
+    return details;
 }

package/dist/utils/find-function.d.ts

@@ -1,4 +1,4 @@
 import type { Blueprint } from '@sanity/blueprints-parser';
 import type { DeployedResource, FunctionResource, Stack } from './types.js';
-export declare function findFunctionByName(blueprintOrStack: Blueprint, name: string): FunctionResource;
-export declare function findFunctionByName(blueprintOrStack: Stack, name: string): FunctionResource & DeployedResource;
+export declare function findFunctionInBlueprint(blueprint: Blueprint, name: string): FunctionResource;
+export declare function findFunctionInStack(stack: Stack, name: string): DeployedResource;

package/dist/utils/find-function.js

@@ -1,6 +1,13 @@
-export function findFunctionByName(blueprintOrStack, name) {
-    const func = blueprintOrStack?.resources?.find((r) => r?.type?.startsWith('sanity.function.') && r.name === name);
+export function findFunctionInBlueprint(blueprint, name) {
+    const func = blueprint?.resources?.find((r) => r?.type?.startsWith('sanity.function.') && r.name === name);
     if (!func)
         throw Error(`Unable to find function ${name}`);
     return func;
 }
+export function findFunctionInStack(stack, name) {
+    const func = stack?.resources?.find((r) => r?.type?.startsWith('sanity.function.') && r.name === name);
+    if (!func)
+        throw Error(`Unable to find function ${name}`);
+    // return the deployed resource
+    return func;
+}

package/dist/utils/invoke-local.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionResource, GroqRuleBase, InvocationResponse, InvokeContextOptions, InvokeExecutionOptions, InvokePayloadOptions } from './types.js';
+import { type FunctionGroqResource, type FunctionResource, type GroqRuleBase, type InvocationResponse, type InvokeContextOptions, type InvokeExecutionOptions, type InvokeGroqPayloadOptions, type InvokePayloadOptions } from './types.js';
 export declare function sanitizeLogs(logs: string): string;
 export declare const DEFAULT_GROQ_RULE: {
     on: string[];
@@ -6,5 +6,5 @@ export declare const DEFAULT_GROQ_RULE: {
     projection: string;
 };
 export declare function isDefaultGROQRule(rule: GroqRuleBase | undefined): boolean;
-export declare function applyGroqRule(resource: FunctionResource, data: Record<string, unknown> | null, before: Record<string, unknown> | null, after: Record<string, unknown> | null, projectId: string | undefined, dataset: string | undefined): Promise<any>;
+export declare function applyGroqRule(resource: FunctionGroqResource, payload: InvokeGroqPayloadOptions, projectId: string | undefined, dataset: string | undefined): Promise<any>;
 export default function invoke(resource: FunctionResource, payload: InvokePayloadOptions, context: InvokeContextOptions, options: InvokeExecutionOptions): Promise<InvocationResponse>;