retold-facto 0.2.0 → 1.0.1

package/.github/workflows/publish-image.yml

@@ -0,0 +1,66 @@
+# Publish a container image to GitHub Container Registry on every
+# version tag push (e.g. `v1.2.3`). Generated by `quack docker-init`.
+#
+# Image lands at:
+#   ghcr.io/stevenvelozo/retold-facto:<version>
+#   ghcr.io/stevenvelozo/retold-facto:latest   (only on stable tags)
+
+name: Publish container image
+
+on:
+  push:
+    tags:
+      - 'v*.*.*'
+  workflow_dispatch:
+    inputs:
+      tag:
+        description: 'Tag to apply (e.g. dev or 1.2.3-test). `latest` is reserved for stable tag pushes.'
+        required: true
+        default: 'dev'
+
+permissions:
+  contents: read
+  packages: write
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up QEMU (multi-arch support)
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Log in to GHCR
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Compute image tags
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ghcr.io/${{ github.repository_owner }}/retold-facto
+          tags: |
+            type=semver,pattern={{version}}
+            type=semver,pattern={{major}}.{{minor}}
+            type=semver,pattern={{major}}
+            type=raw,value=${{ github.event.inputs.tag }},enable=${{ github.event_name == 'workflow_dispatch' }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./Dockerfile
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max

package/BUILDING-AND-PUBLISHING.md

@@ -0,0 +1,140 @@
+# Building and Publishing
+
+How to ship `retold-facto` to npm and to GitHub Container Registry
+(GHCR). Generated by `quack docker-init`; the structure matches the
+shared template across all dockerized retold tools.
+
+`retold-facto` is a **long-running service**. Restart policy in compose / k8s should be `unless-stopped` (or equivalent). The Dockerfile should declare a HEALTHCHECK against the service's health endpoint.
+
+---
+
+## TL;DR
+
+```bash
+# npm-only release (the default — most common case)
+npm run release:patch
+
+# npm release that ALSO rebuilds the GHCR image
+npm run release:patch:image
+```
+
+The default release is npm-only. Docker images are deliberate, opt-in
+artifacts because each multi-arch build burns several minutes of CI
+time. Use `:image` (or set `BUILD_DOCKER=1`) when runtime code,
+dependencies, env-var contract, or the Dockerfile changed.
+
+---
+
+## Prerequisites (one-time setup)
+
+- **npm login** — `npm whoami` should print your username.
+- **Git remote configured** — `git remote get-url origin` should print
+  `git@github.com:stevenvelozo/retold-facto.git` (or the
+  HTTPS equivalent).
+- **Push access to the repo** — required so `postversion` /
+  `postpublish` hooks can push commits and tags.
+- **Docker** (only if you want to test the image locally before tag).
+
+---
+
+## Ecosystem convention: lockfiles are gitignored
+
+`package-lock.json` is in this repo's `.gitignore` (Quackage convention
+shared across the retold ecosystem). The Dockerfile must use `npm install`,
+not `npm ci` — `npm ci` requires the lockfile to be in the build context
+and CI runners only check out what's in git. If you see EUSAGE errors in
+GHCR build logs, change `RUN npm ci` to `RUN npm install` in the
+Dockerfile.
+
+---
+
+## Releasing
+
+| Command                              | npm registry | GHCR image rebuild |
+|--------------------------------------|--------------|--------------------|
+| `npm run release:patch`              | yes          | no                 |
+| `npm run release:patch:image`        | yes          | yes                |
+| `npm run release:minor`              | yes          | no                 |
+| `npm run release:minor:image`        | yes          | yes                |
+| `npm run release:major`              | yes          | no                 |
+| `npm run release:major:image`        | yes          | yes                |
+
+The non-`:image` variants are the default because most patch releases
+don't change runtime behavior. The `:image` variants tell the pipeline
+"this release does change runtime — build me a new image."
+
+### Direct CLI (also works)
+
+```bash
+npm publish                              # npm only
+npm run publish:docker                   # npm + docker (sets BUILD_DOCKER=1)
+```
+
+### From `retold-manager` TUI
+
+- `[!]` Publish — npm only
+- `[D]` Publish with docker image — npm + GHCR build
+
+### Promoting a previous npm release to docker later
+
+If you released `v<x>` to npm only, then later decide you do want a
+docker image:
+
+```bash
+git push origin v<x>    # pushes the local tag → GHCR fires
+```
+
+The local tag is still sitting there from the original `npm version`
+step. Pushing it triggers the workflow without touching npm.
+
+---
+
+## The chain
+
+The lifecycle hooks all live in `package.json` and delegate to
+`npx quack release …`. Default path (`BUILD_DOCKER` unset):
+
+```
+npm publish
+  → prepublishOnly: npm test                     ← test gate
+  → publish to npm
+  → postpublish: BUILD_DOCKER unset → no-op      ← image NOT triggered
+```
+
+Docker-included path (`BUILD_DOCKER=1`):
+
+```
+BUILD_DOCKER=1 npm publish    (or: npm run publish:docker)
+  → prepublishOnly: npm test
+  → publish to npm
+  → postpublish: BUILD_DOCKER=1 → tag + push     ← image trigger
+  → .github/workflows/publish-image.yml fires
+  → docker buildx build linux/amd64,linux/arm64
+  → docker push ghcr.io/stevenvelozo/retold-facto:<version>
+```
+
+---
+
+## Verifying a release
+
+1. **npm**: `npm view retold-facto version`
+2. **Workflow**: `https://github.com/stevenvelozo/retold-facto/actions`
+3. **Image**: `docker pull ghcr.io/stevenvelozo/retold-facto:latest`
+
+If the first `docker pull` returns `denied`, the package is private by
+default — flip visibility to public via Package Settings → Danger Zone
+on the package page.
+
+---
+
+## Image consumption
+
+```bash
+docker pull ghcr.io/stevenvelozo/retold-facto:latest
+docker run --rm ghcr.io/stevenvelozo/retold-facto:latest
+```
+
+Configuration via env vars: see this module's README for the supported
+`<MODULE>_*` variables. Any secret-bearing var also accepts `<NAME>_FILE`
+pointing at a file whose contents become the value (mysql/postgres
+convention; works with docker secrets and k8s Secrets).

