@bygghammar/cms-platform 0.77.0 → 0.79.0

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# Changelog
+
+All notable changes to `@bygghammar/cms-platform`, newest first. Each `##`
+heading is a published npm version; the release workflow requires a heading that
+matches `package.json` exactly. See
+[CONTRIBUTING.md](./CONTRIBUTING.md#changelog-conventions) for the conventions.
+
+Versions 0.1.0 through 0.78.0 predate this repository and were reconstructed
+from the published npm tarballs.
+
+## 0.79.0
+
+- Search engines status card: added step-by-step help text explaining how to
+  block indexing (`SITE_INDEXING=off`, staging default) or allow it
+  (`SITE_INDEXING=on` in production), what the safe fallback is when the
+  variable is unset, and that blocked deployments serve `Disallow: /` plus a
+  `noindex, nofollow` header while true privacy still needs Traefik basic auth.
+- Site settings now renders the same shared `IndexingStatusCard` as the SEO
+  screens instead of its own inline card, so the status and help text stay
+  identical in both places.
+
+## 0.78.0
+
+- Countdown block: the unit tiles now always stay on a single row on mobile.
+  Tiles shrink to fit (with smaller mobile padding, digits, labels and gaps)
+  instead of wrapping; desktop sizing and all colour/layout settings unchanged.
+
 ## 0.77.0
 
 - Global Sections list: preview thumbnails now use the section's first block type

package/README.md

@@ -106,29 +106,23 @@ Keep any existing registration module in the consuming application's
 `sideEffects` allowlist as defence in depth until every entry point uses the
 explicit contract. CSS must also remain in that allowlist.
 
-## Publishing
+## Repository, development and releases
 
-This directory is the maintained source for the public npm package. Releases
-use npm Trusted Publishing from GitHub Actions; do not publish from a laptop or
-create an npm token.
+The canonical source of truth is <https://github.com/byggis79/cms-platform>
+(private). This repository is standalone — it is no longer a directory inside a
+site repository, and it must never be copied back into a consuming site.
 
-1. Merge the reviewed version bump and wait for Checks to pass on `main`.
-2. Run **Actions → Publish CMS platform → Run workflow** from `main` and enter
-   the exact version from this package.
-3. Verify the new public version before updating consuming CMS lockfiles.
-
-Never place an npm token or `.npmrc` in the repository. Consumers install an
-explicit released version such as `@bygghammar/cms-platform@^0.1.1`.
+```bash
+bun install
+bun run check   # typecheck + tests + package verification
+```
 
-### Release checks and troubleshooting
+The package ships TypeScript sources; there is no build output. Every change
+goes through a pull request, and every release is triggered by pushing a
+`vX.Y.Z` tag that matches `package.json`, which publishes to npm from GitHub
+Actions using the repository secret `NPM_TOKEN`. Never publish manually.
 
-The workflow type-checks the package and runs
-`tests/cms-platform-host-contract.test.tsx` before requesting npm's OIDC
-publishing credential. Keep Vitest's include glob compatible with both
-`*.test.ts` and `*.test.tsx`; otherwise the release stops with “No test files
-found” before npm is contacted.
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for the full workflow and changelog
+conventions. Consumers install an explicit released version such as
+`@bygghammar/cms-platform@0.78.0`.
 
-If a release run fails, read its failed step before rerunning it. A failed run
-does not publish a partial package. After a successful run, verify the public
-registry reports the requested version, then update each consuming application
-and its frozen lockfile in a separate pull request.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bygghammar/cms-platform",
-  "version": "0.77.0",
+  "version": "0.79.0",
   "description": "Shared CMS platform: blocks, block types, i18n core, UI primitives and design-token contract used by every Bygghammar/Voyara site.",
   "type": "module",
   "sideEffects": [
@@ -21,8 +21,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/byggis79/devsba.git",
-    "directory": "packages/cms-platform"
+    "url": "git+https://github.com/byggis79/cms-platform.git"
   },
   "exports": {
     ".": "./src/index.ts",
@@ -300,5 +299,46 @@
   "bin": {
     "cms-platform-migrations": "scripts/sync-migrations.mjs",
     "create-cms-site": "scripts/create-cms-site.mjs"
+  },
+  "homepage": "https://github.com/byggis79/cms-platform#readme",
+  "bugs": {
+    "url": "https://github.com/byggis79/cms-platform/issues"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "verify:pack": "node ops/verify-pack.mjs",
+    "check": "bun run typecheck && bun run test && bun run verify:pack"
+  },
+  "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@supabase/supabase-js": "^2.110.8",
+    "@tanstack/react-query": "^5.101.1",
+    "@tanstack/react-router": "1.170.18",
+    "@tanstack/react-start": "1.168.32",
+    "@tiptap/extension-highlight": "^3.29.2",
+    "@tiptap/extension-image": "^3.29.2",
+    "@tiptap/extension-subscript": "^3.29.2",
+    "@tiptap/extension-superscript": "^3.29.2",
+    "@tiptap/extension-table": "^3.29.2",
+    "@tiptap/extension-text-align": "^3.29.2",
+    "@tiptap/extension-text-style": "^3.29.2",
+    "@tiptap/extensions": "^3.29.2",
+    "@tiptap/pm": "^3.29.2",
+    "@tiptap/react": "^3.29.2",
+    "@tiptap/starter-kit": "^3.29.2",
+    "@types/node": "^22.10.2",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "lucide-react": "^0.575.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "sonner": "^2.0.7",
+    "typescript": "^5.8.3",
+    "vitest": "^4.1.10",
+    "zod": "^3.24.2"
   }
 }

