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

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

@@ -2,9 +2,11 @@
 import {ApiBaseElement} from './api-base.js'
 
 const template = `<fieldset class="mar-t-sm">
-    <label>Dataset</label>
-    <select id="dataset">
-    </select>
+    <label class="config-label">
+        <span>Dataset</span>
+        <select id="datasetname" style="background: transparent; color: light-dark(var(--gray-950), var(--gray-300));">
+        </select>
+    </label>
 </fieldset>
 `
 

package/dist/server/static/components/filters.d.ts

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

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

@@ -0,0 +1,20 @@
+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>
+            <fieldset class="mar-t-sm">
+                <label class="config-label">
+                <span>API Version</span>
+
+                <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>
+        `
+  }
+}
+
+customElements.define('filters-component', FiltersComponent)

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

@@ -1,15 +1,15 @@
 /* globals customElements */
 import {ApiBaseElement} from './api-base.js'
 
-const template = `<ol class="hidden-lg" type="content"></ol>
-<fieldset class="pad-sm hidden block-lg"><select></select></fieldset>
+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>
 `
 
 class FunctionList extends ApiBaseElement {
   functionClicked = (event) => {
     // eslint-disable-next-line unicorn/prefer-dom-node-text-content
     const target = this.api.store.functions.find((func) => func.name === event.srcElement.innerText)
-    this.api.store.selectedIndex = target.src
+    this.api.store.selectedIndex = target.name
   }
   functionSelected = (event) => {
     this.api.store.selectedIndex = event.srcElement.value
@@ -18,14 +18,14 @@ class FunctionList extends ApiBaseElement {
     if (this.api.store.functions.length > 0) {
       this.list.innerHTML = this.api.store.functions
         .map((func) => {
-          const selected = this.api.store.selectedIndex === func.src ? 'selected' : ''
-          return `<li class="pad-sm ${selected}">${func.name}</li>`
+          const selected = this.api.store.selectedIndex === func.name ? 'selected' : ''
+          return `<li class="function-list-item ${selected}" style="padding: 16px 24px;">${func.name}</li>`
         })
         .join('')
       this.select.innerHTML = this.api.store.functions
         .map((func) => {
-          const selected = this.api.store.selectedIndex === func.src ? 'selected' : ''
-          return `<option value="${func.src}" ${selected}>${func.name}</option>`
+          const selected = this.api.store.selectedIndex === func.name ? 'selected' : ''
+          return `<option value="${func.name}" ${selected}>${func.name}</option>`
         })
         .join('')
     } else {

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

@@ -2,19 +2,19 @@
 import {EditorView, basicSetup, json} from '../vendor/vendor.bundle.js'
 import {ApiBaseElement} from './api-base.js'
 
-const template = `<m-box>
-    <h2 class="mar-t-0">Payload</h2>
-    <div id="payload" name="payload"></div>
-    <form class="mar-t-sm">
-      <fieldset>
-        <label>API Version</label>
-        <input name="apiVersion" id="apiversion">
-      </fieldset>
-      <projects-dropdown></projects-dropdown>
-      <dataset-dropdown></dataset-dropdown>
-    </form>
-    <button ord="primary" class="mar-t-sm sanity-button">Invoke</button>
-</m-box>
+const template = `<div class="gutter-gradient relative h-100 max-h-100 y-scroll border-top border-top-none-l">
+    <div class="bg gutter-gradient sticky top-0 right-0 left-0 z-100">
+      <div class="flex items-center space-between" style="padding: 8px 20px 8px 48px;">
+      <h2 class="config-label mar-t-0 mar-b-0">Event</h2>
+      <button ord="primary" class="sanity-button">
+        <span>Run</span>
+        <svg data-sanity-icon="play" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 18.5V6.5L17.5 12.5L7.5 18.5Z" fill="currentColor" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg>
+      </button>
+  </div>
+    <hr class='hr-border' style='margin-left: 31px; ' />
+    </div>
+    <div id="payload" name="payload" class='max-h-100 min-h-0'></div>
+</div>
 `
 class PayloadPanel extends ApiBaseElement {
   invoke = () => {
@@ -35,16 +35,17 @@ class PayloadPanel extends ApiBaseElement {
       this.button.innerHTML = '<network-spinner></network-spinner>'
     } else {
       this.button.removeAttribute('disabled')
-      this.button.innerText = 'Invoke'
+      this.button.innerHTML = `<span>Run</span>
+  <svg data-sanity-icon="play" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 18.5V6.5L17.5 12.5L7.5 18.5Z" fill="currentColor" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg>`
     }
   }
 
   connectedCallback() {
     this.innerHTML = template
     this.payload = this.querySelector('#payload')
-    this.apiVersion = this.querySelector('#apiversion')
-    this.datasetname = this.querySelector('#datasetname')
-    this.productId = this.querySelector('#project')
+    this.apiVersion = document.querySelector('#apiversion')
+    this.datasetname = document.querySelector('#datasetname')
+    this.productId = document.querySelector('#project')
     this.button = this.querySelector('button')
     this.button.addEventListener('click', this.invoke)
     this.api.subscribe(this.updateButtonText, ['inprogress'])

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

@@ -2,9 +2,11 @@
 import {ApiBaseElement} from './api-base.js'
 
 const template = `<fieldset class="mar-t-sm">
-    <label>Project</label>
-    <select id="project">
-    </select>
+    <label class='config-label'>
+      <span>Project</span>
+        <select id="project" style="background: transparent; color: light-dark(var(--gray-950), var(--gray-300));">
+      </select>
+    </label>
 </fieldset>
 `
 

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

@@ -10,35 +10,35 @@ import {
 } from '../vendor/vendor.bundle.js'
 import {ApiBaseElement} from './api-base.js'
 
-const template = `<m-box>
-    <m-tabs role="tablist">
-        <button id="a" role="tab" aria-selected="true">Response</button>
-        <button id="b" role="tab">Console</button>
-    </m-tabs>
-    <div role="tabpanel" data-tab-id="a" class="pad-t-sm">
-        <div class="mar-b-sm">
-            <span id="time"></span> <span id="size"></span>
+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;' >
+    <!-- Response Section -->
+        <div style='overflow-y:scroll;'>
+            <div style='padding-bottom: var(--space-6)'>
+            <h3 class="config-label" style='display: none; margin-top: 0;'>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>
+              <dl class='slab-stat'>
+                <dt>Time</dt>
+                <dd><time id="time" datetime=""></time></dd>
+              </dl>
+          </header>
+          <div id="response" name="response" class="cm-s-dracula"></div>
         </div>
-        <div id="response" name="response"></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 role="tabpanel" data-tab-id="b" class="pad-t-sm" hidden><pre></pre></div>
-</m-box>
+</div>
 `
 class ResponsePanel extends ApiBaseElement {
-  switchTab = (e) => {
-    const selectedTabId = e.target.closest('[role=tab]').id
-
-    // Select the tab and its panel
-    for (const tab of e.currentTarget.querySelectorAll('[role=tab]')) {
-      tab.ariaSelected = tab.id === selectedTabId
-    }
-
-    for (const panel of document.querySelectorAll('[role=tabpanel')) {
-      panel.hidden = panel.dataset.tabId !== selectedTabId
-    }
-  }
   updateResponse = ({result}) => {
-    const {error, json, logs, time} = result
+    const {error, json, logs, time, timings} = result
     if (!error) {
       const transaction = this.api.store.response.state.update({
         changes: {
@@ -50,7 +50,20 @@ class ResponsePanel extends ApiBaseElement {
       this.api.store.response.dispatch(transaction)
 
       this.size.innerText = json ? prettyBytes(JSON.stringify(json).length) : ''
-      this.time.innerText = prettyMilliseconds(time)
+
+      if (timings && 'bundle' in timings && 'execute' in timings) {
+        const bundleTime = prettyMilliseconds(timings.bundle)
+        const executeTime = prettyMilliseconds(timings.execute)
+        this.time.innerText = `${executeTime} (+${bundleTime} bundle time)`
+        this.time.dateTime = `PT${executeTime / 1000}S`
+      } else if (timings && 'execute' in timings) {
+        this.time.innerText = prettyMilliseconds(timings.execute)
+        this.time.dateTime = `PT${timings.execute / 1000}S`
+      } else {
+        this.time.innerText = prettyMilliseconds(time)
+        this.time.dateTime = `PT${time / 1000}S`
+      }
+
       this.consoleTab.innerText = logs
     } else {
       this.consoleTab.innerText = error?.details?.error
@@ -63,8 +76,6 @@ class ResponsePanel extends ApiBaseElement {
     this.size = this.querySelector('#size')
     this.time = this.querySelector('#time')
     this.consoleTab = this.querySelector('pre')
-    this.tabs = this.querySelector('m-tabs')
-    this.tabs.addEventListener('click', this.switchTab)
     this.api.subscribe(this.updateResponse, ['result'])
 
     this.api.store.response = new EditorView({
@@ -75,7 +86,6 @@ class ResponsePanel extends ApiBaseElement {
   }
 
   disconnectedCallback() {
-    this.tabs.removeEventListener('click', this.switchTab)
     this.api.unsubscribe(this.updateResponse)
   }
 }

package/dist/server/static/index.html

@@ -1,9 +1,11 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <meta charset="UTF-8">
         <link href="https://unpkg.com/m-@3.2.0/dist/m-.woff2" rel="preload" as="font" crossorigin>
-        <link href="./components/app.css" rel="stylesheet">
         <link href="https://unpkg.com/m-@3.2.0/dist/m-.css" rel="stylesheet">
+        <link href="./components/app.css" rel="stylesheet">
+
     </head>
     <body>
         <header data-slot="header">
@@ -14,39 +16,18 @@
                 <span class="logo-text pad-xs">Functions</span>
             </div>
         </header>
-        <nav>
-            <m-container slot="left-sidebar">
-                <m-box class="pad-0">
-                    <function-list></function-list>
-                </m-box>
-            </m-container>
+        <filters-component></filters-component>
+        <nav style="padding-top: var(--size-5); border-right: 1px solid var(--card-border-color);max-height: 100%; overflow-y: scroll;">
+          <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>
-            <m-container>
-                <m-row>
-                    <m-col>
-                        <payload-panel></payload-panel>
-                    </m-col>
-                </m-row>
-            </m-container>
-            <m-container>
-                <m-row>
-                    <m-col>
-                        <response-panel></response-panel>
-                    </m-col>
-                </m-row>
-            </m-container>
+        <main style='display: grid; grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;max-height: 100%;overflow:hidden;'>
+              <payload-panel></payload-panel>
+              <response-panel></response-panel>
         </main>
-        <footer>
-            <div class="pad-sm">
-                <svg viewBox="0 0 105 22" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" class="SanityLogo__Icon-sc-1s154od-0 ghCmDY"><title>Sanity</title><path opacity="0.7" d="M78.1793 7.99261V21.0028H73.9031V10.2138L78.1793 7.99261Z" fill="currentColor"></path><path opacity="0.7" d="M20.9511 21.33L30.944 16.1051L29.7121 12.9141L23.1332 15.9821L20.9511 21.33Z" fill="currentColor"></path><path opacity="0.5" d="M73.9031 10.2027L84.7443 4.65477L82.9126 1.5571L73.9031 5.95997V10.2027Z" fill="currentColor"></path><path opacity="0.7" d="M43.3705 6.96233V21.0028H39.2927V1.00714L43.3705 6.96233Z" fill="currentColor"></path><path opacity="0.5" d="M27.1299 6.18617L20.9511 21.33L17.7731 18.5943L25.1353 1.00714L27.1299 6.18617Z" fill="currentColor"></path><path d="M25.1353 1.00714H29.3477L37.1386 21.0028H32.8269L25.1353 1.00714Z" fill="currentColor"></path><path d="M44.0012 1.00714L52.9824 14.6682V21.0028L39.2927 1.00714H44.0012Z" fill="currentColor"></path><path d="M64.9183 1.00714H60.6739V21.0063H64.9183V1.00714Z" fill="currentColor"></path><path d="M73.9031 4.65474H67.37V1.00714H82.5867L84.7443 4.65474H78.1793H73.9031Z" fill="currentColor"></path><path opacity="0.5" d="M97.2754 13.4153V21.0028H93.0629V13.4153" fill="currentColor"></path><path d="M93.0629 13.4152L100.191 1.00714H104.666L97.2754 13.4152H93.0629Z" fill="currentColor"></path><path opacity="0.7" d="M93.063 13.4152L85.7363 1.00714H90.3456L95.3092 9.51008L93.063 13.4152Z" fill="currentColor"></path><path d="M1.96126 3.31479C1.96126 6.09921 3.71145 7.75595 7.21536 8.62956L10.9283 9.47533C14.2444 10.2236 16.2639 12.0822 16.2639 15.1103C16.2897 16.4295 15.8531 17.7173 15.0274 18.7579C15.0274 15.7368 13.4367 14.1044 9.59972 13.1229L5.95409 12.3085C3.03475 11.6541 0.781478 10.1262 0.781478 6.83709C0.766123 5.56693 1.18116 4.32781 1.96126 3.31479" fill="currentColor"></path><path opacity="0.7" d="M52.9824 13.6415V1.00714H57.0602V21.0028H52.9824V13.6415Z" fill="currentColor"></path><path opacity="0.7" d="M12.7458 14.3689C14.3294 15.3643 15.0238 16.7565 15.0238 18.7544C13.713 20.4041 11.4101 21.33 8.70333 21.33C4.14718 21.33 0.958577 19.1268 0.25 15.2982H4.62547C5.18878 17.0559 6.68034 17.8703 8.67144 17.8703C11.1019 17.8703 12.7174 16.5964 12.7493 14.3619" fill="currentColor"></path><path opacity="0.7" d="M4.23567 7.44267C3.5125 7.02045 2.9192 6.41375 2.51873 5.68697C2.11827 4.96019 1.92558 4.14045 1.96113 3.31476C3.22594 1.67891 5.42608 0.679993 8.10804 0.679993C12.7492 0.679993 15.4347 3.08852 16.0972 6.47856H11.8883C11.4242 5.14203 10.2621 4.10136 8.14347 4.10136C5.87957 4.10136 4.33487 5.39611 4.24629 7.44267" fill="currentColor"></path></svg>
 
-                <div class="footer-text">
-                    Copyright © 2025 Sanity AS. All rights reserved.
-                </div>
-            </div>
-        </footer>
 
+        <script src="./components/filters.js" type="module"></script>
         <script src="./components/dataset-dropdown.js" type="module"></script>
         <script src="./components/projects-dropdown.js" type="module"></script>
         <script src="./components/function-list.js" type="module"></script>

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

@@ -1018,9 +1018,9 @@ declare class ViewState {
     viewport: Viewport | undefined;
     lineGaps: any[];
     lineGapDeco: any;
-    updateForViewport(): 0 | 2;
+    updateForViewport(): 2 | 0;
     viewports: (Viewport | undefined)[] | undefined;
-    updateScaler(): 0 | 2;
+    updateScaler(): 2 | 0;
     updateViewportLines(): void;
     viewportLines: any[] | undefined;
     update(update: any, scrollTarget?: null): void;

package/dist/utils/build-payload.d.ts

@@ -1,2 +1,2 @@
 import type { InvokePayloadOptions } from './types.js';
-export default function buildPayload(options: InvokePayloadOptions): object | null;
+export default function buildPayload(options: InvokePayloadOptions): Record<string, unknown> | null;

package/dist/utils/build-payload.js

@@ -1,15 +1,15 @@
 import { readFileSync } from 'node:fs';
 import { join } from 'node:path';
 import { cwd } from 'node:process';
-import isJson from './is-json.js';
+import { parseJsonObject } from './parse-json-object.js';
 export default function buildPayload(options) {
     const { data, file } = options;
     let payload = {};
     if (data) {
-        payload = isJson(data);
+        payload = parseJsonObject(data);
     }
     else if (file) {
-        payload = isJson(readFileSync(join(cwd(), file), 'utf8'));
+        payload = parseJsonObject(readFileSync(join(cwd(), file), 'utf8'));
     }
     return payload;
 }

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

@@ -0,0 +1,8 @@
+import type { LocalFunctionResource } from '../types.js';
+export declare function bundleFunction(resource: LocalFunctionResource): Promise<{
+    type: string;
+    outputDir: string;
+    warnings: string[];
+    cleanup: () => Promise<void>;
+    timings: Record<string, number>;
+}>;

package/dist/utils/bundle/bundle-function.js

@@ -0,0 +1,125 @@
+import { mkdir, readFile, rm, stat, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { performance } from 'node:perf_hooks';
+import { cwd } from 'node:process';
+import { build as viteBuild } from 'vite';
+import tsConfigPaths from 'vite-tsconfig-paths';
+import { findFunctionEntryPoint } from '../functions/find-entry-point.js';
+import { cleanupSourceMaps } from './cleanup-source-maps.js';
+import { findDirUp } from './find-up.js';
+import { verifyHandler } from './verify-handler.js';
+export async function bundleFunction(resource) {
+    if (!resource.src)
+        throw new Error('Resource src is required');
+    if (!resource.name)
+        throw new Error('Resource name is required');
+    const timings = {};
+    const bundleStart = performance.now();
+    const sourcePath = path.resolve(cwd(), resource.src);
+    const stats = await stat(sourcePath);
+    const fnDisplayName = resource.displayName ?? resource.name;
+    const findEntryStart = performance.now();
+    const entry = await findFunctionEntryPoint(sourcePath, fnDisplayName);
+    timings['bundle:findEntry'] = performance.now() - findEntryStart;
+    const entryDir = stats.isFile() ? path.dirname(sourcePath) : sourcePath;
+    const outputPathStart = performance.now();
+    const outputDir = await getBundleOutputPath(entryDir, resource.name);
+    const outputFile = path.join(outputDir, getOutputFilename(entry));
+    const fnRootDir = (await findDirUp('node_modules', entryDir)) || entryDir;
+    timings['bundle:setupOutput'] = performance.now() - outputPathStart;
+    async function cleanupTmpDir() {
+        // Feel a certain way about leaving things uncleaned, but helps with debugging for now
+        // await rm(outputDir, {recursive: true, force: true}).catch(logCleanupFailure)
+    }
+    try {
+        const viteStart = performance.now();
+        const result = await viteBuild({
+            root: fnRootDir,
+            logLevel: 'silent',
+            build: {
+                target: 'node20',
+                outDir: outputDir,
+                emptyOutDir: false,
+                minify: false,
+                sourcemap: true,
+                ssr: true,
+                rollupOptions: {
+                    input: entry,
+                    output: {
+                        format: 'esm',
+                        entryFileNames: getOutputFilename(entry),
+                    },
+                },
+            },
+            ssr: {
+                noExternal: true,
+                resolve: {
+                    conditions: ['sanity-function', 'vite'],
+                },
+            },
+            plugins: [tsConfigPaths()],
+        });
+        timings['bundle:build'] = performance.now() - viteStart;
+        const verifyStart = performance.now();
+        await verifyHandler(result);
+        timings['bundle:verify'] = performance.now() - verifyStart;
+        const pkgStart = performance.now();
+        await writeBundledPackageJson(entryDir, outputFile);
+        timings['bundle:writePackage'] = performance.now() - pkgStart;
+        const cleanupStart = performance.now();
+        await cleanupSourceMaps(sourcePath, outputDir);
+        timings['bundle:cleanupMaps'] = performance.now() - cleanupStart;
+        timings.bundle = performance.now() - bundleStart;
+        return {
+            type: 'success',
+            outputDir,
+            warnings: [],
+            cleanup: cleanupTmpDir,
+            timings,
+        };
+    }
+    catch (err) {
+        await cleanupTmpDir();
+        throw new Error(`Bundling of function failed: ${err instanceof Error ? err.message : err}`, {
+            cause: err,
+        });
+    }
+}
+async function writeBundledPackageJson(inputDir, outputFilePath) {
+    const baseName = path.basename(outputFilePath);
+    let original;
+    try {
+        const pkgJsonPath = path.join(inputDir, 'package.json');
+        original = JSON.parse(await readFile(pkgJsonPath, 'utf-8'));
+    }
+    catch {
+        original = undefined;
+    }
+    const bundled = {
+        // One could argue that we should strip this down significantly.
+        // Theoretically though, a function may reach into it to get dependency versions
+        // and whatnot, so maybe it makes more sense to keep it as close to the original
+        // as possible?
+        ...original,
+        main: baseName, // This should never be the input file, always the built output name
+        type: 'module', // We explicitly create ESM output
+    };
+    const pkgJsonOutputPath = path.join(path.dirname(outputFilePath), 'package.json');
+    await writeFile(pkgJsonOutputPath, JSON.stringify(bundled, null, 2));
+}
+async function getBundleOutputPath(entryDir, fnName) {
+    const tmpPath = path.resolve(entryDir, '.build', `function-${fnName}`);
+    await rm(tmpPath, { recursive: true, force: true }).catch(logCleanupFailure);
+    await mkdir(tmpPath, { recursive: true });
+    return tmpPath;
+}
+/**
+ * Minor convenience/niceness to keep the same input filename, but change the extension
+ */
+function getOutputFilename(entryFileName) {
+    const baseName = path.basename(entryFileName, path.extname(entryFileName));
+    return baseName ? `${baseName}.js` : 'index.js';
+}
+function logCleanupFailure(err) {
+    console.warn(`[warn] Failed to clean up temporary files: ${err instanceof Error ? err.message : err}`);
+}

package/dist/utils/bundle/cleanup-source-maps.d.ts

@@ -0,0 +1,10 @@
+/**
+ * "Clean up" source maps by removing absolute paths and making paths relative to the
+ * _input_ (eg source) rather than the _output_ (eg bundle) directory. Note that this
+ * process is not critical since the source content is inlined, but it helps with
+ * debugging to have (approximate) paths to the original source files.
+ *
+ * @param inputDir - The directory where the source files are located
+ * @param outputDir - The directory where the bundled files are located
+ */
+export declare function cleanupSourceMaps(inputDir: string, outputDir: string): Promise<void>;

package/dist/utils/bundle/cleanup-source-maps.js

@@ -0,0 +1,53 @@
+import { promises as fs } from 'node:fs';
+import { isAbsolute, join, relative } from 'node:path';
+/**
+ * "Clean up" source maps by removing absolute paths and making paths relative to the
+ * _input_ (eg source) rather than the _output_ (eg bundle) directory. Note that this
+ * process is not critical since the source content is inlined, but it helps with
+ * debugging to have (approximate) paths to the original source files.
+ *
+ * @param inputDir - The directory where the source files are located
+ * @param outputDir - The directory where the bundled files are located
+ */
+export async function cleanupSourceMaps(inputDir, outputDir) {
+    const entries = await fs.readdir(outputDir, { withFileTypes: true });
+    const sourceMaps = entries.filter((entry) => entry.isFile() && entry.name.endsWith('.map'));
+    for (const entry of sourceMaps) {
+        const filePath = join(outputDir, entry.name);
+        let raw;
+        try {
+            raw = await fs.readFile(filePath, 'utf8');
+        }
+        catch {
+            return;
+        }
+        let map;
+        try {
+            const json = JSON.parse(raw);
+            map = isRelevantSourceMap(json) ? json : undefined;
+        }
+        catch {
+            return;
+        }
+        if (!map) {
+            return;
+        }
+        map.sources = map.sources.map((source) => {
+            const fullPath = isAbsolute(source) ? source : join(outputDir, source);
+            return relative(inputDir, fullPath);
+        });
+        try {
+            await fs.writeFile(filePath, JSON.stringify(map));
+        }
+        catch {
+            // ignore write errors
+        }
+    }
+}
+function isRelevantSourceMap(map) {
+    return (typeof map === 'object' &&
+        map !== null &&
+        'sources' in map &&
+        Array.isArray(map.sources) &&
+        map.sources.every((source) => typeof source === 'string'));
+}

package/dist/utils/bundle/find-up.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Walks up the directory tree from a starting point to find a given file/directory.
+ *
+ * @param fileName - The name of the file/directory to find.
+ * @param startDir - The directory to start searching from (default is the current working directory).
+ * @returns The path to the file if found, otherwise undefined.
+ */
+export declare function findUp(fileName: string, startDir?: string): Promise<string | undefined>;
+/**
+ * Finds the directory containing a specific file/directory by walking up the directory tree.
+ *
+ * @param fileName - The name of the file/directory to find.
+ * @param startDir - The directory to start searching from (default is the current working directory).
+ * @returns The directory containing the file if found, otherwise undefined.
+ */
+export declare function findDirUp(fileName: string, startDir?: string): Promise<string | undefined>;

package/dist/utils/bundle/find-up.js

@@ -0,0 +1,39 @@
+import { access } from 'node:fs/promises';
+import path from 'node:path';
+/**
+ * Walks up the directory tree from a starting point to find a given file/directory.
+ *
+ * @param fileName - The name of the file/directory to find.
+ * @param startDir - The directory to start searching from (default is the current working directory).
+ * @returns The path to the file if found, otherwise undefined.
+ */
+export async function findUp(fileName, startDir = process.cwd()) {
+    let dir = path.resolve(startDir);
+    while (true) {
+        const candidate = path.join(dir, fileName);
+        try {
+            await access(candidate);
+            return candidate;
+        }
+        catch {
+            const parent = path.dirname(dir);
+            if (parent === dir)
+                break; // Reached root
+            dir = parent;
+        }
+    }
+    return undefined;
+}
+/**
+ * Finds the directory containing a specific file/directory by walking up the directory tree.
+ *
+ * @param fileName - The name of the file/directory to find.
+ * @param startDir - The directory to start searching from (default is the current working directory).
+ * @returns The directory containing the file if found, otherwise undefined.
+ */
+export async function findDirUp(fileName, startDir = process.cwd()) {
+    const filePath = await findUp(fileName, startDir);
+    if (!filePath)
+        return undefined;
+    return path.dirname(filePath);
+}

package/dist/utils/bundle/verify-handler.d.ts

@@ -0,0 +1,2 @@
+import type { build } from 'vite';
+export declare function verifyHandler(result: Awaited<ReturnType<typeof build>>): Promise<void>;

package/dist/utils/bundle/verify-handler.js

@@ -0,0 +1,13 @@
+export async function verifyHandler(result) {
+    if ('close' in result) {
+        throw new Error('Incorrect build output, got watcher');
+    }
+    const outputs = (Array.isArray(result) ? result : [result]).flatMap(({ output }) => output);
+    const bundledIndex = outputs.find((output) => output.type === 'chunk' && output.isEntry && output.name === 'index');
+    if (!bundledIndex || bundledIndex.type !== 'chunk') {
+        throw new Error('Unexpected build output, no bundled index found');
+    }
+    if (!bundledIndex.exports.includes('handler')) {
+        throw new Error('Unexpected build output, no `handler` export found');
+    }
+}