sh3-core 0.3.0 → 0.3.1

package/dist/diagnostic/DiagnosticPanel.svelte

@@ -24,6 +24,7 @@
   const layout = $derived(inspectActiveLayout());
   const regShards = $derived(Array.from(registeredShards.values()));
   const actShards = $derived(Array.from(activeShards.keys()));
+
 </script>
 
 <div class="diagnostic">
@@ -68,6 +69,7 @@
       {/each}
     </ul>
   </section>
+
 </div>
 
 <style>

package/dist/diagnostic/DiagnosticRoutes.svelte

@@ -0,0 +1,99 @@
+<script lang="ts">
+  /*
+   * Diagnostic routes view — lists all server API routes.
+   *
+   * Fetches the route table from GET /api/routes. GET routes render
+   * as clickable links for quick testing of parameterless endpoints.
+   */
+
+  interface ApiRoute { method: string; path: string; }
+  let routes: ApiRoute[] = $state([]);
+  let error: string | null = $state(null);
+
+  async function fetchRoutes() {
+    try {
+      const res = await fetch('/api/routes');
+      if (!res.ok) { error = `${res.status}`; return; }
+      routes = await res.json();
+      error = null;
+    } catch {
+      error = 'unavailable';
+    }
+  }
+
+  fetchRoutes();
+</script>
+
+<div class="diagnostic">
+  <h2>API Routes</h2>
+
+  {#if error}
+    <p class="muted">Server not reachable or route introspection unavailable ({error}).</p>
+  {:else}
+    <p class="muted">{routes.length} unique routes</p>
+    <ul>
+      {#each routes as route}
+        <li>
+          <span class="method" class:get={route.method === 'GET'}>{route.method}</span>
+          {#if route.method === 'GET'}
+            <a href={route.path} target="_blank" rel="noopener">{route.path}</a>
+          {:else}
+            <span class="path">{route.path}</span>
+          {/if}
+        </li>
+      {/each}
+    </ul>
+  {/if}
+</div>
+
+<style>
+  .diagnostic {
+    position: absolute;
+    inset: 0;
+    padding: 12px 16px;
+    overflow: auto;
+    background: var(--shell-bg);
+    color: var(--shell-fg);
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    font-size: 12px;
+  }
+  h2 {
+    margin: 0 0 12px;
+    color: var(--shell-accent);
+    font-size: 14px;
+  }
+  .muted {
+    color: var(--shell-fg-muted);
+    margin: 0 0 8px;
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  li {
+    margin: 0;
+    padding: 2px 0;
+    display: flex;
+    align-items: baseline;
+    gap: 8px;
+  }
+  .method {
+    min-width: 6ch;
+    color: var(--shell-fg-muted);
+    flex-shrink: 0;
+  }
+  .method.get {
+    color: var(--shell-accent);
+  }
+  a {
+    color: var(--shell-accent);
+    text-decoration: none;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+  .path {
+    color: var(--shell-fg);
+  }
+</style>

package/dist/diagnostic/DiagnosticRoutes.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const DiagnosticRoutes: import("svelte").Component<Record<string, never>, {}, "">;
+type DiagnosticRoutes = ReturnType<typeof DiagnosticRoutes>;
+export default DiagnosticRoutes;

package/dist/diagnostic/diagnosticApp.js

@@ -19,6 +19,7 @@ export const diagnosticApp = {
         activeTab: 0,
         tabs: [
             { slotId: 'diagnostic.main', viewId: 'diagnostic:panel', label: 'Diagnostic' },
+            { slotId: 'diagnostic.routes', viewId: 'diagnostic:routes', label: 'API Routes' },
         ],
     },
 };

package/dist/diagnostic/diagnosticShard.svelte.js

@@ -25,6 +25,7 @@
  */
 import { mount, unmount } from 'svelte';
 import DiagnosticPanel from './DiagnosticPanel.svelte';
+import DiagnosticRoutes from './DiagnosticRoutes.svelte';
 import DiagnosticPromptModal from './DiagnosticPromptModal.svelte';
 import { shell, getActiveApp, spliceIntoActiveLayout, inspectActiveLayout, } from '../api';
 export const diagnosticShard = {
@@ -32,7 +33,10 @@ export const diagnosticShard = {
         id: 'diagnostic',
         label: 'Diagnostic',
         version: '0.1.0',
-        views: [{ id: 'diagnostic:panel', label: 'Diagnostic' }],
+        views: [
+            { id: 'diagnostic:panel', label: 'Diagnostic' },
+            { id: 'diagnostic:routes', label: 'API Routes' },
+        ],
     },
     activate(ctx) {
         const factory = {
@@ -46,6 +50,17 @@ export const diagnosticShard = {
             },
         };
         ctx.registerView('diagnostic:panel', factory);
+        const routesFactory = {
+            mount(container, _context) {
+                const instance = mount(DiagnosticRoutes, { target: container });
+                return {
+                    unmount() {
+                        unmount(instance);
+                    },
+                };
+            },
+        };
+        ctx.registerView('diagnostic:routes', routesFactory);
     },
     autostart(ctx) {
         const state = ctx.state({

package/dist/server-shard/types.d.ts

@@ -3,7 +3,7 @@
  *
  * A server shard is the optional backend counterpart to a client shard.
  * It runs in Node inside sh3-server and declares routes that are mounted
- * under `/s/<shard-id>/`. Server shards have full Node access — filesystem,
+ * under `/api/<shard-id>/`. Server shards have full Node access — filesystem,
  * child_process, network, etc. — and are trusted by the admin who installed
  * them.
  *
@@ -39,8 +39,8 @@ export interface ServerShard {
     id: string;
     /**
      * Called once at mount time. Register Hono routes on the provided router.
-     * Routes are relative to `/s/<shard-id>/` — e.g. `router.get('/data', ...)`
-     * becomes `GET /s/<shard-id>/data`.
+     * Routes are relative to `/api/<shard-id>/` — e.g. `router.get('/data', ...)`
+     * becomes `GET /api/<shard-id>/data`.
      *
      * May be async if the shard needs to initialise resources before serving.
      */

package/dist/server-shard/types.js

@@ -3,7 +3,7 @@
  *
  * A server shard is the optional backend counterpart to a client shard.
  * It runs in Node inside sh3-server and declares routes that are mounted
- * under `/s/<shard-id>/`. Server shards have full Node access — filesystem,
+ * under `/api/<shard-id>/`. Server shards have full Node access — filesystem,
  * child_process, network, etc. — and are trusted by the admin who installed
  * them.
  *

package/dist/shards/types.d.ts

@@ -98,7 +98,7 @@ export interface ShardManifest {
     /**
      * Optional filename of a server-side bundle for this shard. When present,
      * sh3-server loads the bundle at boot and mounts its routes at
-     * `/s/<shard-id>/`. The server bundle runs in Node with full access.
+     * `/api/<shard-id>/`. The server bundle runs in Node with full access.
      * Only relevant for shards installed via the package store; framework-
      * shipped shards do not use this field.
      */

package/dist/shell-shard/ShellHome.svelte

@@ -97,7 +97,7 @@
     <section class="shell-home-section">
       <h2 class="shell-home-section-title">Admin Mode</h2>
       <p class="shell-home-elevate-hint">
-        Enter an API key to access admin apps like the Package Store.
+        Elevate Permissions
       </p>
       <form class="shell-home-elevate-form" onsubmit={(e) => { e.preventDefault(); handleElevate(); }}>
         <input

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh3-core",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "files": [
     "dist"