package/Dockerfile

@@ -1,8 +1,11 @@
 # Stage 1: Build
-FROM node:20-slim AS builder
+FROM node:22-slim AS builder
 WORKDIR /app
 COPY package*.json ./
-RUN npm ci
+# `npm install`, not `npm ci` — package-lock.json is gitignored per
+# the Quackage convention shared across the retold ecosystem, so the
+# build context never has it. See BUILDING-AND-PUBLISHING.md.
+RUN npm install
 COPY .quackage.json ./
 COPY source/ source/
 COPY bin/ bin/
@@ -13,10 +16,10 @@ RUN npx quack build
 RUN cp node_modules/pict/dist/pict.min.js source/services/web-app/web/pict.min.js 2>/dev/null || true
 
 # Stage 2: Runtime
-FROM node:20-slim
+FROM node:22-slim
 WORKDIR /app
 COPY package*.json ./
-RUN npm ci --omit=dev
+RUN npm install --omit=dev
 COPY --from=builder /app/source/ source/
 COPY --from=builder /app/bin/ bin/
 COPY --from=builder /app/test/model/ test/model/

package/docs/_brand.json

@@ -0,0 +1,18 @@
+{
+	"Hash": "retold-facto",
+	"Name": "Retold Facto",
+	"Tagline": "Data warehouse and knowledge graph storage for the Retold ecosystem.",
+	"Palette": "mix",
+	"Icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 96 96\" width=\"96\" height=\"96\">\n\t\t<defs>\n\t\t\t<clipPath id=\"frame-retold-facto-filled-light\">\n\t\t\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\"/>\n\t\t\t</clipPath>\n\t\t</defs>\n\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\" fill=\"#2e8ab5\"/>\n\t\t<g clip-path=\"url(#frame-retold-facto-filled-light)\"><rect x=\"26\" y=\"14\" width=\"18\" height=\"68\" rx=\"4\" fill=\"rgba(255,255,255,0.18)\"/><rect x=\"52\" y=\"14\" width=\"18\" height=\"68\" rx=\"4\" fill=\"#da9859\"/></g>\n\t\t<text x=\"48\" y=\"50\" text-anchor=\"middle\" dominant-baseline=\"central\"\n\t\t\tfont-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"\n\t\t\tfont-size=\"38\" font-weight=\"700\"\n\t\t\tfill=\"#ffffff\" letter-spacing=\"-1\">RF</text>\n\t</svg>",
+	"IconType": "svg",
+	"Favicon": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 96 96\" width=\"96\" height=\"96\">\n\t\t<defs>\n\t\t\t<clipPath id=\"fav-retold-facto-light\">\n\t\t\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\"/>\n\t\t\t</clipPath>\n\t\t</defs>\n\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\" fill=\"#2e8ab5\"/>\n\t\t<g clip-path=\"url(#fav-retold-facto-light)\"><rect x=\"20\" y=\"14\" width=\"56\" height=\"68\" rx=\"4\" fill=\"rgba(255,255,255,0.22)\"/></g>\n\t\t<text x=\"48\" y=\"50\" text-anchor=\"middle\" dominant-baseline=\"central\"\n\t\t\tfont-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"\n\t\t\tfont-size=\"60\" font-weight=\"800\"\n\t\t\tfill=\"#ffffff\" letter-spacing=\"-1\">R</text>\n\t</svg>",
+	"FaviconDark": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 96 96\" width=\"96\" height=\"96\">\n\t\t<defs>\n\t\t\t<clipPath id=\"fav-retold-facto-dark\">\n\t\t\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\"/>\n\t\t\t</clipPath>\n\t\t</defs>\n\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\" fill=\"#6cb2d3\"/>\n\t\t<g clip-path=\"url(#fav-retold-facto-dark)\"><rect x=\"20\" y=\"14\" width=\"56\" height=\"68\" rx=\"4\" fill=\"rgba(255,255,255,0.22)\"/></g>\n\t\t<text x=\"48\" y=\"50\" text-anchor=\"middle\" dominant-baseline=\"central\"\n\t\t\tfont-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"\n\t\t\tfont-size=\"60\" font-weight=\"800\"\n\t\t\tfill=\"#101418\" letter-spacing=\"-1\">R</text>\n\t</svg>",
+	"Colors": {
+		"Primary": "#2e8ab5",
+		"Secondary": "#da9859",
+		"PrimaryLight": "#2e8ab5",
+		"PrimaryDark": "#6cb2d3",
+		"SecondaryLight": "#da9859",
+		"SecondaryDark": "#e7c7a7"
+	}
+}

