glashjs 0.14.0 → 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.0",
+  "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/assets/animated-favicon.mjs

@@ -1,8 +1,7 @@
 // glashjs animated favicon
 // ---------------------------------------------------------------------------
-// Ships an animated favicon with every build. Two reliable modes:
-//   - animated SVG (SMIL)  -> set once; browsers that support it animate the
-//                             tab icon natively (the default glash mark).
+// Ships an optional animated/favicon runtime with every build. Two reliable modes:
+//   - SVG                  -> set once; the default is the official glash mark.
 //   - frame cycling        -> a tiny runtime swaps the <link rel=icon> href
 //                             across frames on an interval. Works everywhere,
 //                             and pauses while the tab is hidden (no wasted CPU).
@@ -47,7 +46,7 @@ if (CONFIG.auto) startGlashFavicon();
 /**
  * Resolve + emit the animated favicon for a build.
  * cfg.animatedFavicon may be:
- *   true                       -> the bundled default glash animated mark
+ *   true                       -> the bundled default glash mark
  *   "<path>"                   -> a project animated SVG/GIF
  *   { frames:[...], fps, auto } -> frame-cycling animation
  */
@@ -59,14 +58,14 @@ export async function generateAnimatedFavicon(outDir, cfg, root, log = () => {})
 
   if (setting === true || typeof setting === 'string') {
     const src = setting === true
-      ? fileURLToPath(new URL('../../templates/favicon-animated.svg', import.meta.url))
+      ? fileURLToPath(new URL('../../templates/glash_favicon.svg', import.meta.url))
       : path.resolve(root, setting);
     const out = 'favicon-animated' + path.extname(src);
     try {
       await fs.copyFile(src, path.join(outDir, out));
     } catch {
-      log(`  ! animated favicon source not found (${setting}) — using bundled default`);
-      await fs.copyFile(fileURLToPath(new URL('../../templates/favicon-animated.svg', import.meta.url)), path.join(outDir, 'favicon-animated.svg'));
+      log(`  ! animated favicon source not found (${setting}) — using bundled glash_favicon.svg`);
+      await fs.copyFile(fileURLToPath(new URL('../../templates/glash_favicon.svg', import.meta.url)), path.join(outDir, 'favicon-animated.svg'));
       baked.animated = '/favicon-animated.svg';
     }
     baked.animated = baked.animated || '/' + out;

package/src/build.mjs

@@ -115,7 +115,7 @@ export async function build({ root = process.cwd(), log = console.log } = {}) {
   log(`  saved         ${t.savedPercent}%  (${kb(t.originalBytes - t.optimizedBytes)})`);
   log(`  routes        ${routesBuilt.compiled} JSX route(s) precompiled (no runtime esbuild in prod)`);
   log(`  offline       ${cfg.offline ? `${offline.precached} files precached (works offline after first visit)` : 'disabled'}`);
-  log(`  favicon       static glashdb logo${animated.enabled ? ' + animated (glash-favicon.mjs)' : ''}`);
+  log(`  favicon       glash_favicon.svg${animated.enabled ? ' + animated (glash-favicon.mjs)' : ''}`);
   log(`  version       ${version}`);
   log(`  security      strict CSP + ${Object.keys(securityHeaders(cfg.security)).length} headers\n`);
 
@@ -126,7 +126,7 @@ export async function build({ root = process.cwd(), log = console.log } = {}) {
 // framework. Try the configured path first, then fall back to that bundled logo
 // so the glashdb favicon shows out-of-the-box even before any override.
 async function copyFavicon(cfg, root, outDir, log) {
-  const bundled = path.resolve(fileURLToPath(new URL('../templates/favicon.svg', import.meta.url)));
+  const bundled = path.resolve(fileURLToPath(new URL('../templates/glash_favicon.svg', import.meta.url)));
   const candidates = [path.resolve(root, cfg.favicon), bundled];
   for (const src of candidates) {
     try {
@@ -134,7 +134,7 @@ async function copyFavicon(cfg, root, outDir, log) {
       return;
     } catch { /* try next */ }
   }
-  log(`  ! favicon not found (looked in ${cfg.favicon}, bundled glashdb logo) — preview favicon will be missing`);
+  log(`  ! favicon not found (looked in ${cfg.favicon}, bundled glash_favicon.svg) — preview favicon will be missing`);
 }
 
 function kb(bytes) {

package/src/config.mjs

@@ -11,11 +11,11 @@ export const DEFAULT_CONFIG = {
   shortName: undefined,
   // The preview favicon defaults to the official glashdb logo shipped with the
   // framework; override with your own path relative to the project root.
-  favicon: 'node_modules/glashjs/templates/favicon.svg',
+  favicon: 'node_modules/glashjs/templates/glash_favicon.svg',
   // Animated favicon: true = bundled animated glash mark, a path to your own
   // animated SVG/GIF, or { frames: ['/f0.svg', ...], fps: 8 } to cycle frames.
   // false disables it. Emits `glash-favicon.mjs` — call startGlashFavicon() once.
-  animatedFavicon: true,
+  animatedFavicon: false,
   publicDir: 'public',
   // File-based routes (pages + api/) served by `glash dev` / `glash serve`.
   routesDir: 'routes',
@@ -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 = true, 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 = true, 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 = true, 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);

package/templates/glash_favicon.svg

@@ -0,0 +1,79 @@
+<svg width="508" height="508" viewBox="0 0 508 508" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ii_12189_2)">
+<rect x="43.9863" y="34.4604" width="420.999" height="420.999" rx="102.477" fill="url(#paint0_linear_12189_2)"/>
+</g>
+<rect x="45.1251" y="35.5992" width="418.722" height="418.722" rx="101.338" stroke="#D4D4D4" stroke-width="2.27759"/>
+<g opacity="0.6" filter="url(#filter1_f_12189_2)" style="mix-blend-mode:overlay">
+<circle cx="253.556" cy="253.556" r="119.602" fill="url(#paint1_linear_12189_2)"/>
+<circle cx="253.556" cy="253.556" r="118.463" stroke="#D4D4D4" stroke-width="2.27759"/>
+</g>
+<mask id="mask0_12189_2" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="43" y="34" width="422" height="422">
+<rect x="45.1241" y="35.5997" width="418.722" height="418.722" rx="101.338" fill="url(#paint2_linear_12189_2)" stroke="#D4D4D4" stroke-width="2.27759"/>
+</mask>
+<g mask="url(#mask0_12189_2)">
+<g filter="url(#filter2_f_12189_2)">
+<ellipse cx="259.269" cy="23.0167" rx="215.284" ry="122.507" fill="url(#paint3_linear_12189_2)"/>
+<path d="M259.269 -98.3521C318.557 -98.3521 372.177 -84.6747 410.935 -62.6196C449.725 -40.5457 473.414 -10.2249 473.414 23.0171C473.414 56.2589 449.725 86.579 410.935 108.653C372.177 130.708 318.557 144.385 259.269 144.385C199.98 144.385 146.361 130.708 107.604 108.653C68.813 86.579 45.1242 56.2589 45.124 23.0171C45.124 -10.2249 68.8128 -40.5457 107.604 -62.6196C146.361 -84.6747 199.98 -98.352 259.269 -98.3521Z" stroke="#D4D4D4" stroke-width="2.27759"/>
+</g>
+<g filter="url(#filter3_f_12189_2)" style="mix-blend-mode:plus-lighter">
+<ellipse cx="254.486" cy="29.677" rx="47.8408" ry="81.3294" fill="url(#paint4_linear_12189_2)"/>
+<path d="M254.486 -50.5137C267.129 -50.5137 278.78 -41.7943 287.333 -27.2539C295.871 -12.7399 301.188 7.3854 301.188 29.6768C301.188 51.9682 295.871 72.0943 287.333 86.6084C278.78 101.149 267.129 109.867 254.486 109.867C241.844 109.867 230.193 101.149 221.64 86.6084C213.102 72.0943 207.784 51.9682 207.784 29.6768C207.784 7.3854 213.102 -12.7399 221.64 -27.2539C230.193 -41.7943 241.844 -50.5137 254.486 -50.5137Z" stroke="#D4D4D4" stroke-width="2.27759"/>
+</g>
+</g>
+<path d="M336.671 312.331L239.265 374.956L164.548 342.247L261.906 279.621L336.671 312.331Z" fill="#FEFFFF"/>
+<path d="M264.17 166.655C286.185 166.655 304.057 184.575 304.057 206.591C304.057 213.479 302.371 219.983 299.047 225.956C292.014 238.626 278.67 246.478 264.17 246.478C258.148 246.478 252.367 245.178 246.972 242.624C233.146 236.025 224.234 221.91 224.234 206.591C224.234 184.575 242.155 166.655 264.17 166.655ZM264.17 128.116C220.814 128.116 185.695 163.235 185.695 206.591C185.695 237.807 203.953 264.784 230.352 277.406C240.565 282.319 252.03 285.017 264.122 285.017C293.604 285.017 319.328 268.734 332.672 244.648C338.983 233.375 342.548 220.416 342.548 206.591C342.548 163.283 307.43 128.116 264.122 128.116H264.17Z" fill="#FEFFFF"/>
+<defs>
+<filter id="filter0_ii_12189_2" x="43.9863" y="34.4604" width="420.999" height="449.704" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="19.1363"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.24 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_12189_2"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="28.7045"/>
+<feGaussianBlur stdDeviation="19.1363"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_12189_2" result="effect2_innerShadow_12189_2"/>
+</filter>
+<filter id="filter1_f_12189_2" x="-0.000152588" y="-0.000152588" width="507.113" height="507.113" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="66.9771" result="effect1_foregroundBlur_12189_2"/>
+</filter>
+<filter id="filter2_f_12189_2" x="-109.105" y="-252.581" width="736.749" height="551.196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="76.5453" result="effect1_foregroundBlur_12189_2"/>
+</filter>
+<filter id="filter3_f_12189_2" x="149.237" y="-109.061" width="210.5" height="277.477" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="28.7045" result="effect1_foregroundBlur_12189_2"/>
+</filter>
+<linearGradient id="paint0_linear_12189_2" x1="254.486" y1="34.4604" x2="254.486" y2="455.46" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.3"/>
+<stop offset="1" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint1_linear_12189_2" x1="253.556" y1="133.954" x2="253.556" y2="373.158" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_12189_2" x1="254.485" y1="34.4609" x2="254.485" y2="455.46" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4B4B4B"/>
+<stop offset="1" stop-color="#AFAFAF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_12189_2" x1="272.501" y1="142.813" x2="267.703" y2="-48.6569" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D8D8D8" stop-opacity="0.05"/>
+<stop offset="0.61" stop-color="#B2B2B2" stop-opacity="0.05"/>
+<stop offset="0.98" stop-color="#404040"/>
+</linearGradient>
+<linearGradient id="paint4_linear_12189_2" x1="254.486" y1="-51.6523" x2="254.486" y2="111.006" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.6"/>
+</linearGradient>
+</defs>
+</svg>