@sanity/runtime-cli 6.1.1 → 6.2.1

package/dist/server/static/components/codemirror-theme.js

@@ -0,0 +1,49 @@
+import {HighlightStyle, syntaxHighlighting} from '../vendor/vendor.bundle.js'
+import {tags as t} from '../vendor/vendor.bundle.js'
+
+const red = 'light-dark(var(--red-600), var(--red-400))'
+const orange = 'light-dark(var(--orange-600), var(--orange-400))'
+const yellow = 'light-dark(var(--yellow-600), var(--yellow-400))'
+const green = 'light-dark(var(--green-600), var(--green-400))'
+const blue = 'light-dark(var(--blue-600), var(--blue-400))'
+const magenta = 'light-dark(var(--magenta-600), var(--magenta-400))'
+const purple = 'light-dark(var(--purple-600), var(--purple-400))'
+const gray = 'light-dark(var(--gray-600), var(--gray-400))'
+const text = 'light-dark(var(--gray-900), var(--gray-100))'
+
+/// The highlighting style for code
+export const sanityHighlightStyle = HighlightStyle.define([
+  {tag: t.keyword, color: magenta},
+  {tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName], color: blue},
+  {tag: [t.function(t.variableName), t.labelName], color: green},
+  {tag: [t.color, t.constant(t.name), t.standard(t.name)], color: red},
+  {tag: [t.definition(t.name), t.separator], color: purple},
+  {
+    tag: [
+      t.typeName,
+      t.className,
+      t.number,
+      t.changed,
+      t.annotation,
+      t.modifier,
+      t.self,
+      t.namespace,
+    ],
+    color: purple,
+  },
+  {
+    tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],
+    color: magenta,
+  },
+  {tag: [t.meta, t.comment], color: gray},
+  {tag: t.strong, fontWeight: 'bold'},
+  {tag: t.emphasis, fontStyle: 'italic'},
+  {tag: t.strikethrough, textDecoration: 'line-through'},
+  {tag: t.link, color: blue, textDecoration: 'underline'},
+  {tag: t.heading, fontWeight: 'bold', color: blue},
+  {tag: [t.atom, t.bool, t.special(t.variableName)], color: purple},
+  {tag: [t.processingInstruction, t.string, t.inserted], color: yellow},
+  {tag: t.invalid, color: text},
+])
+
+export const sanityCodeMirrorTheme = [syntaxHighlighting(sanityHighlightStyle)]

package/dist/server/static/components/function-list.js