package/docs/index.html

@@ -8,8 +8,6 @@
 
 		<title>Retold Facto v0.1.0 Documentation</title>
 
-		<!-- Application Stylesheet -->
-		<link href="css/docuserve.css" rel="stylesheet">
 		<!-- KaTeX stylesheet for LaTeX equation rendering -->
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.css">
 		<!-- PICT Dynamic View CSS Container -->

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "retold-facto",
-	"version": "0.2.0",
+	"version": "1.0.1",
 	"description": "Data warehouse and knowledge graph storage for the Retold ecosystem.",
 	"main": "source/Retold-Facto.js",
 	"bin": {
@@ -11,14 +11,29 @@
 		"coverage": "npx quack coverage",
 		"test": "npx quack test",
 		"test-browser": "npx mocha test/Facto_Browser_Integration_tests.js -u tdd --exit --timeout 120000",
+		"brand": "node node_modules/pict-section-theme/bin/pict-section-theme-brand.js --manifest ../../../Retold-Modules-Manifest.json --module retold-facto --favicons source/services/web-app/web/favicons",
+		"prebuild": "npm run brand",
 		"build": "npx quack build",
 		"build-codemirror": "npx esbuild source/services/web-app/codemirror-entry.js --bundle --outfile=source/services/web-app/web/codemirror-bundle.js --format=iife --global-name=CodeMirrorModules --platform=browser --target=es2018",
 		"build-test-model": "cd test && npx stricture -i model/ddl/Facto.ddl",
 		"docker-build": "docker build -t retold-facto .",
-		"docker-run": "docker run -p 8386:8386 retold-facto"
+		"docker-run": "docker run -p 8386:8386 retold-facto",
+		"prepublishOnly": "npm test",
+		"postversion": "npx quack release postversion",
+		"postpublish": "npx quack release postpublish",
+		"publish:docker": "npx quack release publish --image",
+		"release:patch": "npx quack release patch",
+		"release:minor": "npx quack release minor",
+		"release:major": "npx quack release major",
+		"release:patch:image": "npx quack release patch --image",
+		"release:minor:image": "npx quack release minor --image",
+		"release:major:image": "npx quack release major --image"
 	},
 	"mocha": {
-		"spec": "test/RetoldFacto_tests.js",
+		"spec": [
+			"test/RetoldFacto_tests.js",
+			"test/Facto_Smoke_tests.js"
+		],
 		"diff": true,
 		"extension": [
 			"js"
@@ -93,40 +108,65 @@
 	},
 	"homepage": "https://github.com/stevenvelozo/retold-facto",
 	"devDependencies": {
-		"chai": "^6.2.2",
-		"pict-docuserve": "^0.1.5",
+		"chai": "^4.5.0",
+		"jsdom": "^25.0.1",
+		"mocha": "^11.0.1",
+		"pict-docuserve": "^1.3.2",
 		"puppeteer": "^24.40.0",
-		"quackage": "^1.1.3",
-		"stricture": "^4.0.2",
+		"quackage": "^1.2.3",
+		"retold-sharp": "^1.0.0",
+		"stricture": "^4.0.3",
 		"supertest": "^7.2.2"
 	},
 	"dependencies": {
 		"@codemirror/lang-markdown": "^6.5.0",
 		"@codemirror/state": "^6.6.0",
-		"meadow-connection-sqlite": "^1.0.19",
 		"@codemirror/view": "^6.41.0",
-		"bibliograph": "^0.1.6",
+		"bibliograph": "^1.0.0",
 		"codemirror": "^6.0.2",
-		"fable": "^3.1.71",
+		"fable": "^3.1.73",
 		"fable-serviceproviderbase": "^3.0.19",
 		"fast-xml-parser": "^5.5.10",
-		"meadow": "^2.0.37",
-		"meadow-connection-manager": "^1.1.0",
-		"meadow-connection-mysql": "^1.0.18",
-		"meadow-endpoints": "^4.0.17",
-		"meadow-integration": "^1.0.38",
-		"orator": "^6.1.0",
-		"orator-serviceserver-restify": "^2.0.10",
-		"orator-static-server": "^2.1.3",
-		"pict": "^1.0.365",
-		"pict-router": "^1.0.9",
-		"pict-section-connection-form": "^0.0.1",
-		"pict-section-flow": "^0.0.17",
-		"pict-section-histogram": "^1.0.0",
-		"pict-section-markdowneditor": "^1.0.10",
-		"pict-section-modal": "^0.0.5",
-		"pict-section-objecteditor": "^1.0.1",
-		"stricture": "^4.0.2",
+		"meadow": "^2.0.39",
+		"meadow-connection-manager": "^1.1.2",
+		"meadow-connection-mysql": "^1.0.19",
+		"meadow-connection-sqlite": "^1.0.20",
+		"meadow-endpoints": "^4.0.21",
+		"meadow-integration": "^1.0.40",
+		"orator": "^6.1.2",
+		"orator-serviceserver-restify": "^2.0.11",
+		"orator-static-server": "^2.1.4",
+		"pict": "^1.0.369",
+		"pict-provider-theme": "^1.0.1",
+		"pict-router": "^1.0.10",
+		"pict-section-connection-form": "^1.0.0",
+		"pict-section-flow": "^1.0.1",
+		"pict-section-histogram": "^1.0.1",
+		"pict-section-markdowneditor": "^1.0.15",
+		"pict-section-modal": "^1.1.1",
+		"pict-section-objecteditor": "^1.0.3",
+		"pict-section-theme": "^1.0.5",
+		"stricture": "^4.0.3",
 		"xlsx": "^0.18.5"
+	},
+	"retold": {
+		"brand": {
+			"Hash": "retold-facto",
+			"Name": "Retold Facto",
+			"Tagline": "Data warehouse and knowledge graph storage",
+			"Palette": "forest",
+			"Icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 96 96\" width=\"96\" height=\"96\">\n\t\t<defs>\n\t\t\t<clipPath id=\"frame-retold-facto-filled-light\">\n\t\t\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\"/>\n\t\t\t</clipPath>\n\t\t</defs>\n\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\" fill=\"#419638\"/>\n\t\t<g clip-path=\"url(#frame-retold-facto-filled-light)\"><rect x=\"26\" y=\"14\" width=\"18\" height=\"68\" rx=\"4\" fill=\"rgba(255,255,255,0.18)\"/><rect x=\"52\" y=\"14\" width=\"18\" height=\"68\" rx=\"4\" fill=\"#c8bd52\"/></g>\n\t\t<text x=\"48\" y=\"50\" text-anchor=\"middle\" dominant-baseline=\"central\"\n\t\t\tfont-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"\n\t\t\tfont-size=\"38\" font-weight=\"700\"\n\t\t\tfill=\"#ffffff\" letter-spacing=\"-1\">RF</text>\n\t</svg>",
+			"IconType": "svg",
+			"Favicon": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 96 96\" width=\"96\" height=\"96\">\n\t\t<defs>\n\t\t\t<clipPath id=\"fav-retold-facto-light\">\n\t\t\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\"/>\n\t\t\t</clipPath>\n\t\t</defs>\n\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\" fill=\"#419638\"/>\n\t\t<g clip-path=\"url(#fav-retold-facto-light)\"><rect x=\"20\" y=\"14\" width=\"56\" height=\"68\" rx=\"4\" fill=\"rgba(255,255,255,0.22)\"/></g>\n\t\t<text x=\"48\" y=\"50\" text-anchor=\"middle\" dominant-baseline=\"central\"\n\t\t\tfont-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"\n\t\t\tfont-size=\"60\" font-weight=\"800\"\n\t\t\tfill=\"#ffffff\" letter-spacing=\"-1\">R</text>\n\t</svg>",
+			"FaviconDark": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 96 96\" width=\"96\" height=\"96\">\n\t\t<defs>\n\t\t\t<clipPath id=\"fav-retold-facto-dark\">\n\t\t\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\"/>\n\t\t\t</clipPath>\n\t\t</defs>\n\t\t<path d=\"M 24 2\n\t\tH 72\n\t\tQ 94 2 94 24\n\t\tV 72\n\t\tQ 94 94 72 94\n\t\tH 24\n\t\tQ 2 94 2 72\n\t\tV 24\n\t\tQ 2 2 24 2 Z\" fill=\"#73bf6b\"/>\n\t\t<g clip-path=\"url(#fav-retold-facto-dark)\"><rect x=\"20\" y=\"14\" width=\"56\" height=\"68\" rx=\"4\" fill=\"rgba(255,255,255,0.22)\"/></g>\n\t\t<text x=\"48\" y=\"50\" text-anchor=\"middle\" dominant-baseline=\"central\"\n\t\t\tfont-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"\n\t\t\tfont-size=\"60\" font-weight=\"800\"\n\t\t\tfill=\"#101418\" letter-spacing=\"-1\">R</text>\n\t</svg>",
+			"Colors": {
+				"Primary": "#419638",
+				"Secondary": "#c8bd52",
+				"PrimaryLight": "#419638",
+				"PrimaryDark": "#73bf6b",
+				"SecondaryLight": "#c8bd52",
+				"SecondaryDark": "#dad49c"
+			}
+		}
 	}
 }

