@protobase/cli 0.19.1 → 0.19.2

package/dist/build/deploy-bundle.js

@@ -3,6 +3,7 @@ import { buildBundlePlugins } from "./bundle-plugins.js";
 import { buildConfigBundle } from "./config-bundle.js";
 import { protobaseVersion } from "../version/version.js";
 import { copyPackages } from "./packages/copy-packages.js";
+import { buildFavicon, faviconFile } from "./favicon.js";
 import { buildTheme } from "./theme.js";
 import { shellForBuild, shellManifestFile } from "./shell.js";
 import { checkUi } from "./ui-check.js";
@@ -65,6 +66,10 @@ const buildDeployBundle = async ({ projectDir, outDir, bun, extensions = [], onW
 		projectDir,
 		outFile: path.join(publicDir, bundleLayout.theme)
 	})) onWarning?.(warning);
+	await buildFavicon({
+		projectDir,
+		outFile: path.join(publicDir, faviconFile)
+	});
 	const manifest = {
 		version: 3,
 		protobase: protobaseVersion,

package/dist/build/favicon.js

@@ -0,0 +1,17 @@
+import { adminAppDir } from "../project/admin-app.js";
+import { existsSync } from "node:fs";
+import path from "node:path";
+import { copyFile } from "node:fs/promises";
+//#region src/build/favicon.ts
+/** The project's favicon, at its root, and where a bundle's `public` folder has it: the app links it at `/protobase.favicon.svg`. */
+const faviconFile = "protobase.favicon.svg";
+const defaultFavicon = path.join(adminAppDir, "favicon.svg");
+/** The favicon the app shows for the project in `projectDir`: its protobase.favicon.svg, or Protobase's without one. */
+const projectFavicon = (projectDir) => {
+	const own = projectDir === void 0 ? void 0 : path.join(projectDir, faviconFile);
+	return own && existsSync(own) ? own : defaultFavicon;
+};
+/** Writes the project's favicon, or Protobase's when it has none, to `outFile`, so the app's link to it always resolves. */
+const buildFavicon = ({ projectDir, outFile }) => copyFile(projectFavicon(projectDir), outFile);
+//#endregion
+export { buildFavicon, faviconFile, projectFavicon };

package/dist/build/shell.js

@@ -2,6 +2,7 @@ import { projectUiPlugin } from "../project/project-ui.js";
 import { readPackageJson } from "./packages/package-dir.js";
 import { adminAppDir, uiEntry, uiPackageDir } from "../project/admin-app.js";
 import { sharedModulesPlugin } from "../project/shared-modules.js";
+import { faviconLink } from "../project/favicon-link.js";
 import { themeLink } from "../project/theme-link.js";
 import { existsSync } from "node:fs";
 import path from "node:path";
@@ -30,7 +31,7 @@ const shellIdentity = async () => {
 * The admin app as a production build, the same for every project: index.html and content-hashed files under assets/,
 * with protobase.shell.json saying which version it is. Asset URLs are absolute, so index.html works as the answer to
 * any deep link. It calls /api on its own origin and loads the project's UI, like every plugin, from what `/meta`
-* names, and links the project's theme at /protobase.theme.css. The modules plugins share with it have entries of
+* names, and links the project's theme at /protobase.theme.css and its favicon at /protobase.favicon.svg. The modules plugins share with it have entries of
 * their own, which index.html's import map names.
 */
 const buildShell = async (outDir) => {
@@ -47,6 +48,7 @@ const buildShell = async (outDir) => {
 			sharedModulesPlugin(),
 			projectUiPlugin(void 0),
 			themeLink(),
+			faviconLink(),
 			react(),
 			tailwindcss()
 		],

package/dist/dev/run.js

@@ -5,6 +5,7 @@ import { extensionImports, extensionStyles } from "../project/extensions.js";
 import { sharedModulesPlugin } from "../project/shared-modules.js";
 import { moduleFile } from "../module-file.js";
 import { layoutCheck } from "../build/layout-check.js";
+import { faviconLink } from "../project/favicon-link.js";
 import { themeLink } from "../project/theme-link.js";
 import { checkDatabase } from "./check-database.js";
 import { stopDevJobs } from "./dev-jobs.js";
@@ -78,6 +79,7 @@ const runDev = async (options, out) => {
 			stopJobsOnClose,
 			sharedModulesPlugin(),
 			themeLink(options.projectDir),
+			faviconLink(options.projectDir),
 			projectUiPlugin(options.projectDir, extensions),
 			extensionImports(options.projectDir, extensions),
 			extensionStyles(extensions),

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "0.19.1";
+var version = "0.19.2";
 //#endregion
 export { version };

package/dist/project/favicon-link.js

@@ -0,0 +1,39 @@
+import { faviconFile, projectFavicon } from "../build/favicon.js";
+import { readFile } from "node:fs/promises";
+//#region src/project/favicon-link.ts
+/**
+* Links the project's favicon at `/protobase.favicon.svg` in the app's page. A bundle always has the file (see
+* `buildFavicon`); the dev server answers it from the project's protobase.favicon.svg, or Protobase's without one.
+*/
+const faviconLink = (projectDir) => {
+	let base = "/";
+	return {
+		name: "protobase-favicon-link",
+		configResolved: (config) => {
+			base = config.base;
+		},
+		configureServer: (server) => {
+			server.middlewares.use(`/${faviconFile}`, (_request, response, next) => {
+				readFile(projectFavicon(projectDir)).then((body) => {
+					response.setHeader("content-type", "image/svg+xml");
+					response.setHeader("cache-control", "no-cache");
+					response.end(body);
+				}, next);
+			});
+		},
+		transformIndexHtml: {
+			order: "post",
+			handler: () => [{
+				tag: "link",
+				attrs: {
+					rel: "icon",
+					type: "image/svg+xml",
+					href: `${base}${faviconFile}`
+				},
+				injectTo: "head"
+			}]
+		}
+	};
+};
+//#endregion
+export { faviconLink };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protobase/cli",
-  "version": "0.19.1",
+  "version": "0.19.2",
   "description": "The protobase command: scaffold, doctor, dev, build and serve a Protobase project.",
   "license": "Apache-2.0",
   "repository": {
@@ -34,11 +34,11 @@
   "dependencies": {
     "@hono/node-server": "^2.1.3",
     "@hono/vite-dev-server": "^0.26.1",
-    "@protobase/layout": "0.19.1",
-    "@protobase/query": "0.19.1",
-    "@protobase/schema": "0.19.1",
-    "@protobase/server": "0.19.1",
-    "@protobase/ui": "0.19.1",
+    "@protobase/layout": "0.19.2",
+    "@protobase/query": "0.19.2",
+    "@protobase/schema": "0.19.2",
+    "@protobase/server": "0.19.2",
+    "@protobase/ui": "0.19.2",
     "@react-email/render": "^2.1.0",
     "@scalar/hono-api-reference": "^0.12.10",
     "@tailwindcss/vite": "^4.3.3",