package/src/backoffice/IndexingStatusCard.tsx

@@ -33,10 +33,29 @@ export function IndexingStatusCard({
       <div className="mt-1 text-sm text-ink">{status}</div>
       <div className="mt-2 text-[11px] uppercase tracking-wider text-ink/40">{source}</div>
       <p className="mt-3 text-xs text-ink/50">
-        Indexing is an environment fact, not a setting here: set <code>SITE_INDEXING=off</code> on
-        staging and <code>SITE_INDEXING=on</code> in production. A blocked deployment serves{" "}
-        <code>Disallow: /</code> in robots.txt and a <code>noindex, nofollow</code> header on every
-        response.
+        Indexing is an environment fact, not a setting here — this card is read-only. It is
+        controlled per deployment by environment variables, so a content restore can never flip it:
+      </p>
+      <ul className="mt-2 list-disc space-y-1 pl-4 text-xs text-ink/50">
+        <li>
+          <strong className="font-medium text-ink/70">To block indexing (noindex):</strong> set{" "}
+          <code>SITE_INDEXING=off</code> for the environment and redeploy. Staging should always
+          run with this.
+        </li>
+        <li>
+          <strong className="font-medium text-ink/70">To allow indexing:</strong> set{" "}
+          <code>SITE_INDEXING=on</code> for the production environment and redeploy.
+        </li>
+        <li>
+          When <code>SITE_INDEXING</code> is unset, <code>SITE_ENV=production</code> means indexed
+          and anything else defaults to blocked.
+        </li>
+      </ul>
+      <p className="mt-2 text-xs text-ink/50">
+        A blocked deployment serves <code>Disallow: /</code> in robots.txt and a{" "}
+        <code>noindex, nofollow</code> header on every response, so it can never be indexed even if
+        a link leaks. Blocking does not hide the site from people — for truly private staging, add
+        HTTP basic auth in Traefik on top.
       </p>
     </div>
   );

package/src/backoffice/SiteSettingsView.tsx

@@ -12,6 +12,7 @@ import {
   type SiteSettingOverrides,
 } from "../config/site-config";
 import type { IndexingPolicy } from "../site/indexing";
+import { IndexingStatusCard } from "./IndexingStatusCard";
 
 export type SiteSettingsDeps = {
   /** Code config with any stored overrides already applied. */
@@ -148,17 +149,6 @@ export function SiteSettingsView({ deps }: { deps: SiteSettingsDeps }) {
             originSource === "environment" ? "From SITE_URL" : "Code fallback \u2014 SITE_URL unset",
           ],
           ["Locales", config.locales.join(", "), "Set in code"],
-          [
-            "Search engines",
-            indexing ? (indexing.mode === "block" ? "Blocked \u2014 not indexed" : "Indexed") : "Unknown",
-            indexing
-              ? indexing.source === "SITE_INDEXING"
-                ? `From SITE_INDEXING=${indexing.value}`
-                : indexing.source === "SITE_ENV"
-                  ? `From SITE_ENV=${indexing.value}`
-                  : "Safe default \u2014 SITE_INDEXING unset"
-              : "Set SITE_INDEXING per environment",
-          ],
           [
             "Backoffice",
             `${config.backofficePath} (${config.backofficeLocale})`,
@@ -171,16 +161,14 @@ export function SiteSettingsView({ deps }: { deps: SiteSettingsDeps }) {
             <dd className="mt-2 text-[11px] uppercase tracking-wider text-ink/40">{source}</dd>
           </div>
         ))}
+        {/* Same shared card as the SEO screens — one place for the indexing help text. */}
+        <IndexingStatusCard indexing={indexing} />
       </dl>
       <p className="mt-3 max-w-2xl text-xs text-ink/50">
         These are structural: the locale set and backoffice path are compiled into the build,
         and the public origin differs per environment. They are read from code and environment on
         purpose, so a deployment can never disagree with what the database says. Indexing is the
-        same kind of fact: set <code>SITE_INDEXING=off</code> on staging and{" "}
-        <code>SITE_INDEXING=on</code> in production. A blocked deployment serves{" "}
-        <code>Disallow: /</code> in robots.txt and a <code>noindex, nofollow</code> header on every
-        response, so it can never be indexed even if a link leaks. For truly private staging, add
-        HTTP basic auth in Traefik on top — a password is the only thing that keeps humans out.
+        same kind of fact — see the Search engines card for how it is controlled per environment.
       </p>
 
       <section className={`mt-8 ${cardClass}`}>

package/src/blocks/components/CountdownBlock.tsx

@@ -10,12 +10,28 @@ import { useCountdownReplacement } from "../countdown-replacement";
 import type { CountdownProps } from "../types";
 
 const TILE_SIZE = {
-  sm: { box: "min-w-14 px-3 py-2.5", digit: "text-2xl md:text-3xl", unit: "text-[0.55rem]" },
-  md: { box: "min-w-20 px-4 py-3.5", digit: "text-3xl md:text-5xl", unit: "text-[0.6rem]" },
-  lg: { box: "min-w-28 px-6 py-5", digit: "text-4xl md:text-6xl", unit: "text-[0.68rem]" },
+  sm: {
+    box: "min-w-0 flex-1 px-2 py-2 sm:min-w-14 sm:flex-none sm:px-3 sm:py-2.5",
+    digit: "text-xl sm:text-2xl md:text-3xl",
+    unit: "text-[0.5rem] sm:text-[0.55rem]",
+  },
+  md: {
+    box: "min-w-0 flex-1 px-2 py-2.5 sm:min-w-20 sm:flex-none sm:px-4 sm:py-3.5",
+    digit: "text-2xl sm:text-3xl md:text-5xl",
+    unit: "text-[0.5rem] sm:text-[0.6rem]",
+  },
+  lg: {
+    box: "min-w-0 flex-1 px-2 py-3 sm:min-w-28 sm:flex-none sm:px-6 sm:py-5",
+    digit: "text-2xl sm:text-4xl md:text-6xl",
+    unit: "text-[0.5rem] sm:text-[0.68rem]",
+  },
 } as const;
 
-const GAP = { sm: "gap-2", md: "gap-3 md:gap-4", lg: "gap-5 md:gap-7" } as const;
+const GAP = {
+  sm: "gap-1.5 sm:gap-2",
+  md: "gap-1.5 sm:gap-3 md:gap-4",
+  lg: "gap-2 sm:gap-5 md:gap-7",
+} as const;
 const PADDING = {
   compact: "py-8 md:py-10",
   normal: "py-14 md:py-20",
@@ -149,11 +165,12 @@ export function CountdownBlock({ props: p }: { props: CountdownProps }) {
     <>
       {heading(p.title, p.body)}
       <div
-        className={`mt-8 flex flex-wrap items-stretch ${GAP[p.gap ?? "md"]} ${align.row}`}
+        className={`mt-8 flex w-full flex-nowrap items-stretch sm:w-auto sm:flex-wrap ${GAP[p.gap ?? "md"]} ${align.row}`}
         aria-live="off"
       >
         {units.map((u, i) => (
-          <div key={i} className="flex items-stretch">
+          <div key={i} className="flex min-w-0 flex-1 items-stretch sm:flex-none">
+
             <div
               className={`flex flex-col items-center justify-center bg-[var(--cd-tile-bg)] ${size.box} ${border} ${shadow}`}
               style={{ borderRadius: "var(--cd-radius)" }}