glashjs 0.14.1 → 0.14.2

package/README.md

@@ -179,7 +179,8 @@ export default defineConfig({
   outDir: '.glash/out',
   stylesheets: ['/app.css'],
   offline: true,
-  animatedFavicon: true,
+  favicon: 'node_modules/glashjs/templates/glash_favicon.svg',
+  animatedFavicon: false,
   dataPrefixes: ['/api/', '/auth/', '/rest/', '/live', '/stream'],
 });
 ```

package/bin/glash.mjs

@@ -56,6 +56,11 @@ function glashMark() {
   ];
 }
 
+function faviconLabel(cfg) {
+  const source = String(cfg.favicon || 'glash_favicon.svg');
+  return source.split(/[\\/]/).pop() || 'glash_favicon.svg';
+}
+
 // 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() {
@@ -79,6 +84,7 @@ async function serve(dev) {
   console.log('');
   for (const line of glashMark()) console.log(line);
   console.log(`  glashjs ${dev ? 'dev' : 'serve'} — "${cfg.name}"`);
+  console.log(`  favicon  ${faviconLabel(cfg)} -> /favicon.svg`);
   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}`));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glashjs",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "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/config.mjs

@@ -25,6 +25,14 @@ export const DEFAULT_CONFIG = {
   outDir: '.glash/out',
   themeColor: '#0b0d12',
   offline: true,
+  // Built-in IP auto-translation. true = detect the visitor's country (from the
+  // edge geo header, falling back to a public IP service) and, if their native
+  // language differs from the page, offer a one-tap in-place translation. The
+  // framework serves the runtime (/_glash/i18n.js) and a geo endpoint
+  // (/api/_glash/geo) automatically — no route or layout wiring per app.
+  //   true | false | { auto?: boolean, geoEndpoint?: string }
+  //   auto: translate immediately instead of prompting.
+  i18n: true,
   // Requests under these prefixes are treated as live/updated data: network-first
   // in the Service Worker, so offline mode degrades exactly there (no stale live data).
   dataPrefixes: ['/api/', '/rest/', '/auth/', '/realtime', '/live', '/stream'],

package/src/create.mjs

@@ -136,7 +136,8 @@ export default defineConfig({
   publicDir: 'public',
   outDir: '.glash/out',
   offline: true,
-  animatedFavicon: true,
+  favicon: 'node_modules/glashjs/templates/glash_favicon.svg',
+  animatedFavicon: false,
   stylesheets: ${hasCss ? "['/app.css']" : '[]'},
   dataPrefixes: ['/api/', '/auth/', '/rest/', '/live', '/stream'],
   security: {

package/src/server/html.mjs

@@ -49,7 +49,7 @@ ${headHtml}
 `;
 }
 
-function shellTail({ offline = true, animatedFavicon = false, dev = false, nonce = '' }) {
+function shellTail({ offline = true, animatedFavicon = false, dev = false, nonce = '', i18n = false }) {
   const n = nonce ? ` nonce="${escapeHtml(nonce)}"` : '';
   const fav = animatedFavicon
     ? `<script type="module"${n}>try{const m=await import("/glash-favicon.mjs");m.startGlashFavicon&&m.startGlashFavicon();}catch{}</script>`
@@ -57,6 +57,16 @@ function shellTail({ offline = true, animatedFavicon = false, dev = false, nonce
   const off = offline
     ? `<script type="module"${n}>try{const m=await import("/glash-offline.mjs");m.registerGlashOffline&&m.registerGlashOffline();}catch{}</script>`
     : '';
+  // Built-in IP auto-translation: the framework serves /_glash/i18n.js (the
+  // dependency-free runtime). It detects the visitor's country, maps it to their
+  // native language, and offers a one-tap in-place translation. CSP-safe: a
+  // nonce'd module import of a same-origin URL, no inline logic.
+  const i18nOpts = i18n && typeof i18n === 'object'
+    ? { auto: !!i18n.auto, ...(i18n.geoEndpoint ? { geoEndpoint: i18n.geoEndpoint } : {}) }
+    : {};
+  const intl = i18n
+    ? `<script type="module"${n}>try{const m=await import("/_glash/i18n.js");m.glashAutoTranslate&&m.glashAutoTranslate(${JSON.stringify(i18nOpts)});}catch{}</script>`
+    : '';
   // Dev HMR: a nonce'd inline script (CSP-safe). On a change event it does an
   // in-place soft refresh (no full reload, keeps scroll/focus/inputs), falling
   // back to a full reload if the nav runtime hasn't loaded yet.
@@ -65,7 +75,7 @@ function shellTail({ offline = true, animatedFavicon = false, dev = false, nonce
     : '';
   // Client-side navigation runtime (external 'self' module, CSP-safe).
   const nav = '<script type="module" src="/_glash/nav.js"></script>';
-  return `\n${fav}${off}${hmr}${nav}\n</body>\n</html>`;
+  return `\n${fav}${off}${intl}${hmr}${nav}\n</body>\n</html>`;
 }
 
 /**

package/src/server/server.mjs

@@ -6,11 +6,12 @@
 //                 service worker, favicons) with Brotli negotiation.
 // Every response carries the secure-by-default headers.
 import http from 'node:http';
-import { promises as fs, existsSync, statSync, watch, createReadStream } from 'node:fs';
+import { promises as fs, existsSync, statSync, watch, createReadStream, readFileSync } from 'node:fs';
 import { Transform } from 'node:stream';
 import { randomBytes } from 'node:crypto';
 import path from 'node:path';
-import { pathToFileURL } from 'node:url';
+import { pathToFileURL, fileURLToPath } from 'node:url';
+import { geoRouteHandler } from '../i18n.mjs';
 import { discoverRoutes, matchRoute, findMiddleware } from './router.mjs';
 import { renderDocument, documentParts, renderMeta, escapeHtml } from './html.mjs';
 import { NAV_CLIENT } from './nav-client.mjs';
@@ -28,6 +29,11 @@ const MIME = {
 };
 const mime = (file) => MIME[path.extname(file).toLowerCase()] || 'application/octet-stream';
 
+// The built-in i18n runtime served at /_glash/i18n.js. i18n.mjs is dependency-free
+// and valid browser ESM (its server-only exports are harmless in the browser), so
+// we serve it raw — single source of truth, works identically in dev and prod.
+const I18N_CLIENT = readFileSync(fileURLToPath(new URL('../i18n.mjs', import.meta.url)), 'utf8');
+
 /** Build the glashjs server. Returns { server, listen, cfg }. */
 export async function createGlashServer({ root = process.cwd(), dev = false } = {}) {
   loadEnvFiles(root);