Use the latest shared footer (#277)

* Use latest shared footer

* Use latest shared footer and restore square badges

* Keep the existing workspace lock structure

---------

Co-authored-by: Anthony Ettinger <anthony@profullstack.com>

Author: sh1pt-actions-fleet[bot]

apps/pwa/package.json

@@ -14,7 +14,7 @@
     "@logicsrc/cli": "workspace:*",
     "@profullstack/coinpay-onboard": "0.3.1",
     "@profullstack/key-rotation": "0.1.0",
-    "@profullstack/footer": "0.5.0",
+    "@profullstack/footer": "latest",
     "@profullstack/libsql-pg": "^0.1.4",
     "@profullstack/profile": "0.1.6",
     "@simplewebauthn/browser": "^14.0.0",

apps/pwa/src/lib/ring-footer.mjs

@@ -1,16 +1,19 @@
 // The Profullstack footer (links, copyright, the << Profullstack >> webring row and
-// the built.indie + pwamart badges) from @profullstack/footer, on the public
+// the square built.indie + PwaMart badges) from @profullstack/footer, on the public
 // sign-in page. It is rendered into the HTML on the server because rssamplifier's
 // ring verifier reads the page and never runs script.
 //
-// This origin holds vault identity keys in browser storage, so the footer is the
-// template BUNDLED in the pinned package version only. It used to be refreshed
-// from jsdelivr @latest every 15 minutes, which made whoever could publish the
-// footer package able to put HTML on this origin, past a bypassable sanitizer.
-// A footer change now reaches this app by bumping the pinned dependency.
+// This origin holds vault identity keys in browser storage, so the footer uses
+// the package's bundled template only: nothing is fetched at runtime. A footer
+// release reaches this app through the shared latest dependency and normal deploy.
 import { footerHtmlSync } from "@profullstack/footer";
 
-export const RING_FOOTER_OPTIONS = { site: "https://app.logicsrc.com/" };
+const SITE = "https://app.logicsrc.com/";
+export const RING_FOOTER_OPTIONS = {
+  site: SITE,
+  builtIndieHref: `https://built.indie.pit.world/for?site=${SITE}`,
+  pwamartHref: `https://pwamart.com/for?site=${SITE}`,
+};
 
 const html = footerHtmlSync(RING_FOOTER_OPTIONS);
 

apps/pwa/test/ring-footer.test.mjs

@@ -1,16 +1,19 @@
-// The sign-in page carries the Profullstack footer (webring row + badges), from
-// the template bundled in the pinned package only: nothing is fetched at runtime.
+// The sign-in page carries the shared Profullstack footer (webring row + square badges)
+// from the package's bundled template only: nothing is fetched at runtime.
 import assert from "node:assert/strict";
 import test from "node:test";
 import { readFileSync } from "node:fs";
 
 import * as ringFooterModule from "../src/lib/ring-footer.mjs";
 
-test("the bundled footer links the ring and both badges for app.logicsrc.com", () => {
+test("the shared footer links the ring and both square badges for app.logicsrc.com", () => {
   const html = ringFooterModule.ringFooter();
   assert.match(html, /rssamplifier\.com\/ring\/profullstack/);
-  assert.match(html, /built\.indie\.pit\.world/);
-  assert.match(html, /pwamart\.com\/for\.svg\?site=https%3A%2F%2Fapp\.logicsrc\.com%2F|pwamart\.com\/for\.svg\?site=https:\/\/app\.logicsrc\.com\//);
+  assert.match(html, /href="https:\/\/built\.indie\.pit\.world\/for\?site=https:\/\/app\.logicsrc\.com\//);
+  assert.match(html, /src="https:\/\/logicsrc\.com\/openicon\/set\/hq\/svg\/built-indie\.svg"/);
+  assert.match(html, /href="https:\/\/pwamart\.com\/for\?site=https:\/\/app\.logicsrc\.com\//);
+  assert.match(html, /src="https:\/\/logicsrc\.com\/openicon\/set\/hq\/svg\/pwamart\.svg"/);
+  assert.match(html, /pfs-footer__badge--publisher img\{width:32px;height:32px/);
 });
 
 test("the footer cannot be swapped at runtime (no CDN refresh)", () => {
@@ -20,7 +23,7 @@ test("the footer cannot be swapped at runtime (no CDN refresh)", () => {
   assert.doesNotMatch(src, /footerHtml\(/);
 });
 
-test("the footer package is pinned to an exact version", () => {
+test("the footer package follows the shared latest release", () => {
   const pkg = JSON.parse(readFileSync(new URL("../package.json", import.meta.url), "utf8"));
-  assert.match(pkg.dependencies["@profullstack/footer"], /^\d+\.\d+\.\d+$/);
+  assert.equal(pkg.dependencies["@profullstack/footer"], "latest");
 });