@sanity/runtime-cli 9.1.1 → 9.1.2

package/README.md

@@ -20,7 +20,7 @@ $ npm install -g @sanity/runtime-cli
 $ sanity-run COMMAND
 running command...
 $ sanity-run (--version)
-@sanity/runtime-cli/9.1.1 linux-x64 node-v22.16.0
+@sanity/runtime-cli/9.1.2 linux-x64 node-v22.16.0
 $ sanity-run --help [COMMAND]
 USAGE
   $ sanity-run COMMAND
@@ -86,7 +86,7 @@ EXAMPLES
   $ sanity-run blueprints add function --name my-function --fn-type document-publish --lang js
 ```
 
-_See code: [src/commands/blueprints/add.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/add.ts)_
+_See code: [src/commands/blueprints/add.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/add.ts)_
 
 ## `sanity-run blueprints config`
 
@@ -117,7 +117,7 @@ EXAMPLES
   $ sanity-run blueprints config --edit --project-id <projectId> --stack-id <stackId>
 ```
 
-_See code: [src/commands/blueprints/config.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/config.ts)_
+_See code: [src/commands/blueprints/config.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/config.ts)_
 
 ## `sanity-run blueprints deploy`
 
@@ -139,7 +139,7 @@ EXAMPLES
   $ sanity-run blueprints deploy --no-wait
 ```
 
-_See code: [src/commands/blueprints/deploy.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/deploy.ts)_
+_See code: [src/commands/blueprints/deploy.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/deploy.ts)_
 
 ## `sanity-run blueprints destroy`
 
@@ -164,7 +164,7 @@ EXAMPLES
   $ sanity-run blueprints destroy --stack-id <stackId> --project-id <projectId> --force --no-wait
 ```
 
-_See code: [src/commands/blueprints/destroy.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/destroy.ts)_
+_See code: [src/commands/blueprints/destroy.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/destroy.ts)_
 
 ## `sanity-run blueprints info`
 
@@ -186,7 +186,7 @@ EXAMPLES
   $ sanity-run blueprints info --stack-id <stackId>
 ```
 
-_See code: [src/commands/blueprints/info.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/info.ts)_
+_See code: [src/commands/blueprints/info.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/info.ts)_
 
 ## `sanity-run blueprints init [DIR]`
 
@@ -224,7 +224,7 @@ EXAMPLES
   $ sanity-run blueprints init --blueprint-type <json|js|ts> --stack-name <stackName>
 ```
 
-_See code: [src/commands/blueprints/init.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/init.ts)_
+_See code: [src/commands/blueprints/init.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/init.ts)_
 
 ## `sanity-run blueprints logs`
 
@@ -246,7 +246,7 @@ EXAMPLES
   $ sanity-run blueprints logs --watch
 ```
 
-_See code: [src/commands/blueprints/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/logs.ts)_
+_See code: [src/commands/blueprints/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/logs.ts)_
 
 ## `sanity-run blueprints plan`
 
@@ -263,7 +263,7 @@ EXAMPLES
   $ sanity-run blueprints plan
 ```
 
-_See code: [src/commands/blueprints/plan.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/plan.ts)_
+_See code: [src/commands/blueprints/plan.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/plan.ts)_
 
 ## `sanity-run blueprints stacks`
 
@@ -285,7 +285,7 @@ EXAMPLES
   $ sanity-run blueprints stacks --project-id <projectId>
 ```
 
-_See code: [src/commands/blueprints/stacks.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/blueprints/stacks.ts)_
+_See code: [src/commands/blueprints/stacks.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/blueprints/stacks.ts)_
 
 ## `sanity-run functions dev`
 
@@ -305,7 +305,7 @@ EXAMPLES
   $ sanity-run functions dev --port 8974
 ```
 
-_See code: [src/commands/functions/dev.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/dev.ts)_
+_See code: [src/commands/functions/dev.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/functions/dev.ts)_
 
 ## `sanity-run functions env add NAME KEY VALUE`
 
@@ -327,7 +327,7 @@ EXAMPLES
   $ sanity-run functions env add MyFunction API_URL https://api.example.com/
 ```
 
-_See code: [src/commands/functions/env/add.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/env/add.ts)_
+_See code: [src/commands/functions/env/add.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/functions/env/add.ts)_
 
 ## `sanity-run functions env list NAME`
 
@@ -347,7 +347,7 @@ EXAMPLES
   $ sanity-run functions env list MyFunction
 ```
 