@@ -2,7 +2,7 @@
 import {ApiBaseElement} from './api-base.js'
 
 const template = `<ol class="hidden-lg" type="content" style="padding:0 16px;"></ol>
-<fieldset class="hidden block-lg" style="padding:0 var(--space-3); margin-bottom: var(--space-3);"><select></select></fieldset>
+<fieldset class="hidden block-lg" style="padding:0 var(--space-3); margin-bottom: var(--space-3);"><select class="dropdown-select"></select></fieldset>
 `
 
 class FunctionList extends ApiBaseElement {

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

@@ -1,4 +1,6 @@
-/* globals customElements */
+/* globals customElements document */
+import {sanityCodeMirrorTheme} from './codemirror-theme.js'
+
 import {EditorView, basicSetup, json} from '../vendor/vendor.bundle.js'
 import {ApiBaseElement} from './api-base.js'
 
@@ -52,7 +54,7 @@ class PayloadPanel extends ApiBaseElement {
 
     this.api.store.payload = new EditorView({
       doc: '\n\n\n\n',
-      extensions: [basicSetup, json()],
+      extensions: [basicSetup, json(), sanityCodeMirrorTheme],
       parent: this.payload,
     })
   }

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

@@ -1,5 +1,7 @@
-/* eslint-disable unicorn/prefer-dom-node-text-content */
 /* globals customElements document */
+/* eslint-disable unicorn/prefer-dom-node-text-content */
+import {sanityCodeMirrorTheme} from './codemirror-theme.js'
+
 import {
   EditorState,
   EditorView,
@@ -86,7 +88,7 @@ class ResponsePanel extends ApiBaseElement {
 
     this.api.store.response = new EditorView({
       doc: '\n\n\n\n',
-      extensions: [basicSetup, json(), EditorState.readOnly.of(true)],
+      extensions: [basicSetup, json(), sanityCodeMirrorTheme, EditorState.readOnly.of(true)],
       parent: this.response,
     })
   }

package/dist/server/static/favicon-dark.svg

@@ -0,0 +1,17 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_2_1533)">
+    <rect width="32" height="32" fill="#FFFFFF"/>
+    <rect width="32" height="32" fill="#FFFFFF"/>
+    <g clip-path="url(#clip1_2_1533)">
+      <path d="M29.1873 19.2072L28.1078 17.4092L22.8865 20.4531L28.6858 13.3858L29.5625 12.8933L29.3456 12.5814L29.7439 12.0942L27.914 10.6363L27.0763 11.6579L10.1693 21.126L16.4203 13.9307L28.0633 7.82194L26.9572 5.77516L20.6155 9.10118L23.7383 5.5088L21.9493 4L14.9211 12.089L7.94101 15.7532L13.285 8.99078L16.6337 7.32251L15.5702 5.25295L5.81407 10.1141L8.47452 6.74423L6.61612 5.31954L1 12.4342L1.08714 12.5008L2.13638 14.5458L8.36248 11.4424L2.68768 18.6219L3.61777 19.3351L4.17085 20.3585L10.7259 16.9186L3.50751 25.2283L5.29656 26.7371L5.65579 26.3236L23.0697 16.54L17.2882 23.5881L17.3824 23.6635L17.3735 23.6687L18.5721 25.6647L26.2619 21.1803L23.3009 25.7541L25.2855 27L30 19.7189L29.1873 19.2072Z" fill="#0B0B0B" />
+    </g>
+  </g>
+  <defs>
+    <clipPath id="clip0_2_1533">
+      <rect width="32" height="32" fill="#0B0B0B"/>
+    </clipPath>
+    <clipPath id="clip1_2_1533">
+      <rect width="29" height="23" fill="#0B0B0B" transform="translate(1 4)"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/server/static/favicon.svg

@@ -0,0 +1,17 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_2_1533)">
+    <rect width="32" height="32" fill="#0B0B0B"/>
+    <rect width="32" height="32" fill="#0B0B0B"/>
+    <g clip-path="url(#clip1_2_1533)">
+      <path d="M29.1873 19.2072L28.1078 17.4092L22.8865 20.4531L28.6858 13.3858L29.5625 12.8933L29.3456 12.5814L29.7439 12.0942L27.914 10.6363L27.0763 11.6579L10.1693 21.126L16.4203 13.9307L28.0633 7.82194L26.9572 5.77516L20.6155 9.10118L23.7383 5.5088L21.9493 4L14.9211 12.089L7.94101 15.7532L13.285 8.99078L16.6337 7.32251L15.5702 5.25295L5.81407 10.1141L8.47452 6.74423L6.61612 5.31954L1 12.4342L1.08714 12.5008L2.13638 14.5458L8.36248 11.4424L2.68768 18.6219L3.61777 19.3351L4.17085 20.3585L10.7259 16.9186L3.50751 25.2283L5.29656 26.7371L5.65579 26.3236L23.0697 16.54L17.2882 23.5881L17.3824 23.6635L17.3735 23.6687L18.5721 25.6647L26.2619 21.1803L23.3009 25.7541L25.2855 27L30 19.7189L29.1873 19.2072Z" fill="white" />
+    </g>
+  </g>
+  <defs>
+    <clipPath id="clip0_2_1533">
+      <rect width="32" height="32" fill="white"/>
+    </clipPath>
+    <clipPath id="clip1_2_1533">
+      <rect width="29" height="23" fill="white" transform="translate(1 4)"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/server/static/index.html

@@ -6,13 +6,25 @@
         <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">
+        <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)">
 
     </head>
     <body>
         <header data-slot="header">
             <div class="logo pad-sm">
                 <div class="logo-image">
