refactor(examples): prefix devframe RPC/command namespaces with example:

Standardize every example's devframe id (and the RPC/command names,
scoped-context namespaces, and hub-level hand-rolled RPC/command names
derived from it) under a single example: prefix, replacing the
inconsistent devframe-* prefix (files-inspector, streaming-chat) and
bare ids (json-render, next-runtime-snapshot, and the demo devframes
mounted by the two hub examples) used before.

Mount paths, cli.command names, and the postMessage frameId protocol
stay decoupled and unprefixed, matching how basePath already worked.

Author: antfubot

docs/examples/streaming-chat.md

@@ -10,7 +10,7 @@ Package: `streaming-chat-example` · framework: **Preact + Vite**
 
 ## What it shows
 
-- A scoped context (`ctx.scope('devframe-streaming-chat')`) auto-namespaces every id.
+- A scoped context (`ctx.scope('example:streaming-chat')`) auto-namespaces every id.
 - `my.rpc.streaming.create('tokens', …)` registers a streaming channel for low-latency token rendering.
 - `my.rpc.sharedState('history', …)` keeps the message log on the server; each `send` appends a user + assistant pair atomically.
 - The producer streams tokens live, then commits the joined content back to shared state when done — so refreshes and new clients see the finished message immediately.

examples/files-inspector/README.md

@@ -1,4 +1,4 @@
-# devframe-files-inspector
+# files-inspector
 
 A simplified [node-modules-inspector](https://github.com/antfu/node-modules-inspector)-style example built on [devframe](../../packages/devframe). Lists files in the current working directory and renders them through a Preact SPA. Exercises every devframe surface end-to-end:
 

examples/files-inspector/src/client/app.tsx

@@ -5,7 +5,7 @@ import { nav, navBrand, tab as tabClass, tabsList } from './design'
 import { About } from './routes/about'
 import { Home } from './routes/home'
 
-const NAMESPACE = 'devframe-files-inspector'
+const NAMESPACE = 'example:files-inspector'
 export type InspectorCtx = DevframeScopedClientContext<typeof NAMESPACE>
 
 const NAV_ITEMS = [

examples/files-inspector/src/client/routes/home.tsx

@@ -9,7 +9,7 @@ export function Home({ ctx }: { ctx: InspectorCtx }) {
   async function refresh() {
     setLoading(true)
     try {
-      // Scoped call — `list-files` resolves to `devframe-files-inspector:list-files`.
+      // Scoped call — `list-files` resolves to `example:files-inspector:list-files`.
       const result = await ctx.rpc.call('list-files')
       setFiles(result)
     }

examples/files-inspector/src/devframe.ts

@@ -7,7 +7,7 @@ const BASE_PATH = '/__devframe-files-inspector/'
 const distDir = fileURLToPath(new URL('../dist/client', import.meta.url))
 
 export default defineDevframe({
-  id: 'devframe-files-inspector',
+  id: 'example:files-inspector',
   name: 'Files Inspector',
   version: pkg.version,
   packageName: pkg.name,

examples/files-inspector/src/rpc/functions/get-cwd.ts

@@ -2,7 +2,7 @@ import process from 'node:process'
 import { defineRpcFunction } from 'devframe'
 
 export const getCwd = defineRpcFunction({
-  name: 'get-cwd', // scoped registration namespaces it to `devframe-files-inspector:get-cwd`
+  name: 'get-cwd', // scoped registration namespaces it to `example:files-inspector:get-cwd`
   type: 'static',
   jsonSerializable: true,
   setup: ctx => ({

examples/files-inspector/src/rpc/functions/list-files.ts

@@ -3,7 +3,7 @@ import { defineRpcFunction } from 'devframe'
 import { glob } from 'tinyglobby'
 
 export const listFiles = defineRpcFunction({
-  name: 'list-files', // scoped registration namespaces it to `devframe-files-inspector:list-files`
+  name: 'list-files', // scoped registration namespaces it to `example:files-inspector:list-files`
   type: 'query',
   jsonSerializable: true,
   snapshot: true,

examples/files-inspector/src/rpc/index.ts

@@ -2,7 +2,7 @@ import type { RpcDefinitionsToFunctionsWithNamespace } from 'devframe/rpc'
 import { getCwd } from './functions/get-cwd.ts'
 import { listFiles } from './functions/list-files.ts'
 
-export const NAMESPACE = 'devframe-files-inspector'
+export const NAMESPACE = 'example:files-inspector'
 
 export const serverFunctions = [getCwd, listFiles] as const
 

examples/files-inspector/tests/_utils.ts

@@ -29,7 +29,7 @@ export const CLIENT_DIST = resolve(HERE, '../dist/client')
 export function assertClientBuilt(): void {
   if (!existsSync(path.join(CLIENT_DIST, 'index.html'))) {
     throw new Error(
-      `[devframe-files-inspector] dist/client missing — run \`pnpm -C examples/files-inspector run build\` first.`,
+      `[example:files-inspector] dist/client missing — run \`pnpm -C examples/files-inspector run build\` first.`,
     )
   }
 }

examples/files-inspector/tests/dev-server.test.ts

@@ -59,10 +59,10 @@ describe('dev-server (CLI surface)', () => {
     })
     const rpc = createRpcClient<any, any>({}, { channel })
 
-    const cwdResult = await rpc.$call('devframe-files-inspector:get-cwd')
+    const cwdResult = await rpc.$call('example:files-inspector:get-cwd')
     expect(cwdResult).toEqual({ cwd })
 
-    const files = await rpc.$call('devframe-files-inspector:list-files')
+    const files = await rpc.$call('example:files-inspector:list-files')
     expect(files).toEqual(['README.md', 'package.json', 'sample.txt'])
   })
 })