package/source/services/web-app/Facto-Brand.js

@@ -0,0 +1,18 @@
+'use strict';
+
+// Brand wrapper — deterministic brand block emitted by `npm run brand`
+// (which calls pict-section-theme-brand with the Branding entry from
+// Retold-Modules-Manifest.json). Passed to Theme-Section as the `Brand`
+// option so the BrandMark wordmark + --brand-color-* variables are
+// wired into every themed surface.
+
+// services/web-app/Facto-Brand.js  →  three levels up to the package.json
+const tmpPackage = require('../../../package.json');
+
+if (!tmpPackage.retold || !tmpPackage.retold.brand)
+{
+	throw new Error('retold-facto: package.json is missing retold.brand — '
+		+ 'run `npm run brand` (which calls pict-section-theme-brand) before building');
+}
+
+module.exports = tmpPackage.retold.brand;

package/source/services/web-app/pict-app/views/PictView-Facto-Catalog.js

@@ -29,7 +29,7 @@ class FactoCatalogView extends libPictView
 		let tmpEntries = this.pict.AppData.Facto.CatalogEntries;
 		if (!tmpEntries || tmpEntries.length === 0)
 		{
-			tmpContainer.innerHTML = '<p style="color:#888; font-style:italic;">No catalog entries yet. Add sources to your research catalog.</p>';
+			tmpContainer.innerHTML = '<p style="color:var(--theme-color-text-muted, #888); font-style:italic;">No catalog entries yet. Add sources to your research catalog.</p>';
 			return;
 		}
 