-                    <img src="./sanity-logo-sm.svg" alt="Sanity" />
+                  <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)"/>
+                    <g clip-path="url(#clip0_2001_278)">
+                      <path d="M304.798 227.286L296.218 212.355L254.714 237.632L300.812 178.943L307.781 174.853L306.057 172.263L309.223 168.217L294.677 156.11L288.019 164.594L153.627 243.22L203.315 183.468L295.864 132.739L287.072 115.742L236.662 143.362L261.485 113.53L247.265 101L191.399 168.174L135.915 198.603L178.394 142.445L205.012 128.591L196.558 111.405L119.008 151.773L140.155 123.789L125.383 111.958L80.7414 171.041L81.4341 171.594L89.7744 188.576L139.265 162.804L94.1565 222.425L101.55 228.348L105.946 236.846L158.052 208.28L100.673 277.288L114.894 289.817L117.75 286.383L256.17 205.137L210.214 263.667L210.963 264.292L210.892 264.336L220.42 280.911L281.545 243.672L258.008 281.653L273.784 292L311.259 231.535L304.798 227.286Z" fill="light-dark(white, #0B0B0B)"/>
+                    </g>
+                    <defs>
+                      <clipPath id="clip0_2001_278">
+                        <rect width="230.517" height="191" fill="light-dark(white, #0B0B0B)" transform="translate(80.7414 101)"/>
+                      </clipPath>
+                    </defs>
+                  </svg>
                 </div>
                 <span class="logo-text pad-xs">Functions</span>
             </div>

package/dist/server/static/vendor/vendor.bundle.d.ts

@@ -632,6 +632,34 @@ export namespace EditorView {
     export let lineWrapping: FacetProvider;
     export let announce: StateEffectType;
 }
+/**
+A highlight style associates CSS styles with higlighting
+[tags](https://lezer.codemirror.net/docs/ref#highlight.Tag).
+*/
+export class HighlightStyle {
+    /**
+    Create a highlighter style that associates the given styles to
+    the given tags. The specs must be objects that hold a style tag
+    or array of tags in their `tag` property, and either a single
+    `class` property providing a static CSS class (for highlighter
+    that rely on external styling), or a
+    [`style-mod`](https://github.com/marijnh/style-mod#documentation)-style
+    set of CSS properties (which define the styling for those tags).
+    
+    The CSS rules created for a highlighter will be emitted in the
+    order of the spec's properties. That means that for elements that
+    have multiple tags associated with them, styles defined further
+    down in the list will have a higher CSS precedence than styles
+    defined earlier.
+    */
+    static define(specs: any, options: any): HighlightStyle;
+    constructor(specs: any, options: any);
+    specs: any;
+    scope: ((type: any) => boolean) | undefined;
+    style: (tags: any) => any;
+    module: StyleModule | null;
+    themeType: any;
+}
 export function Store(initialState: any): any;
 /**
 This is an extension value that just pulls together a number of
@@ -678,6 +706,102 @@ export function json(): LanguageSupport;
 export function prettyBytes(number: any, options: any): string;
 export function prettyMilliseconds(milliseconds: any, options: any): string;
 /**
+Wrap a highlighter in an editor extension that uses it to apply
+syntax highlighting to the editor content.
+
+When multiple (non-fallback) styles are provided, the styling
+applied is the union of the classes they emit.
+*/
+export function syntaxHighlighting(highlighter: any, options: any): PrecExtension[];
+export namespace tags {
+    export { comment };
+    export let lineComment: Tag;
+    export let blockComment: Tag;
+    export let docComment: Tag;
+    export { name };
+    export let variableName: Tag;
+    export { typeName };
+    export let tagName: Tag;
+    export { propertyName };
+    export let attributeName: Tag;
+    export let className: Tag;
+    export let labelName: Tag;
+    export let namespace: Tag;
+    export let macroName: Tag;
+    export { literal };
+    export { string };
+    export let docString: Tag;
+    export let character: Tag;
+    export let attributeValue: Tag;
+    export { number };
+    export let integer: Tag;
+    export let float: Tag;
+    export let bool: Tag;
+    export let regexp: Tag;
+    export let escape: Tag;
+    export let color: Tag;
+    export let url: Tag;
+    export { keyword };
+    export let self: Tag;
+    let _null: Tag;
+    export { _null as null };
+    export let atom: Tag;
+    export let unit: Tag;
+    export let modifier: Tag;
+    export let operatorKeyword: Tag;
+    export let controlKeyword: Tag;
+    export let definitionKeyword: Tag;
+    export let moduleKeyword: Tag;
+    export { operator };
+    export let derefOperator: Tag;
+    export let arithmeticOperator: Tag;
+    export let logicOperator: Tag;
+    export let bitwiseOperator: Tag;
+    export let compareOperator: Tag;
+    export let updateOperator: Tag;
+    export let definitionOperator: Tag;
+    export let typeOperator: Tag;
+    export let controlOperator: Tag;
+    export { punctuation };
+    export let separator: Tag;
+    export { bracket };
+    export let angleBracket: Tag;
+    export let squareBracket: Tag;
+    export let paren: Tag;
+    export let brace: Tag;
+    export { content };
+    export { heading };
+    export let heading1: Tag;
+    export let heading2: Tag;
+    export let heading3: Tag;
+    export let heading4: Tag;
+    export let heading5: Tag;
+    export let heading6: Tag;
+    export let contentSeparator: Tag;
+    export let list: Tag;
+    export let quote: Tag;
+    export let emphasis: Tag;
+    export let strong: Tag;
+    export let link: Tag;
+    export let monospace: Tag;
+    export let strikethrough: Tag;
+    export let inserted: Tag;
+    export let deleted: Tag;
+    export let changed: Tag;
+    export let invalid: Tag;
+    export { meta };
+    export let documentMeta: Tag;
+    export let annotation: Tag;
+    export let processingInstruction: Tag;
+    export function definition(tag: any): any;
+    export function constant(tag: any): any;
+    export function _function(tag: any): any;
+    export { _function as function };
+    export function standard(tag: any): any;
+    export function local(tag: any): any;
+    export function special(tag: any): any;
+}
+/**
 A change set represents a group of modifications to a document. It
 stores the document length, and can only be applied to documents
 with exactly that length.
@@ -1320,6 +1444,13 @@ declare class StateEffectType {
     */
     of(value: any): StateEffect;
 }
