glashjs 0.13.2 → 0.13.4

package/bin/glash.mjs

@@ -42,6 +42,20 @@ function firstPositional(args = rest) {
   return undefined;
 }
 
+// A compact terminal rendering of the glashjs favicon — the metallic glash mark
+// (a rounded square). Shown in the dev/serve banner so the brand favicon is
+// visible right in the CLI. ANSI-colored on a TTY; plain blocks otherwise.
+function glashMark() {
+  const tty = process.stdout.isTTY;
+  const hi = (s) => (tty ? `\x1b[97m${s}\x1b[0m` : s);   // bright white highlight
+  const mid = (s) => (tty ? `\x1b[38;5;250m${s}\x1b[0m` : s); // light grey shading
+  return [
+    '  ' + hi('▟██████▙'),
+    '  ' + hi('██') + mid('████') + hi('██'),
+    '  ' + hi('▜██████▛'),
+  ];
+}
+
 // LAN IPv4 addresses, so the dev server prints a Network URL you can open from
 // your phone or another device on the same network.
 function lanAddresses() {
@@ -62,7 +76,9 @@ async function serve(dev) {
   const port = await listenOnAvailablePort(listen, preferredPort);
   const pages = routes.filter((r) => !r.isApi).length;
   const apis = routes.filter((r) => r.isApi).length;
-  console.log(`\nglashjs ${dev ? 'dev' : 'serve'} — "${cfg.name}"`);
+  console.log('');
+  for (const line of glashMark()) console.log(line);
+  console.log(`  glashjs ${dev ? 'dev' : 'serve'} — "${cfg.name}"`);
   if (port !== preferredPort) console.log(`  Port ${preferredPort} is in use; using ${port} instead.`);
   console.log(`  ${pages} page route(s), ${apis} api route(s)`);
   routes.forEach((r) => console.log(`    ${r.isApi ? 'api ' : 'page'}  ${r.pattern}`));
@@ -157,7 +173,7 @@ async function main() {
       console.log('glashjs ' + VERSION);
       break;
     default:
-      console.log(`glashjs — fast, offline-capable, hard-to-hack sites
+      console.log(`glashjs — fast, offline-capable, secure-by-default sites
 
 Usage: (run as "glashjs <cmd>"; "glash <cmd>" also works unless the glashdb deploy CLI owns that name)
   glashjs run dev               Alias for glashjs dev (also: glash run dev)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glashjs",
-  "version": "0.13.2",
+  "version": "0.13.4",
   "description": "glashjs — The Postgres-native full-stack framework for builders who want to ship without DevOps. Framework, hosting, database, auth, and deploy in one GlashDB-native runtime.",
   "type": "module",
   "bin": {

package/src/create.mjs

@@ -4,9 +4,10 @@
 
 import { spawn } from 'node:child_process';
 import { randomBytes } from 'node:crypto';
-import { promises as fs } from 'node:fs';
+import { promises as fs, readFileSync } from 'node:fs';
 import { createInterface } from 'node:readline/promises';
 import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { generateTypedRoutes } from './typed-routes.mjs';
 
 const CSS_CHOICES = new Set(['tailwind', 'plain', 'none']);
@@ -475,12 +476,18 @@ function tailwindInput() {
 }
 
 function faviconSvg() {
-  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <rect width="64" height="64" rx="14" fill="#050505"/>
-  <circle cx="32" cy="32" r="17" fill="#f97316"/>
-  <circle cx="32" cy="32" r="7" fill="#050505"/>
+  // Use the bundled glash mark (the official metallic glash favicon) so a new
+  // app ships the real brand favicon, not a placeholder. Single source of truth:
+  // glashjs/templates/favicon.svg.
+  try {
+    return readFileSync(fileURLToPath(new URL('../templates/favicon.svg', import.meta.url)), 'utf8');
+  } catch {
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="14" fill="#0a0a0a"/>
+  <rect x="13" y="13" width="38" height="38" rx="11" fill="#d4d4d4"/>
 </svg>
 `;
+  }
 }
 
 function gitignore() {

package/src/next/dynamic.mjs

@@ -0,0 +1,16 @@
+// Minimal next/dynamic compatibility for migrated client components.
+import { h } from 'preact';
+import { lazy, Suspense } from 'preact/compat';
+
+export default function dynamic(loader, options = {}) {
+  const Lazy = lazy(async () => {
+    const mod = await loader();
+    return { default: mod.default || mod };
+  });
+  const Loading = options.loading;
+
+  return function DynamicComponent(props) {
+    const fallback = Loading ? h(Loading, props) : null;
+    return h(Suspense, { fallback }, h(Lazy, props));
+  };
+}

package/src/next/headers.mjs

@@ -0,0 +1,23 @@
+// Minimal next/headers compatibility for migrated API helpers.
+// Glash handlers should prefer ctx.headers/cookies, but these no-op shims keep
+// shared Next-era utilities importable during migration.
+
+function emptyCookieStore() {
+  return {
+    get: () => undefined,
+    getAll: () => [],
+    has: () => false,
+    set: () => {},
+    delete: () => {},
+    clear: () => {},
+    toString: () => '',
+  };
+}
+
+export function cookies() {
+  return emptyCookieStore();
+}
+
+export function headers() {
+  return new Headers();
+}

package/src/next/navigation.mjs

@@ -0,0 +1,50 @@
+// Minimal Next navigation compatibility for migrated Glash routes.
+// These browser-first shims keep common client components running without
+// dragging the Next runtime into the Glash server bundle.
+
+function hrefOf(href) {
+  if (typeof href === 'string') return href;
+  if (href && typeof href === 'object') {
+    const pathname = href.pathname || '';
+    const query = href.query ? `?${new URLSearchParams(href.query).toString()}` : '';
+    const hash = href.hash || '';
+    return `${pathname}${query}${hash}`;
+  }
+  return '/';
+}
+
+export function useRouter() {
+  return {
+    push: (href) => { if (typeof window !== 'undefined') window.location.assign(hrefOf(href)); },
+    replace: (href) => { if (typeof window !== 'undefined') window.location.replace(hrefOf(href)); },
+    refresh: () => { if (typeof window !== 'undefined') window.location.reload(); },
+    back: () => { if (typeof window !== 'undefined') window.history.back(); },
+    forward: () => { if (typeof window !== 'undefined') window.history.forward(); },
+    prefetch: () => Promise.resolve(),
+  };
+}
+
+export function usePathname() {
+  return typeof window === 'undefined' ? '/' : window.location.pathname;
+}
+
+export function useSearchParams() {
+  return new URLSearchParams(typeof window === 'undefined' ? '' : window.location.search);
+}
+
+export function useParams() {
+  return {};
+}
+
+export function redirect(href) {
+  if (typeof window !== 'undefined') window.location.replace(hrefOf(href));
+  const error = new Error(`NEXT_REDIRECT:${hrefOf(href)}`);
+  error.digest = `NEXT_REDIRECT;replace;${hrefOf(href)};307;`;
+  throw error;
+}
+
+export function notFound() {
+  const error = new Error('NEXT_NOT_FOUND');
+  error.status = 404;
+  throw error;
+}

package/src/server/jsx.mjs

@@ -16,7 +16,7 @@
 import { promises as fs, existsSync } from 'node:fs';
 import path from 'node:path';
 import { createHash } from 'node:crypto';
-import { pathToFileURL } from 'node:url';
+import { fileURLToPath, pathToFileURL } from 'node:url';
 
 const MISSING = 'JSX/TSX routes need the optional peers: npm i esbuild preact preact-render-to-string';
 
@@ -38,13 +38,20 @@ async function preactRuntime() {
   return { h: _h, renderToString: _renderToString };
 }
 
-// Make migrated React/Next components compile + run under Preact.
+const pkgRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+
+// Make migrated React/Next components compile + run under Preact/Glash.
 const REACT_ALIAS = {
   react: 'preact/compat',
   'react-dom': 'preact/compat',
   'react-dom/client': 'preact/compat',
   'react/jsx-runtime': 'preact/jsx-runtime',
   'react/jsx-dev-runtime': 'preact/jsx-runtime',
+  'next/link': path.join(pkgRoot, 'components/link.mjs'),
+  'next/image': path.join(pkgRoot, 'components/image.mjs'),
+  'next/navigation': path.join(pkgRoot, 'next/navigation.mjs'),
+  'next/dynamic': path.join(pkgRoot, 'next/dynamic.mjs'),
+  'next/headers': path.join(pkgRoot, 'next/headers.mjs'),
 };
 
 export function isComponentRoute(file) {