-_See code: [src/commands/functions/env/list.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/env/list.ts)_
+_See code: [src/commands/functions/env/list.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/functions/env/list.ts)_
 
 ## `sanity-run functions env remove NAME KEY`
 
@@ -368,7 +368,7 @@ EXAMPLES
   $ sanity-run functions env remove MyFunction API_URL
 ```
 
-_See code: [src/commands/functions/env/remove.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/env/remove.ts)_
+_See code: [src/commands/functions/env/remove.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/functions/env/remove.ts)_
 
 ## `sanity-run functions logs NAME`
 
@@ -402,7 +402,7 @@ EXAMPLES
   $ sanity-run functions logs <name> --delete
 ```
 
-_See code: [src/commands/functions/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/logs.ts)_
+_See code: [src/commands/functions/logs.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/functions/logs.ts)_
 
 ## `sanity-run functions test NAME`
 
@@ -411,7 +411,7 @@ Invoke a local Sanity Function
 ```
 USAGE
   $ sanity-run functions test NAME [-d <value>] [-f <value>] [-t <value>] [-a <value>] [--dataset <value>]
-    [--project-id <value>]
+    [--project-id <value>] [--with-user-token]
 
 ARGUMENTS
   NAME  The name of the Sanity Function
@@ -423,6 +423,7 @@ FLAGS
   -t, --timeout=<value>     Execution timeout value in seconds
       --dataset=<value>     The Sanity dataset to use
       --project-id=<value>  Sanity Project ID to use
+      --with-user-token     Prime access token from CLI config
 
 DESCRIPTION
   Invoke a local Sanity Function
@@ -435,7 +436,7 @@ EXAMPLES
   $ sanity-run functions test <name> --data '{ "id": 1 }' --timeout 60
 ```
 
-_See code: [src/commands/functions/test.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.1/src/commands/functions/test.ts)_
+_See code: [src/commands/functions/test.ts](https://github.com/sanity-io/runtime-cli/blob/v9.1.2/src/commands/functions/test.ts)_
 
 ## `sanity-run help [COMMAND]`
 

package/dist/commands/functions/test.d.ts

@@ -12,6 +12,7 @@ export default class TestCommand extends BlueprintCommand<typeof TestCommand> {
         api: import("@oclif/core/interfaces").OptionFlag<string | undefined, import("@oclif/core/interfaces").CustomOptions>;
         dataset: import("@oclif/core/interfaces").OptionFlag<string | undefined, import("@oclif/core/interfaces").CustomOptions>;
         'project-id': import("@oclif/core/interfaces").OptionFlag<string | undefined, import("@oclif/core/interfaces").CustomOptions>;
+        'with-user-token': import("@oclif/core/interfaces").BooleanFlag<boolean>;
     };
     run(): Promise<void>;
 }

package/dist/commands/functions/test.js

@@ -37,6 +37,10 @@ export default class TestCommand extends BlueprintCommand {
             aliases: ['project', 'projectId'],
             required: false,
         }),