+declare class StyleModule {
+    static newName(): string;
+    static mount(root: any, modules: any, options: any): void;
+    constructor(spec: any, options: any);
+    rules: any[];
+    getRules(): string;
+}
 /**
 This class bundles a [language](https://codemirror.net/6/docs/ref/#language.Language) with an
 optional set of supporting extensions. Language packages are
@@ -1336,6 +1467,68 @@ declare class LanguageSupport {
     support: any[];
     extension: any[];
 }
+declare const comment: Tag;
+/**
+Highlighting tags are markers that denote a highlighting category.
+They are [associated](#highlight.styleTags) with parts of a syntax
+tree by a language mode, and then mapped to an actual CSS style by
+a [highlighter](#highlight.Highlighter).
+
+Because syntax tree node types and highlight styles have to be
+able to talk the same language, CodeMirror uses a mostly _closed_
+[vocabulary](#highlight.tags) of syntax tags (as opposed to
+traditional open string-based systems, which make it hard for
+highlighting themes to cover all the tokens produced by the
+various languages).
+
+It _is_ possible to [define](#highlight.Tag^define) your own
+highlighting tags for system-internal use (where you control both
+the language package and the highlighter), but such tags will not
+be picked up by regular highlighters (though you can derive them
+from standard tags to allow highlighters to fall back to those).
+*/
+declare class Tag {
+    static define(nameOrParent: any, parent: any): Tag;
+    /**
+    Define a tag _modifier_, which is a function that, given a tag,
+    will return a tag that is a subtag of the original. Applying the
+    same modifier to a twice tag will return the same value (`m1(t1)
+    == m1(t1)`) and applying multiple modifiers will, regardless or
+    order, produce the same tag (`m1(m2(t1)) == m2(m1(t1))`).
+    
+    When multiple modifiers are applied to a given base tag, each
+    smaller set of modifiers is registered as a parent, so that for
+    example `m1(m2(m3(t1)))` is a subtype of `m1(m2(t1))`,
+    `m1(m3(t1)`, and so on.
+    */
+    static defineModifier(name: any): (tag: any) => any;
+    /**
+    @internal
+    */
+    constructor(name: any, set: any, base: any, modified: any);
+    name: any;
+    set: any;
+    base: any;
+    modified: any;
+    /**
+    @internal
+    */
+    id: number;
+    toString(): any;
+}
+declare const name: Tag;
+declare const typeName: Tag;
+declare const propertyName: Tag;
+declare const literal: Tag;
+declare const string: Tag;
+declare const number: Tag;
+declare const keyword: Tag;
+declare const operator: Tag;
+declare const punctuation: Tag;
+declare const bracket: Tag;
+declare const content: Tag;
+declare const heading: Tag;
+declare const meta: Tag;
 /**
 A change description is a variant of [change set](https://codemirror.net/6/docs/ref/#state.ChangeSet)
 that doesn't store the inserted text. As such, it can't be

package/dist/server/static/vendor/vendor.bundle.js

@@ -12311,17 +12311,26 @@ function isSuspiciousChromeCaretResult(node, offset, x) {
         : textRange(node, 0, Math.max(node.nodeValue.length, 1)).getBoundingClientRect();
     return x - rect.left > 5;
 }
-function blockAt(view, pos) {
+function blockAt(view, pos, side) {
     let line = view.lineBlockAt(pos);
-    if (Array.isArray(line.type))
+    if (Array.isArray(line.type)) {
+        let best;
         for (let l of line.type) {
-            if (l.to > pos || l.to == pos && (l.to == line.to || l.type == BlockType.Text))
+            if (l.from > pos)
+                break;
+            if (l.to < pos)
+                continue;
+            if (l.from < pos && l.to > pos)
                 return l;
+            if (!best || (l.type == BlockType.Text && (best.type != l.type || (side < 0 ? l.from < pos : l.to > pos))))
+                best = l;
         }
+        return best || line;
+    }
     return line;
 }
 function moveToLineBoundary(view, start, forward, includeWrap) {
-    let line = blockAt(view, start.head);
+    let line = blockAt(view, start.head, start.assoc || -1);
     let coords = !includeWrap || line.type != BlockType.Text || !(view.lineWrapping || line.widgetLineBreaks) ? null
         : view.coordsAtPos(start.assoc < 0 && start.head > line.from ? start.head - 1 : start.head);
     if (coords) {
@@ -13556,7 +13565,7 @@ function focusChangeTransaction(state, focus) {
         if (effect)
             effects.push(effect);
     }
-    return effects ? state.update({ effects, annotations: isFocusChange.of(true) }) : null;
+    return effects.length ? state.update({ effects, annotations: isFocusChange.of(true) }) : null;
 }
 function updateForFocusChange(view) {
     setTimeout(() => {
@@ -14591,7 +14600,7 @@ class ViewState {
         }
         else {
             this.scrollAnchorPos = -1;
-            this.scrollAnchorHeight = this.heightMap.height;
+            this.scrollAnchorHeight = prevHeight;
         }
         let viewport = heightChanges.length ? this.mapViewport(this.viewport, update.changes) : this.viewport;
         if (scrollTarget && (scrollTarget.range.head < viewport.from || scrollTarget.range.head > viewport.to) ||
@@ -16087,14 +16096,14 @@ class EditorView {
     [IME](https://en.wikipedia.org/wiki/Input_method), and at least
     one change has been made in the current composition.
     */
