create-backtick-app 0.2.4 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-backtick-app",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "Creates a Backtick app: React Native, React or Solid, with screens from your server on Node or Bun",
   "keywords": [
     "backtick",

package/templates/react/package.json

@@ -11,10 +11,10 @@
     "format:check": "prettier --check --ignore-unknown ."
   },
   "dependencies": {
-    "@backtickjs/bundler": "^0.2.4",
-    "@backtickjs/core": "^0.2.4",
-    "@backtickjs/node-plugin": "^0.2.4",
-    "@backtickjs/jsx-react": "^0.2.4",
+    "@backtickjs/bundler": "^0.2.6",
+    "@backtickjs/core": "^0.2.6",
+    "@backtickjs/node-plugin": "^0.2.6",
+    "@backtickjs/jsx-react": "^0.2.6",
     "@hono/node-server": "^2.1.4",
     "hono": "^4.13.13",
     "react": "19.2.3",
@@ -22,8 +22,8 @@
     "typescript": "^6.0.3"
   },
   "devDependencies": {
-    "@backtickjs/prettier-plugin": "^0.2.4",
-    "@backtickjs/tsc": "^0.2.4",
+    "@backtickjs/prettier-plugin": "^0.2.6",
+    "@backtickjs/tsc": "^0.2.6",
     "@types/node": "^25.9.1",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.7",

package/templates/react-native/package.json

@@ -16,11 +16,12 @@
     "format:check": "prettier --check --ignore-unknown ."
   },
   "dependencies": {
-    "@backtickjs/bundler": "^0.2.4",
-    "@backtickjs/core": "^0.2.4",
-    "@backtickjs/expo": "^0.2.4",
-    "@backtickjs/node-plugin": "^0.2.4",
-    "@backtickjs/jsx-react": "^0.2.4",
+    "@backtickjs/bundler": "^0.2.6",
+    "@backtickjs/core": "^0.2.6",
+    "@backtickjs/expo": "^0.2.6",
+    "@backtickjs/hono": "^0.2.6",
+    "@backtickjs/node-plugin": "^0.2.6",
+    "@backtickjs/jsx-react": "^0.2.6",
     "@hono/node-server": "^2.1.4",
     "expo": "~57.0.26",
     "expo-constants": "~57.0.20",
@@ -34,8 +35,8 @@
     "typescript": "^6.0.3"
   },
   "devDependencies": {
-    "@backtickjs/prettier-plugin": "^0.2.4",
-    "@backtickjs/tsc": "^0.2.4",
+    "@backtickjs/prettier-plugin": "^0.2.6",
+    "@backtickjs/tsc": "^0.2.6",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.7",
     "@types/node": "^25.9.1",

package/templates/react-native/server/index.tsx

@@ -1,18 +1,21 @@
 import { reloadExpo } from "@backtickjs/expo/server";
+import { backtick } from "@backtickjs/hono";
 import { serve } from "@hono/node-server";
 import { Hono } from "hono";
 import { cors } from "hono/cors";
 import { Home } from "./Home.js";
-import { screen } from "./screen.js";
 
 const app = new Hono();
 
 // `npm run web` serves the app from another origin.
 app.use(cors({ origin: "*", allowHeaders: ["x-backtick-modules"] }));
 
+// `context.render(element)` answers with the screen, bundled for the app.
+app.use(backtick());
+
 // Your app's screens: add a route, and the app can fetch it. A path can
 // take parameters, `/stories/:id`, read with `context.req.param("id")`.
-app.get("/", (context) => screen(context, <Home />));
+app.get("/", (context) => context.render(<Home />));
 
 // Answered rather than crashed on, so the app can show why.
 app.onError((error, context) => {

package/templates/solid-js/package.json

@@ -11,18 +11,18 @@
     "format:check": "prettier --check --ignore-unknown ."
   },
   "dependencies": {
-    "@backtickjs/bundler": "^0.2.4",
-    "@backtickjs/core": "^0.2.4",
-    "@backtickjs/node-plugin": "^0.2.4",
-    "@backtickjs/jsx-solid": "^0.2.4",
+    "@backtickjs/bundler": "^0.2.6",
+    "@backtickjs/core": "^0.2.6",
+    "@backtickjs/node-plugin": "^0.2.6",
+    "@backtickjs/jsx-solid": "^0.2.6",
     "@hono/node-server": "^2.1.4",
     "hono": "^4.13.13",
     "solid-js": "1.9.17",
     "typescript": "^6.0.3"
   },
   "devDependencies": {
-    "@backtickjs/prettier-plugin": "^0.2.4",
-    "@backtickjs/tsc": "^0.2.4",
+    "@backtickjs/prettier-plugin": "^0.2.6",
+    "@backtickjs/tsc": "^0.2.6",
     "@types/node": "^25.9.1",
     "agent-device": "^0.21.27",
     "nodemon": "^3.1.14",

package/templates/react-native/server/screen.tsx

@@ -1,15 +0,0 @@
-import { bundler } from "@backtickjs/bundler";
-import type { JSX } from "@backtickjs/jsx-react/jsx-runtime";
-import type { Context } from "hono";
-
-/**
- * `element` as the response to a request from your app, bundled for the
- * modules the requesting build carries, as client/moduleMap.ts offers them
- * at its packages' versions.
- */
-export async function screen(context: Context, element: JSX.Element) {
-  const modules = JSON.parse(context.req.header("x-backtick-modules") ?? "{}");
-  const bundle = await bundler.build({ input: element, modules });
-  const { code } = bundle.generate({ format: "cjs" });
-  return context.body(code, 200, { "content-type": "text/javascript" });
-}