@@ -37,7 +37,7 @@ class FactoCatalogView extends libPictView
 		for (let i = 0; i < tmpEntries.length; i++)
 		{
 			let tmpEntry = tmpEntries[i];
-			let tmpVerified = tmpEntry.Verified ? '<span style="color:#28a745;">&#10003;</span>' : '<span style="color:#ccc;">&#10007;</span>';
+			let tmpVerified = tmpEntry.Verified ? '<span style="color:var(--theme-color-status-success, #28a745);">&#10003;</span>' : '<span style="color:var(--theme-color-border-default, #ccc);">&#10007;</span>';
 			tmpHtml += '<tr>';
 			tmpHtml += '<td>' + (tmpEntry.IDSourceCatalogEntry || '') + '</td>';
 			tmpHtml += '<td>' + (tmpEntry.Agency || '') + '</td>';
@@ -171,11 +171,11 @@ class FactoCatalogView extends libPictView
 			(pResponse) =>
 			{
 				let tmpDatasets = (pResponse && pResponse.Datasets) ? pResponse.Datasets : [];
-				let tmpHtml = '<h3 style="margin-bottom:8px; font-size:1em; color:#444;">Dataset Definitions for Entry #' + pIDEntry + '</h3>';
+				let tmpHtml = '<h3 style="margin-bottom:8px; font-size:1em; color:var(--theme-color-text-secondary, #444);">Dataset Definitions for Entry #' + pIDEntry + '</h3>';
 
 				if (tmpDatasets.length === 0)
 				{
-					tmpHtml += '<p style="color:#888; font-style:italic; margin-bottom:8px;">No dataset definitions yet.</p>';
+					tmpHtml += '<p style="color:var(--theme-color-text-muted, #888); font-style:italic; margin-bottom:8px;">No dataset definitions yet.</p>';
 				}
 				else
 				{
@@ -184,8 +184,8 @@ class FactoCatalogView extends libPictView
 					{
 						let tmpDS = tmpDatasets[i];
 						let tmpStatusLabel = tmpDS.Provisioned
-							? '<span style="color:#28a745;">Provisioned (Source #' + tmpDS.IDSource + ', Dataset #' + tmpDS.IDDataset + ')</span>'
-							: '<span style="color:#888;">Not provisioned</span>';
+							? '<span style="color:var(--theme-color-status-success, #28a745);">Provisioned (Source #' + tmpDS.IDSource + ', Dataset #' + tmpDS.IDDataset + ')</span>'
+							: '<span style="color:var(--theme-color-text-muted, #888);">Not provisioned</span>';
 						let tmpActionBtn = '';
 						if (tmpDS.Provisioned)
 						{
@@ -209,7 +209,7 @@ class FactoCatalogView extends libPictView
 				}
 
 				// Add dataset definition form
-				tmpHtml += '<h4 style="margin-top:12px; margin-bottom:8px; font-size:0.95em; color:#555;">Add Dataset Definition</h4>';
+				tmpHtml += '<h4 style="margin-top:12px; margin-bottom:8px; font-size:0.95em; color:var(--theme-color-text-secondary, #555);">Add Dataset Definition</h4>';
 				tmpHtml += '<div class="inline-group">';
 				tmpHtml += '<div><label for="facto-catds-name">Name</label><input type="text" id="facto-catds-name" placeholder="e.g. Monthly Earthquake Feed"></div>';
 				tmpHtml += '<div><label for="facto-catds-format">Format</label>';
@@ -418,7 +418,7 @@ module.exports.default_configuration =
 			<span class="accordion-toggle">&#9660;</span>
 		</div>
 		<div class="accordion-body">
-			<p style="margin-bottom:12px; color:#666; font-size:0.9em;">Research and catalog potential data sources before provisioning them as runtime Sources and Datasets.</p>
+			<p style="margin-bottom:12px; color:var(--theme-color-text-secondary, #666); font-size:0.9em;">Research and catalog potential data sources before provisioning them as runtime Sources and Datasets.</p>
 
 			<!-- Search -->
 			<div class="inline-group" style="margin-bottom:12px;">
@@ -437,7 +437,7 @@ module.exports.default_configuration =
 			<div id="facto-catalog-detail" style="margin-top:12px;"></div>
 
 			<!-- Add entry form -->
-			<h3 style="margin-top:16px; margin-bottom:8px; font-size:1em; color:#444;">Add Catalog Entry</h3>
+			<h3 style="margin-top:16px; margin-bottom:8px; font-size:1em; color:var(--theme-color-text-secondary, #444);">Add Catalog Entry</h3>
 			<div class="inline-group">
 				<div>
 					<label for="facto-catalog-agency">Agency / Organization</label>
@@ -504,8 +504,8 @@ module.exports.default_configuration =
 			<button class="primary" onclick="pict.views['Facto-Catalog'].addEntry()">Add Catalog Entry</button>
 
 			<!-- Import / Export -->
-			<h3 style="margin-top:16px; margin-bottom:8px; font-size:1em; color:#444;">Import / Export</h3>
-			<textarea id="facto-catalog-import-json" rows="4" style="width:100%; font-family:monospace; font-size:0.85em; padding:8px; border:1px solid #ccc; border-radius:4px; margin-bottom:8px;" placeholder="Paste JSON array of catalog entries here..."></textarea>
+			<h3 style="margin-top:16px; margin-bottom:8px; font-size:1em; color:var(--theme-color-text-secondary, #444);">Import / Export</h3>
+			<textarea id="facto-catalog-import-json" rows="4" style="width:100%; font-family:monospace; font-size:0.85em; padding:8px; border:1px solid var(--theme-color-border-default, #ccc); border-radius:4px; margin-bottom:8px;" placeholder="Paste JSON array of catalog entries here..."></textarea>
 			<button class="primary" onclick="pict.views['Facto-Catalog'].importCatalog()">Import JSON</button>
 			<button class="secondary" onclick="pict.views['Facto-Catalog'].exportCatalog()">Export Catalog</button>
 

package/source/services/web-app/pict-app/views/PictView-Facto-Datasets.js

@@ -28,7 +28,7 @@ class FactoDatasetsView extends libPictView
 		let tmpDatasets = this.pict.AppData.Facto.Datasets;
 		if (!tmpDatasets || tmpDatasets.length === 0)
 		{
-			tmpContainer.innerHTML = '<p style="color:#888; font-style:italic;">No datasets created yet.</p>';
+			tmpContainer.innerHTML = '<p style="color:var(--theme-color-text-muted, #888); font-style:italic;">No datasets created yet.</p>';
 			return;
 		}
 
@@ -131,10 +131,10 @@ module.exports.default_configuration =
 			<span class="accordion-toggle">&#9660;</span>
 		</div>
 		<div class="accordion-body">
-			<p style="margin-bottom:12px; color:#666; font-size:0.9em;">Datasets are named collections of records. Types: Raw (ingested), Compositional (merged), Projection (flattened), Derived (computed).</p>
+			<p style="margin-bottom:12px; color:var(--theme-color-text-secondary, #666); font-size:0.9em;">Datasets are named collections of records. Types: Raw (ingested), Compositional (merged), Projection (flattened), Derived (computed).</p>
 			<div id="facto-datasets-list"></div>
 
-			<h3 style="margin-top:16px; margin-bottom:8px; font-size:1em; color:#444;">Create Dataset</h3>
+			<h3 style="margin-top:16px; margin-bottom:8px; font-size:1em; color:var(--theme-color-text-secondary, #444);">Create Dataset</h3>
 			<div class="inline-group">
 				<div>
 					<label for="facto-dataset-name">Name</label>

package/source/services/web-app/pict-app/views/PictView-Facto-Ingest.js

@@ -28,7 +28,7 @@ class FactoIngestView extends libPictView
 		let tmpJobs = this.pict.AppData.Facto.IngestJobs;
 		if (!tmpJobs || tmpJobs.length === 0)
 		{
-			tmpContainer.innerHTML = '<p style="color:#888; font-style:italic;">No ingest jobs yet.</p>';
+			tmpContainer.innerHTML = '<p style="color:var(--theme-color-text-muted, #888); font-style:italic;">No ingest jobs yet.</p>';
 			return;
 		}
 
@@ -197,10 +197,10 @@ module.exports.default_configuration =
 			<span class="accordion-toggle">&#9660;</span>
 		</div>
 		<div class="accordion-body">
-			<p style="margin-bottom:12px; color:#666; font-size:0.9em;">Track data ingest operations from configured sources into datasets.</p>
+			<p style="margin-bottom:12px; color:var(--theme-color-text-secondary, #666); font-size:0.9em;">Track data ingest operations from configured sources into datasets.</p>
 			<div id="facto-ingest-list"></div>
 
-			<h3 style="margin-top:16px; margin-bottom:8px; font-size:1em; color:#444;">Create Ingest Job</h3>
+			<h3 style="margin-top:16px; margin-bottom:8px; font-size:1em; color:var(--theme-color-text-secondary, #444);">Create Ingest Job</h3>
 			<div class="inline-group">
 				<div>
 					<label for="facto-ingest-source">Source ID</label>
@@ -215,8 +215,8 @@ module.exports.default_configuration =
 
 			<pre id="facto-ingest-log" style="display:none; margin-top:12px; padding:12px; background:#f8f9fa; border:1px solid #e9ecef; border-radius:4px; font-size:0.85em; max-height:200px; overflow:auto; white-space:pre-wrap;"></pre>
 
-			<h3 style="margin-top:20px; margin-bottom:8px; font-size:1em; color:#444;">Paste &amp; Ingest</h3>
-			<p style="margin-bottom:8px; color:#666; font-size:0.85em;">Paste CSV or JSON content directly to ingest records.</p>
+			<h3 style="margin-top:20px; margin-bottom:8px; font-size:1em; color:var(--theme-color-text-secondary, #444);">Paste &amp; Ingest</h3>
+			<p style="margin-bottom:8px; color:var(--theme-color-text-secondary, #666); font-size:0.85em;">Paste CSV or JSON content directly to ingest records.</p>
 			<div class="inline-group">
 				<div>
 					<label for="facto-ingest-paste-dataset">Dataset ID</label>
@@ -239,7 +239,7 @@ module.exports.default_configuration =
 					<input type="text" id="facto-ingest-paste-type" placeholder="data">
 				</div>
 			</div>
-			<textarea id="facto-ingest-paste-content" rows="6" style="width:100%; padding:8px 12px; border:1px solid #ccc; border-radius:4px; font-size:0.9em; font-family:monospace; margin-bottom:10px;" placeholder="Paste CSV or JSON data here..."></textarea>
+			<textarea id="facto-ingest-paste-content" rows="6" style="width:100%; padding:8px 12px; border:1px solid var(--theme-color-border-default, #ccc); border-radius:4px; font-size:0.9em; font-family:monospace; margin-bottom:10px;" placeholder="Paste CSV or JSON data here..."></textarea>
 			<button class="primary" onclick="pict.views['Facto-Ingest'].ingestPastedContent()">Ingest</button>
 
 		</div>