+        'with-user-token': Flags.boolean({
+            description: 'Prime access token from CLI config',
+            default: false,
+        }),
     };
     async run() {
         const { success, error } = await functionTestCore({

package/dist/cores/functions/test.d.ts

@@ -12,6 +12,7 @@ export interface FunctionTestOptions extends CoreConfig {
         api?: string;
         dataset?: string;
         'project-id'?: string;
+        'with-user-token'?: boolean;
     };
 }
 export declare function functionTestCore(options: FunctionTestOptions): Promise<CoreResult>;

package/dist/cores/functions/test.js

@@ -1,10 +1,11 @@
 import { testAction } from '../../actions/functions/test.js';
+import config from '../../config.js';
 import buildPayload from '../../utils/build-payload.js';
 import { findFunctionByName } from '../../utils/find-function.js';
 export async function functionTestCore(options) {
     const { blueprint, log, args, flags } = options;
     const { name: fnName } = args;
-    const { data, file, timeout, api, dataset } = flags;
+    const { data, file, timeout, api, dataset, 'with-user-token': withUserToken } = flags;
     let { 'project-id': projectId } = flags;
     const { parsedBlueprint } = blueprint;
     if (!projectId && blueprint?.projectId) {
@@ -23,6 +24,10 @@ export async function functionTestCore(options) {
                 projectId,
             },
         };
+        // If the user sets the flag to use the real token set it in our options
+        if (withUserToken) {
+            contextOptions.clientOptions.token = config.token || undefined;
+        }
         const { json, logs, error } = await testAction(resource, invokeOptions, contextOptions);
         if (error) {
             return {

package/dist/server/app.js

@@ -34,6 +34,14 @@ const app = (port) => {
                         try {
                             const { data, func: functionName } = parseInvokeRequest(Buffer.concat(body));
                             const { context, event } = data;
+                            // replace user token if required
+                            if (context.clientOptions.token) {
+                                context.clientOptions.token = config.token || undefined;
+                            }
+                            else {
+                                // biome-ignore lint/performance/noDelete:
+                                delete context.clientOptions.token;
+                            }
                             const start = performance.now();
                             const { parsedBlueprint } = await readLocalBlueprint();
                             const resource = findFunctionByName(parsedBlueprint, functionName);

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

@@ -1155,8 +1155,6 @@ payload-panel {
 
 toggle-switch {
   display: inline-block;
-  width: 2em;
-  height: 1em;
   cursor: pointer;
 }
 

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

@@ -9,8 +9,9 @@ const template = `
       Console
     </h3>
     <div style="background: var(--base-background-color); display: flex; justify-content: flex-end; align-items: center; padding: var(--space-0); padding-block-end: var(--space-2)">
-      <toggle-switch></toggle-switch>
-      <span class="slab-text" style="margin-left: var(--space-2);">Preserve Log</span>
+      <toggle-switch toggle-key="preserveLog">
+        <span class="slab-text" style="margin-left: var(--space-1);">Preserve Log</span>
+      </toggle-switch>
       <clear-button></clear-button>
     </div>
   </div>

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

@@ -1,17 +1,36 @@
 class FiltersComponent extends HTMLElement {
   connectedCallback() {
     this.innerHTML = `
-        <form style="gap: 8px;padding-left: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--card-border-color);">
-          <projects-dropdown></projects-dropdown>    
-          <dataset-dropdown></dataset-dropdown>
+        <form style="gap: 8px; padding-left: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--card-border-color);">
+          <fieldset style="display: flex; gap: var(--space-2);">
+            <legend class="config-label">Client Options</legend>
+            <select-dropdown
+              label="Project"
+              store-key="projects"
+              selected-key="selectedProject"
+              value-prop="id"
+              label-prop="displayName"
+              trigger-fetch
+            ></select-dropdown>
+            <select-dropdown
+              label="Dataset"
+              store-key="datasets"
+              selected-key="selectedDataset"
+              value-prop="name"
+              label-prop="name"
+              subscribe-to="selectedProject"
+            ></select-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 class="slab-text">
+                  <span style="display: block; margin-bottom: var(--space-1);">API Version</span>
+                  <input name="apiVersion" id="apiversion" style="background: transparent; border-color: light-dark(var(--gray-200), var(--gray-700)); height: 2.5rem;">
                 </label>
             </fieldset>
-            
+
+            <fieldset class="mar-t-sm" style="display: flex; flex-direction: column; margin-top: 12px !important;">
+                <span class="slab-text" style="display: block; margin-bottom: var(--space-1);">With Token</span>
+                <toggle-switch toggle-key="withToken" style="display: flex; height: 2.5rem;"></toggle-switch>
+            </fieldset>
 
           </form>
         `

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

@@ -22,6 +22,7 @@ class RunPanel extends ApiBaseElement {
         apiVersion: this.apiVersion.value,
         dataset: this.api.store.selectedDataset,
         projectId: this.api.store.selectedProject,
+        token: this.api.store.withToken,
       },
     }
     this.api.invoke({context, event})

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

@@ -0,0 +1,118 @@
+/* globals customElements */
+import {ApiBaseElement} from './api-base.js'
+
+const dropdownTemplate = ({label}) => `
+<fieldset class="mar-t-sm">
+  <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%;">
+      <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);
+        "
+      ></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%;
+        "
+      >
+        <svg
+          data-sanity-icon="chevron-down"
+          width="1.5rem"
+          height="1.5rem"
+          viewBox="0 0 25 25"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M17 10L12.5 14.5L8 10"
+            stroke="currentColor"
+            stroke-width="1.2"
+            stroke-linejoin="round"
+          ></path>
+        </svg>
+      </div>
+    </div>
+  </label>
+</fieldset>
+`
+
+class SelectDropdown extends ApiBaseElement {
+  connectedCallback() {
+    this.label = this.getAttribute('label') || 'Select'
+    this.storeKey = this.getAttribute('store-key')
+    this.selectedKey = this.getAttribute('selected-key')
+    this.valueProp = this.getAttribute('value-prop') || 'id'
+    this.labelProp = this.getAttribute('label-prop') || 'displayName'
+    this.subscribeTo = this.getAttribute('subscribe-to')
+
+    this.innerHTML = dropdownTemplate({label: this.label})
+    this.select = this.querySelector('select')
+    this.select.addEventListener('change', this.handleSelect)
+
+    this.api.subscribe(this.renderOptions, [this.storeKey])
+
+    if (this.hasAttribute('trigger-fetch')) {
+      // e.g. this.api.projects()
+      this.api[this.storeKey]?.()
+    }
+
+    if (this.subscribeTo) {
+      this.api.subscribe(this.refreshOnChange, [this.subscribeTo])
+    }
+  }
+
+  disconnectedCallback() {
+    this.select.removeEventListener('change', this.handleSelect)
+    this.api.unsubscribe(this.renderOptions)
+    if (this.subscribeTo) {
+      this.api.unsubscribe(this.refreshOnChange)
+    }
+  }
+
+  handleSelect = (event) => {
+    this.api.store[this.selectedKey] = event.target.value
+  }
+
+  renderOptions = () => {
+    const items = this.api.store?.[this.storeKey] || []
+    const selectedVal = this.api.store?.[this.selectedKey]
+    if (items.length === 0) {
+      this.select.innerHTML = `<option>No ${this.label}s found</option>`
+      return
+    }
+    this.select.innerHTML = items
+      .map((item) => {
+        const val = item[this.valueProp]
+        const label = item[this.labelProp] ?? val
+        const selected = selectedVal === val ? 'selected' : ''
+        return `<option value="${val}" ${selected}>${label}</option>`
+      })
+      .join('')
+  }
+
+  refreshOnChange = () => {
+    this.api[this.storeKey]?.(this.api.store[this.subscribeTo])
+  }
+}
+
+customElements.define('select-dropdown', SelectDropdown)

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

@@ -1,8 +1,9 @@
 export class ToggleSwitch extends ApiBaseElement {
     static get observedAttributes(): string[];
     connectedCallback(): void;
+    toggleKey: string | null | undefined;
     disconnectedCallback(): void;
-    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    attributeChangedCallback(name: any): void;
     set checked(value: boolean);
     get checked(): boolean;
     toggle: () => void;

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

@@ -4,38 +4,48 @@ import {ApiBaseElement} from './api-base.js'
 const template = document.createElement('template')
 template.innerHTML = `
   <style>
-    span {
-      box-sizing: border-box;
-      display: inline-block;
-      line-height: 1;
-    }
+  :host {
+    display: inline-block;
+  }
 
-    [part="track"] {
-      width: 100%;
-      height: 100%;
-      background-color: #dddddd;
-      text-align: left;
-    }
+  .switch-container {
+    display: flex;
+    align-items: center;
+  }
 
-    [part="slider"] {
-      width: 50%;
-      height: 100%;
-      background-color: #777777;
-      vertical-align: text-top;
-    }
+  [part="track"] {
+    width: 1.5rem;
+    height: 0.75rem;
+    background-color: #dddddd;
+    text-align: left;
+    border-radius: 10px;
+    overflow: hidden;
+    position: relative;
+  }
 
-    [part="track"], [part="slider"] {
-      transition: all 256ms;
-    }
+  [part="slider"] {
+    width: 50%;
+    height: 100%;
+    background-color: #777777;
+    transition: all 256ms;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 10px;
+  }
+
+  :host([checked]) [part="slider"] {
+    transform: translateX(100%);
+  }
+</style>
 
-    :host([checked]) [part="slider"] {
-      transform: translateX(100%);
-    }
-  </style>
 
-  <span part="track">
-    <span part="slider"></span>
-  </span>
+  <div class="switch-container">
+    <span part="track">
+      <span part="slider"></span>
+    </span>
+    <slot></slot>
+  </div>
 `
 
 export class ToggleSwitch extends ApiBaseElement {
@@ -51,6 +61,7 @@ export class ToggleSwitch extends ApiBaseElement {
   connectedCallback() {
     this.setAttribute('role', 'switch')
     this.setAttribute('tabindex', '0')
+    this.toggleKey = this.getAttribute('toggle-key')
     this.addEventListener('click', this.toggle)
   }
 
@@ -58,7 +69,7 @@ export class ToggleSwitch extends ApiBaseElement {
     this.removeEventListener('click', this.toggle)
   }
 
-  attributeChangedCallback(name, oldValue, newValue) {
+  attributeChangedCallback(name) {
     if (name === 'checked') {
       this.setAttribute('aria-checked', this.checked.toString())
     }
@@ -73,7 +84,7 @@ export class ToggleSwitch extends ApiBaseElement {
 
   toggle = () => {
     this.checked = !this.checked
-    this.api.store.preserveLog = this.checked
+    this.api.store[this.toggleKey] = this.checked
   }
 }
 

package/dist/server/static/index.html

@@ -46,8 +46,7 @@
 
 
         <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/select-dropdown.js" type="module"></script>
         <script src="./components/function-list.js" type="module"></script>
         <script src="./components/network-spinner.js" type="module"></script>
         <script src="./components/payload-panel.js" type="module"></script>

package/dist/utils/invoke-local.js

@@ -149,7 +149,6 @@ export default async function invoke(resource, data, context, options) {
                     clientOptions: {
                         ...context.clientOptions,
                         apiHost: config.apiUrl,
-                        token: config.token,
                     },
                 },
             };

package/dist/utils/types.d.ts

@@ -122,6 +122,7 @@ export interface InvokeContextOptions {
         apiVersion?: string;
         dataset?: string;
         projectId?: string;
+        token?: string;
     };
 }
 /** @internal */

package/oclif.manifest.json

@@ -748,6 +748,12 @@
           "hasDynamicHelp": false,
           "multiple": false,
           "type": "option"
+        },
+        "with-user-token": {
+          "description": "Prime access token from CLI config",
+          "name": "with-user-token",
+          "allowNo": false,
+          "type": "boolean"
         }
       },
       "hasDynamicHelp": false,
@@ -871,5 +877,5 @@
       ]
     }
   },
-  "version": "9.1.1"
+  "version": "9.1.2"
 }

package/package.json

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

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

@@ -1,47 +0,0 @@
-/* globals customElements */
-import {ApiBaseElement} from './api-base.js'
-
-const template = `<fieldset class="mar-t-sm">
-    <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>
-`
-
-class DatasetDropdown extends ApiBaseElement {
-  datasetSelected = (event) => {
-    this.api.store.selectedDataset = event.srcElement.value
-  }
-  renderDatasets = () => {
-    if (this.api.store?.datasets?.length > 0) {
-      this.select.innerHTML = this.api.store.datasets
-        .map((dataset) => {
-          const selected = this.api.store.selectedDataset === dataset.name ? 'selected' : ''
-          return `<option value="${dataset.name}" ${selected}>${dataset.name}</option>`
-        })
-        .join('')
-    } else {
-      this.select.innerHTML = '<option>No Datasets found</option>'
-    }
-  }
-  queryDatasets = () => {
-    this.api.datasets(this.api.store.selectedProject)
-  }
-
-  connectedCallback() {
-    this.innerHTML = template
-    this.select = this.querySelector('select')
-    this.select.addEventListener('change', this.datasetSelected)
-    this.api.subscribe(this.renderDatasets, ['datasets'])
-    this.api.subscribe(this.queryDatasets, ['selectedProject'])
-  }
-
-  disconnectedCallback() {
-    this.select.removeEventListener('change', this.datasetSelected)
-    this.api.unsubscribe(this.renderProjects)
-  }
-}
-
-customElements.define('dataset-dropdown', DatasetDropdown)

package/dist/server/static/components/projects-dropdown.d.ts

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

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

@@ -1,44 +0,0 @@
-/* globals customElements */
-import {ApiBaseElement} from './api-base.js'
-
-const template = `<fieldset class="mar-t-sm">
-    <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>
-`
-
-class ProjectsDropdown extends ApiBaseElement {
-  projectSelected = (event) => {
-    this.api.store.selectedProject = event.srcElement.value
-  }
-  renderProjects = () => {
-    if (this.api.store.projects.length > 0) {
-      this.select.innerHTML = this.api.store.projects
-        .map((proj) => {
-          const selected = this.api.store.selectedProject === proj.id ? 'selected' : ''
-          return `<option value="${proj.id}" ${selected}>${proj.displayName}</option>`
-        })
-        .join('')
-    } else {
-      this.select.innerHTML = '<option>No Projects found</option>'
-    }
-  }
-
-  connectedCallback() {
-    this.innerHTML = template
-    this.select = this.querySelector('select')
-    this.select.addEventListener('change', this.projectSelected)
-    this.api.subscribe(this.renderProjects, ['projects'])
-    this.api.projects()
-  }
-
-  disconnectedCallback() {
-    this.select.removeEventListener('change', this.projectSelected)
-    this.api.unsubscribe(this.renderProjects)
-  }
-}
-
-customElements.define('projects-dropdown', ProjectsDropdown)