-    get composing() { return this.inputState.composing > 0; }
+    get composing() { return !!this.inputState && this.inputState.composing > 0; }
     /**
     Indicates whether the user is currently in composing state. Note
     that on some platforms, like Android, this will be the case a
     lot, since just putting the cursor on a word starts a
     composition there.
     */
-    get compositionStarted() { return this.inputState.composing >= 0; }
+    get compositionStarted() { return !!this.inputState && this.inputState.composing >= 0; }
     /**
     The document or shadow root that the view lives in.
     */
@@ -17521,7 +17530,7 @@ function rectanglesForRange(view, className, range) {
     let leftSide = contentRect.left +
         (lineStyle ? parseInt(lineStyle.paddingLeft) + Math.min(0, parseInt(lineStyle.textIndent)) : 0);
     let rightSide = contentRect.right - (lineStyle ? parseInt(lineStyle.paddingRight) : 0);
-    let startBlock = blockAt(view, from), endBlock = blockAt(view, to);
+    let startBlock = blockAt(view, from, 1), endBlock = blockAt(view, to, -1);
     let visualStart = startBlock.type == BlockType.Text ? startBlock : null;
     let visualEnd = endBlock.type == BlockType.Text ? endBlock : null;
     if (visualStart && (view.lineWrapping || startBlock.widgetLineBreaks))
@@ -26625,8 +26634,36 @@ const toLocaleString = (number, locale, options) => {
 	return result;
 };
 
+const log10 = numberOrBigInt => {
+	if (typeof numberOrBigInt === 'number') {
+		return Math.log10(numberOrBigInt);
+	}
+
+	const string = numberOrBigInt.toString(10);
+
+	return string.length + Math.log10('0.' + string.slice(0, 15));
+};
+
+const log = numberOrBigInt => {
+	if (typeof numberOrBigInt === 'number') {
+		return Math.log(numberOrBigInt);
+	}
+
+	return log10(numberOrBigInt) * Math.log(10);
+};
+
+const divide = (numberOrBigInt, divisor) => {
+	if (typeof numberOrBigInt === 'number') {
+		return numberOrBigInt / divisor;
+	}
+
+	const integerPart = numberOrBigInt / BigInt(divisor);
+	const remainder = numberOrBigInt % BigInt(divisor);
+	return Number(integerPart) + (Number(remainder) / divisor);
+};
+
 function prettyBytes(number, options) {
-	if (!Number.isFinite(number)) {
+	if (typeof number !== 'bigint' && !Number.isFinite(number)) {
 		throw new TypeError(`Expected a finite number, got ${typeof number}: ${number}`);
 	}
 
@@ -26643,7 +26680,7 @@ function prettyBytes(number, options) {
 
 	const separator = options.space ? ' ' : '';
 
-	if (options.signed && number === 0) {
+	if (options.signed && (typeof number === 'number' ? number === 0 : number === 0n)) {
 		return ` 0${separator}${UNITS[0]}`;
 	}
 
@@ -26669,8 +26706,8 @@ function prettyBytes(number, options) {
 		return prefix + numberString + separator + UNITS[0];
 	}
 
-	const exponent = Math.min(Math.floor(options.binary ? Math.log(number) / Math.log(1024) : Math.log10(number) / 3), UNITS.length - 1);
-	number /= (options.binary ? 1024 : 1000) ** exponent;
+	const exponent = Math.min(Math.floor(options.binary ? log(number) / Math.log(1024) : log10(number) / 3), UNITS.length - 1);
+	number = divide(number, (options.binary ? 1024 : 1000) ** exponent);
 
 	if (!localeOptions) {
 		number = number.toPrecision(3);
@@ -26877,4 +26914,4 @@ function prettyMilliseconds(milliseconds, options) {
 	return sign + result.join(separator);
 }
 
-export { EditorState, EditorView, Store, basicSetup, json, prettyBytes, prettyMilliseconds };
+export { EditorState, EditorView, HighlightStyle, Store, basicSetup, json, prettyBytes, prettyMilliseconds, syntaxHighlighting, tags };

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

@@ -1,33 +1,40 @@
 import { treeify } from 'array-treeify';
 import chalk from 'chalk';
-import { niceId } from './colors.js';
 import { formatDate, formatDuration } from './dates.js';
+import { niceId } from './presenters.js';
+import { arrayifyLocalFunction, arrayifyStackFunction } 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) {
+    if (!resources || resources.length === 0)
         return '  Zero resources';
-    }
-    const output = [];
-    output.push(`${chalk.blue('Blueprint Resources')} [${resources.length}]`);
+    const output = [`${chalk.blue('Blueprint Resources')} [${resources.length}]`];
     const functionResources = resources.filter((r) => r.type?.startsWith('sanity.function.'));
     const otherResources = resources.filter((r) => !r.type?.startsWith('sanity.function.'));
     const hasOtherResources = otherResources.length > 0;
     if (functionResources.length > 0) {
-        const functionsOutput = [];
-        functionsOutput.push(`${chalk.bold('Functions')} [${functionResources.length}]`);
-        const functionResourcesOutput = functionResources.map((fn) => {
+        const fnsOutput = [`${chalk.bold('Functions')} [${functionResources.length}]`];
+        const fnDetails = [];
+        for (const fn of functionResources) {
             const name = chalk.green(fn.displayName || fn.name);
-            const externalId = fn.externalId ? `Fn${niceId(fn.externalId)}` : '';
-            return `"${name}" ${externalId}`;
-        });
-        functionsOutput.push(functionResourcesOutput);
-        output.push(functionsOutput);
+            const ids = [
+                'id' in fn && fn.id ? `${niceId(fn.id)}` : '',
+                'externalId' in fn && fn.externalId ? `<${niceId(fn.externalId)}>` : '',
+            ].join(' ');
+            fnDetails.push(`"${name}" ${ids}`);
+            if ('parameters' in fn && fn.parameters) {
+                fnDetails.push(arrayifyStackFunction(fn));
+            }
+            else {
+                fnDetails.push(arrayifyLocalFunction(fn));
+            }
+        }
+        fnsOutput.push(fnDetails);
+        output.push(fnsOutput);
     }
     if (hasOtherResources) {
-        const otherOutput = [];
-        otherOutput.push(`${chalk.bold('Other Resources')} [${otherResources.length}]`);
+        const otherOutput = [`${chalk.bold('Other Resources')} [${otherResources.length}]`];
         const otherResourcesOutput = otherResources.map((other) => {
             return `"${chalk.yellow(other.displayName ?? other.name ?? 'unnamed')}"`;
         });
@@ -37,9 +44,8 @@ export function formatResourceTree(resources) {
     return treeify(output);
 }
 export function formatStackInfo(stack, isCurrentStack = false) {
-    const output = [];
     const isStack = 'id' in stack;
-    const infoOutput = [];
+    const output = [];
     if (isStack) {
         const stackName = isCurrentStack ? chalk.bold.blue(stack.name) : chalk.bold(stack.name);
         output.push(`"${stackName}" ${niceId(stack.id)}${isCurrentStack ? ' (current)' : ''}`);
@@ -47,6 +53,7 @@ export function formatStackInfo(stack, isCurrentStack = false) {
     else {
         output.push('Local Blueprint');
     }
+    const infoOutput = [];
     if (stack.resources) {
         infoOutput.push(`${stack.resources.length} resource${stack.resources.length === 1 ? '' : 's'}`);
     }

package/dist/utils/display/colors.d.ts

@@ -1,11 +1,15 @@
+export { info, niceId, warn, severe } from './presenters.js';
+/** @deprecated Use `chalk.bold` directly */
 export declare function bold(str: string): string;
+/** @deprecated Use `chalk.underline` directly */
 export declare function underline(str: string): string;
+/** @deprecated Use `chalk.dim` directly */
 export declare function dim(str: string): string;
+/** @deprecated Use `chalk.blue` directly */
 export declare function blue(str: string): string;
+/** @deprecated Use `chalk.green` directly */
 export declare function green(str: string): string;
+/** @deprecated Use `chalk.red` directly */
 export declare function red(str: string): string;
+/** @deprecated Use `chalk.yellow` directly */
 export declare function yellow(str: string): string;
-export declare function info(str: string): string;
-export declare function warn(str: string): string;
-export declare function severe(str: string): string;
-export declare function niceId(id: string | undefined): string;

package/dist/utils/display/colors.js

@@ -1,38 +1,30 @@
 import chalk from 'chalk';
-// TODO: remove simple exports and use chalk directly
-// move compound styling like niceId to formatters
+export { info, niceId, warn, severe } from './presenters.js';
+/** @deprecated Use `chalk.bold` directly */
 export function bold(str) {
     return chalk.bold(str);
 }
+/** @deprecated Use `chalk.underline` directly */
 export function underline(str) {
     return chalk.underline(str);
 }
+/** @deprecated Use `chalk.dim` directly */
 export function dim(str) {
     return chalk.dim(str);
 }
+/** @deprecated Use `chalk.blue` directly */
 export function blue(str) {
     return chalk.blue(str);
 }
+/** @deprecated Use `chalk.green` directly */
 export function green(str) {
     return chalk.green(str);
 }
+/** @deprecated Use `chalk.red` directly */
 export function red(str) {
     return chalk.red(str);
 }
+/** @deprecated Use `chalk.yellow` directly */
 export function yellow(str) {
     return chalk.yellow(str);
 }
-export function info(str) {
-    return `${chalk.blue('❯')} ${str}`;
-}
-export function warn(str) {
-    return `${chalk.yellow('❯')} ${str}`;
-}
-export function severe(str) {
-    return `${chalk.red('❯')} ${str}`;
-}
-export function niceId(id) {
-    if (!id)
-        return '';
-    return `<${yellow(id)}>`;
-}

package/dist/utils/display/index.d.ts

@@ -1,5 +1,6 @@
 export * as blueprintsFormatting from './blueprints-formatting.js';
 export * as colors from './colors.js';
+export * as presenters from './presenters.js';
 export * as dates from './dates.js';
 export * as logsFormatting from './logs-formatting.js';
 export * as errors from './errors.js';