@norskvideo/ctl-dev-kit 0.2.50 → 0.2.51

package/create-product/features/components.ts

@@ -33,7 +33,9 @@ function packageJson(ctx: ShapeContext): string {
       type: "commonjs",
       main: "lib/index.js",
       scripts: {
-        build: "bun run scripts/codegen.ts && bunx tsc && bun run scripts/copy-yamls.ts",
+        // clean first: tsc never deletes output, so a removed component would
+        // otherwise still ship from lib/.
+        build: "bun run clean && bun run scripts/codegen.ts && bunx tsc && bun run scripts/copy-yamls.ts",
         codegen: "bun run scripts/codegen.ts",
         clean: "rm -rf lib",
         test: "bun test src/",

package/create-product/features/dashboard.ts

@@ -155,6 +155,13 @@ export type ExampleState = { ticks: number };
 
 export const getStatus = (env: Env) => apiGet<ExampleState>(env, "/status");
 
+/** Studio wraps the state in every message that carries one; events and alerts carry none. */
+export function stateFromMessage(msg: unknown): unknown {
+  const m = msg as { type?: string; state?: unknown } | null;
+  if (m && typeof m === "object" && (m.type === "initial-state" || m.type === "state-update")) return m.state;
+  return undefined;
+}
+
 /**
  * The component's state feed: Studio broadcasts every updates.update() here.
  *
@@ -165,7 +172,8 @@ export const getStatus = (env: Env) => apiGet<ExampleState>(env, "/status");
 export function openStateSocket(env: Env, onState: (state: ExampleState) => void): WebSocket {
   const socket = new WebSocket(\`\${env.wsBasePath}/\${COMPONENT_ID}/ws\`);
   socket.onmessage = (event) => {
-    onState(JSON.parse(event.data as string) as ExampleState);
+    const state = stateFromMessage(JSON.parse(event.data as string));
+    if (state !== undefined) onState(state as ExampleState);
   };
   return socket;
 }

package/create-product/turnkey.ts

@@ -336,10 +336,16 @@ function rootPackageJson(ctx: ShapeContext): string {
         ...(hasFrontend ? { "build:frontend": "bun run --cwd frontend build" } : {}),
         "build:backend": "bun run --cwd backend build",
         "build:image": "bash deployment/build-image.sh",
-        // The backend SERVES frontend/dist, so a dev loop that never builds it
-        // hands the daemon's configure-screen probe a 404. `dev:frontend` is
-        // vite's own server, for iterating on the screen with HMR.
-        dev: hasFrontend ? "bun run build:frontend && bun run --cwd backend dev" : "bun run --cwd backend dev",
+        // The backend SERVES frontend/dist and PACKS components/lib and
+        // dashboards/, so a dev loop that skips a build hands the daemon a 404
+        // configure screen, a stale component or a dashboard that 404s.
+        // `dev:frontend` is vite's own server, for iterating on the screen with HMR.
+        dev: [
+          ...(hasComponents ? ["bun run build:components"] : []),
+          ...(hasDashboard ? ["bun run build:dashboard"] : []),
+          ...(hasFrontend ? ["bun run build:frontend"] : []),
+          "bun run --cwd backend dev",
+        ].join(" && "),
         ...(hasFrontend ? { "dev:frontend": "bun run --cwd frontend dev" } : {}),
         start: "bun run --cwd backend start",
         iterate: "bash deployment/iterate.sh",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norskvideo/ctl-dev-kit",
-  "version": "0.2.50",
+  "version": "0.2.51",
   "type": "module",
   "exports": {
     "./create-product": "./create-product/create-product.ts",