@briancray/belte 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@briancray/belte",
-    "version": "0.2.1",
+    "version": "0.2.2",
     "type": "module",
     "description": "Isomorphic multimodal HTTP framework built for humans and machines in a single Bun runtime",
     "license": "MIT",

package/src/belteResolverPlugin.ts

@@ -112,6 +112,13 @@ export function belteResolverPlugin({
     const promptsDir = `${mcpDir}/prompts`
     const resourcesDir = `${mcpDir}/resources`
 
+    /*
+    The bare specifier the project imports belte under (canonical
+    `@briancray/belte` or a package alias). Resolved once from the project's
+    package.json and threaded into every generated module so the codegen's
+    imports resolve regardless of which install style the project uses.
+    */
+    const belteImportNameOnce = once(() => belteImportName(cwd))
     /*
     The whole-tree validation + per-leaf classification only needs to run
     once per build. Memoise the promise so the virtual manifests
@@ -121,7 +128,11 @@ export function belteResolverPlugin({
     */
     const scanPagesOnce = once(() =>
         scanPages(pagesDir).then(async (scan) => {
-            await writeRoutesDts({ cwd, pageFiles: scan.pageFiles })
+            await writeRoutesDts({
+                cwd,
+                pageFiles: scan.pageFiles,
+                importName: await belteImportNameOnce(),
+            })
             return scan
         }),
     )
@@ -129,13 +140,6 @@ export function belteResolverPlugin({
     const scanSocketsOnce = once(() => scanSockets(socketsDir))
     const scanPromptsOnce = once(() => scanPrompts(promptsDir))
     const loadShellOnce = once(() => loadShell(cwd))
-    /*
-    The bare specifier the project imports belte under (canonical
-    `@briancray/belte` or a package alias). Resolved once from the project's
-    package.json and threaded into every generated module so the codegen's
-    imports resolve regardless of which install style the project uses.
-    */
-    const belteImportNameOnce = once(() => belteImportName(cwd))
 
     const rpcFilter = new RegExp(`^${escapeRegex(rpcDir)}/.*\\.ts$`)
     const socketsFilter = new RegExp(`^${escapeRegex(socketsDir)}/.*\\.ts$`)

package/src/lib/shared/writeRoutesDts.ts

@@ -30,14 +30,19 @@ page file in the project. Page picks this up as a discriminated union keyed
 on `route`, so `if (page.route === '/media/[id]') page.params.id` is typed
 automatically without consumers writing route types by hand.
 The file is written to `src/.belte/routes.d.ts` so the consumer's existing
-src tsconfig include picks it up with no extra configuration.
+src tsconfig include picks it up with no extra configuration. The augmented
+module is keyed on the name the project imports belte under (`importName`),
+so the augmentation matches the consumer's `page` import whether belte is
+installed directly (`@briancray/belte`) or behind an alias.
 */
 export async function writeRoutesDts({
     cwd,
     pageFiles,
+    importName,
 }: {
     cwd: string
     pageFiles: string[]
+    importName: string
 }): Promise<void> {
     const entries = pageFiles
         .map((file) => ({
@@ -50,7 +55,7 @@ export async function writeRoutesDts({
         )
         .join('\n')
     const contents = `// Generated by belte. Do not edit by hand.
-declare module 'belte/browser/page' {
+declare module '${importName}/browser/page' {
     interface Routes {
 ${entries}
     }

package/template/package.json

@@ -11,7 +11,7 @@
         "bundle": "belte bundle"
     },
     "dependencies": {
-        "belte": "npm:@briancray/belte@^0.2.0",
+        "@briancray/belte": "^0.2.0",
         "svelte": "^5.0.0"
     }
 }

package/template/src/app.ts

@@ -7,7 +7,7 @@ module — no import is needed from your own code.
   handle      middleware wrapping the default request pipeline
   handleError custom 500 fallback
 */
-import type { AppModule } from 'belte/server/AppModule'
+import type { AppModule } from '@briancray/belte/server/AppModule'
 
 export const init: AppModule['init'] = ({ server }) => {
     console.log(`server listening on http://localhost:${server.port}`)

package/template/src/browser/pages/page.svelte

@@ -3,7 +3,7 @@ Root page — served at GET /. Every folder under src/browser/pages/ that
 contains a page.svelte mounts at that folder's URL.
 -->
 <script lang="ts">
-import { cache } from 'belte/browser/cache'
+import { cache } from '@briancray/belte/browser/cache'
 import { getHello } from '$server/rpc/getHello.ts'
 
 /*

package/template/src/server/rpc/getHello.ts

@@ -27,7 +27,7 @@ Every rpc value also exposes `.raw(args?)` (returns the underlying
 for callers that need headers/status or want to iterate SSE/JSONL frames.
 */
 
-import { GET } from 'belte/server/GET'
-import { json } from 'belte/server/json'
+import { GET } from '@briancray/belte/server/GET'
+import { json } from '@briancray/belte/server/json'
 
 export const getHello = GET(() => json({ message: 'Hello from belte' }))

package/template/svelte.config.js

@@ -3,7 +3,7 @@ Optional Svelte compiler configuration. Same shape as upstream Svelte.
 Delete this file to use defaults.
 */
 
-/** @type {import('belte').SvelteConfig} */
+/** @type {import('@briancray/belte').SvelteConfig} */
 export default {
     compilerOptions: {
         // Opt in to top-level await inside Svelte components.

package/template/tsconfig.json

@@ -1,5 +1,5 @@
 {
-    "extends": "belte/tsconfig",
+    "extends": "@briancray/belte/tsconfig",
     "include": ["src/**/*.ts", "src/**/*.svelte"],
     "compilerOptions": {
         "paths": {