@conduction/docusaurus-preset 3.34.0 → 3.36.0

package/src/components/WidgetMock/__tests__/WidgetMock.render.test.js

@@ -0,0 +1,125 @@
+/**
+ * WidgetMock.render.test.js — renders the real <WidgetMock> JSX to
+ * static markup (the SSR path Docusaurus takes at build time) and
+ * asserts on the output: every kind renders, the wave-5 `running`
+ * plumbing puts `.static` on the frame, the ten list-shaped variants
+ * carry the shared list-refresh scope (`.wmLive`) + unread badge,
+ * the non-list variants opt out, and the anonymise dropzone exposes
+ * its marching-ants + file-drop hooks.
+ *
+ * Uses the same esbuild-bundle-then-renderToStaticMarkup technique
+ * as AppMock.render.test.js. CSS modules are stubbed with an identity
+ * proxy (styles.foo → 'foo').
+ */
+
+'use strict';
+
+const test = require('node:test');
+const {before, after} = test;
+const assert = require('node:assert/strict');
+const path = require('node:path');
+const fs = require('node:fs/promises');
+const {build} = require('esbuild');
+const React = require('react');
+const {renderToStaticMarkup} = require('react-dom/server');
+
+const COMPONENT = path.resolve(__dirname, '..', 'WidgetMock.jsx');
+const PRESET_ROOT = path.resolve(__dirname, '..', '..', '..', '..');
+const SCRATCH = path.join(PRESET_ROOT, '.tmp-widget-mock-test');
+
+/* Must stay in sync with the VARIANTS map in WidgetMock.jsx. */
+const LIST_KINDS = [
+  'docudesk-pending-sign', 'procest-werkvoorraad', 'procest-due-today',
+  'opencatalogi-publications', 'openconnector-runs', 'decidesk-actions',
+  'pipelinq-deals', 'nextcloud-mail', 'nextcloud-files', 'nextcloud-rss',
+];
+const NON_LIST_KINDS = [
+  'docudesk-anonymise', 'openregister-activity', 'nextcloud-calendar',
+  'nextcloud-decks',
+];
+const KINDS = [...LIST_KINDS, ...NON_LIST_KINDS];
+
+const cssModuleStub = {
+  name: 'css-module-stub',
+  setup(b) {
+    b.onResolve({filter: /\.module\.css$/}, (args) => ({path: args.path, namespace: 'css-stub'}));
+    b.onLoad({filter: /.*/, namespace: 'css-stub'}, () => ({
+      contents: 'export default new Proxy({}, {get: (_, p) => p});',
+      loader: 'js',
+    }));
+  },
+};
+
+let WidgetMock;
+
+before(async () => {
+  await fs.mkdir(SCRATCH, {recursive: true});
+  const tmpDir = await fs.mkdtemp(path.join(SCRATCH, 'run-'));
+  const outFile = path.join(tmpDir, 'bundle.cjs');
+  await build({
+    entryPoints: [COMPONENT],
+    outfile: outFile,
+    bundle: true,
+    format: 'cjs',
+    jsx: 'automatic',
+    jsxImportSource: 'react',
+    tsconfigRaw: {compilerOptions: {jsx: 'react-jsx', jsxImportSource: 'react'}},
+    platform: 'node',
+    external: ['react'],
+    plugins: [cssModuleStub],
+    logLevel: 'warning',
+  });
+  delete require.cache[require.resolve(outFile)];
+  WidgetMock = require(outFile).default;
+});
+
+after(async () => {
+  await fs.rm(SCRATCH, {recursive: true, force: true});
+});
+
+function render(props) {
+  return renderToStaticMarkup(React.createElement(WidgetMock, props));
+}
+
+test('SSR smoke: every kind renders a frame, none falls through to Unknown widget', () => {
+  for (const kind of KINDS) {
+    const html = render({kind});
+    assert.match(html, /wmFrame/, `${kind}: frame missing`);
+    assert.doesNotMatch(html, /Unknown widget/, `${kind}: fell through to the unknown branch`);
+  }
+});
+
+test('running={false} adds the static class to the frame; default omits it', () => {
+  for (const kind of KINDS) {
+    assert.match(render({kind, running: false}), /wmFrame[^"]*static/, `${kind}: no static frame`);
+    assert.doesNotMatch(render({kind}), /\bstatic\b/, `${kind}: static leaked into a running frame`);
+  }
+});
+
+test('the ten list variants carry the wmLive refresh scope and the unread badge', () => {
+  for (const kind of LIST_KINDS) {
+    const html = render({kind});
+    assert.match(html, /wmFrame[^"]*wmLive/, `${kind}: missing wmLive scope`);
+    assert.match(html, /class="wmBadge"/, `${kind}: missing unread badge`);
+    assert.match(html, /class="list"/, `${kind}: wmLive on a variant without a .list`);
+  }
+});
+
+test('non-list variants opt out of the refresh primitive', () => {
+  for (const kind of NON_LIST_KINDS) {
+    const html = render({kind});
+    assert.doesNotMatch(html, /wmLive/, `${kind}: wmLive on a non-list variant`);
+    assert.doesNotMatch(html, /wmBadge/, `${kind}: badge on a non-list variant`);
+  }
+});
+
+test('docudesk-anonymise: the dropzone carries the zoneLive scope and the dropping file hex', () => {
+  const html = render({kind: 'docudesk-anonymise'});
+  assert.match(html, /w w-upload zoneLive/);
+  assert.match(html, /class="zoneFile"/);
+  assert.match(html, /class="zone"/);
+});
+
+test('caption renders the variant label', () => {
+  assert.match(render({kind: 'procest-werkvoorraad', caption: true}), /Dossiq · Werkvoorraad/);
+});

package/src/components/WidgetMock/variants/DeciDeskActions.jsx

@@ -1,5 +1,5 @@
 /**
- * DeciDesk · Action items widget.
+ * Decidiq · Action items widget.
  *
  * Action items assigned to the viewer, sorted by due date. .w-jira
  * atom: id slot is the source decision, pip slot is status (orange =

package/src/components/WidgetMock/variants/DocuDeskAnonymise.jsx

@@ -1,21 +1,26 @@
 /**
- * DocuDesk · Anonymise drop widget.
+ * Filinq · Anonymise drop widget.
  *
  * Drop a document into the dashboard tile, get back a redacted copy.
  * Visual: dashed cobalt drop-zone with a hex glyph. Status-pill is
  * absent: this widget is action-first, not status-first.
+ *
+ * Animation (wave 5, `.zoneLive`): the dashed border marches, a file
+ * hex drops into the zone, and the zone flashes mint as the redacted
+ * copy is confirmed. Static frames show the resting dropzone.
  */
 import React from 'react';
 import styles from '../../AppMock/AppMock.module.css';
 
 export default function DocuDeskAnonymise() {
   return (
-    <div className={[styles.w, styles['w-upload']].join(' ')}>
+    <div className={[styles.w, styles['w-upload'], styles.zoneLive].join(' ')}>
       <div className={styles.wHead}>
         <div className={styles.h}></div>
         <div className={styles.t}></div>
       </div>
       <div className={styles.zone}>
+        <div className={styles.zoneFile}></div>
         <div className={styles.ico}></div>
         <div className={styles.label}></div>
       </div>

package/src/components/WidgetMock/variants/DocuDeskPendingSign.jsx

@@ -1,5 +1,5 @@
 /**
- * DocuDesk · Pending signatures widget.
+ * Filinq · Pending signatures widget.
  *
  * Documents waiting on someone's signature, ranked by oldest. Reuses
  * the .w-jira atom (id + title + status pip): id slot reads as a

package/src/components/WidgetMock/variants/OpenConnectorRuns.jsx

@@ -1,5 +1,5 @@
 /**
- * OpenConnector · Recent runs widget.
+ * Integriq · Recent runs widget.
  *
  * Last few integration runs with status pip (mint = success, orange =
  * partial, red = failed, cobalt-200 = scheduled). Reuses .w-jira.

package/src/components/WidgetMock/variants/ProcestDueToday.jsx

@@ -1,5 +1,5 @@
 /**
- * Procest · Due today widget.
+ * Dossiq · Due today widget.
  *
  * Cases whose deadline lands today or earlier. Reuses .w-werkvoorraad
  * but with more late items in red and one orange-active to read as

package/src/components/WidgetMock/variants/ProcestWerkvoorraad.jsx

@@ -1,5 +1,5 @@
 /**
- * Procest · Werkvoorraad widget.
+ * Dossiq · Werkvoorraad widget.
  *
  * The case worker's queue, with stage pip on the left, case title in
  * the middle, owner avatar on the right. .now = active stage in

package/src/components/WidgetShelf/WidgetShelf.jsx

@@ -16,7 +16,7 @@
  *   <WidgetShelf
  *     eyebrow="Widgets we ship"
  *     title="On every Nextcloud dashboard."
- *     lede="Install Procest and your team gets these widgets..."
+ *     lede="Install Dossiq and your team gets these widgets..."
  *     widgets={[
  *       {
  *         title: 'Werkvoorraad',

package/src/data/apps-registry.js

@@ -29,26 +29,26 @@
 export const APPS_REGISTRY = {
   opencatalogi:    {slug: 'opencatalogi',    name: 'OpenCatalogi',     category: 'Data',        productHref: '/apps/opencatalogi',    docsHref: 'https://opencatalogi.conduction.nl',    academyHref: '/academy?app=opencatalogi'},
   openregister:    {slug: 'openregister',    name: 'OpenRegister',     category: 'Data',        productHref: '/apps/openregister',    docsHref: 'https://openregister.conduction.nl',    academyHref: '/academy?app=openregister'},
-  openconnector:   {slug: 'openconnector',   name: 'OpenConnector',    category: 'Connectors',  productHref: '/apps/openconnector',   docsHref: 'https://openconnector.conduction.nl',   academyHref: '/academy?app=openconnector'},
-  docudesk:        {slug: 'docudesk',        name: 'DocuDesk',         category: 'Documents',   productHref: '/apps/docudesk',        docsHref: 'https://docudesk.conduction.nl',        academyHref: '/academy?app=docudesk'},
+  openconnector:   {slug: 'openconnector',   name: 'Integriq',         category: 'Connectors',  productHref: '/apps/openconnector',   docsHref: 'https://openconnector.conduction.nl',   academyHref: '/academy?app=openconnector'},
+  docudesk:        {slug: 'docudesk',        name: 'Filinq',           category: 'Documents',   productHref: '/apps/docudesk',        docsHref: 'https://docudesk.conduction.nl',        academyHref: '/academy?app=docudesk'},
   launchpad:       {slug: 'launchpad',       name: 'LaunchPad',        category: 'Dashboards',  productHref: '/apps/launchpad',       docsHref: 'https://launchpad.conduction.nl',       academyHref: '/academy?app=launchpad'},
   zaakafhandelapp: {slug: 'zaakafhandelapp', name: 'ZaakAfhandelApp',  category: 'Processes',   productHref: '/apps/zaakafhandelapp', docsHref: 'https://zaakafhandelapp.conduction.nl', academyHref: '/academy?app=zaakafhandelapp'},
   pipelinq:        {slug: 'pipelinq',        name: 'PipelinQ',         category: 'Processes',   productHref: '/apps/pipelinq',        docsHref: 'https://pipelinq.conduction.nl',        academyHref: '/academy?app=pipelinq'},
-  procest:         {slug: 'procest',         name: 'Procest',          category: 'Processes',   productHref: '/apps/procest',         docsHref: 'https://procest.conduction.nl',         academyHref: '/academy?app=procest'},
-  decidesk:        {slug: 'decidesk',        name: 'DeciDesk',         category: 'Processes',   productHref: '/apps/decidesk',        docsHref: 'https://decidesk.conduction.nl',        academyHref: '/academy?app=decidesk'},
-  softwarecatalog: {slug: 'softwarecatalog', name: 'SoftwareCatalog',  category: 'Data',        productHref: '/apps/softwarecatalog', docsHref: 'https://softwarecatalog.conduction.nl', academyHref: '/academy?app=softwarecatalog'},
-  larpingapp:      {slug: 'larpingapp',      name: 'LarpingApp',       category: 'Processes',   productHref: '/apps/larpingapp',      docsHref: 'https://larpingapp.conduction.nl',      academyHref: '/academy?app=larpingapp'},
-  nldesign:        {slug: 'nldesign',        name: 'NLDesign',         category: 'Documents',   productHref: '/apps/nldesign',        docsHref: 'https://nldesign.conduction.nl',        academyHref: '/academy?app=nldesign'},
+  procest:         {slug: 'procest',         name: 'Dossiq',           category: 'Processes',   productHref: '/apps/procest',         docsHref: 'https://procest.conduction.nl',         academyHref: '/academy?app=procest'},
+  decidesk:        {slug: 'decidesk',        name: 'Decidiq',          category: 'Processes',   productHref: '/apps/decidesk',        docsHref: 'https://decidesk.conduction.nl',        academyHref: '/academy?app=decidesk'},
+  softwarecatalog: {slug: 'softwarecatalog', name: 'Stackiq',          category: 'Data',        productHref: '/apps/softwarecatalog', docsHref: 'https://softwarecatalog.conduction.nl', academyHref: '/academy?app=softwarecatalog'},
+  larpingapp:      {slug: 'larpingapp',      name: 'Larpinq',          category: 'Processes',   productHref: '/apps/larpingapp',      docsHref: 'https://larpingapp.conduction.nl',      academyHref: '/academy?app=larpingapp'},
+  nldesign:        {slug: 'nldesign',        name: 'Thematiq',         category: 'Documents',   productHref: '/apps/nldesign',        docsHref: 'https://nldesign.conduction.nl',        academyHref: '/academy?app=nldesign'},
   shillinq:        {slug: 'shillinq',        name: 'Shillinq',         category: 'Processes',   productHref: '/apps/shillinq',        docsHref: 'https://shillinq.conduction.nl',        academyHref: '/academy?app=shillinq'},
-  openbuild:       {slug: 'openbuild',       name: 'OpenBuild',        category: 'Processes',   productHref: '/apps/openbuild',       docsHref: 'https://openbuild.conduction.nl',       academyHref: '/academy?app=openbuild'},
-  doriath:         {slug: 'doriath',         name: 'Doriath',          category: 'Connectors',  productHref: '/apps/doriath',         docsHref: 'https://doriath.conduction.nl',         academyHref: '/academy?app=doriath'},
-  'app-versions':  {slug: 'app-versions',    name: 'App Versions',     category: 'Data',        productHref: '/apps/app-versions',    docsHref: 'https://app-versions.conduction.nl',    academyHref: '/academy?app=app-versions'},
+  openbuild:       {slug: 'openbuild',       name: 'Buildiq',          category: 'Processes',   productHref: '/apps/openbuild',       docsHref: 'https://openbuild.conduction.nl',       academyHref: '/academy?app=openbuild'},
+  doriath:         {slug: 'doriath',         name: 'Keepiq',           category: 'Connectors',  productHref: '/apps/doriath',         docsHref: 'https://doriath.conduction.nl',         academyHref: '/academy?app=doriath'},
+  'app-versions':  {slug: 'app-versions',    name: 'Versioniq',        category: 'Data',        productHref: '/apps/app-versions',    docsHref: 'https://app-versions.conduction.nl',    academyHref: '/academy?app=app-versions'},
   hermiq:          {slug: 'hermiq',          name: 'Hermiq',           category: 'AI',          productHref: '/apps/hermiq',          docsHref: 'https://hermiq.conduction.nl',          academyHref: '/academy?app=hermiq'},
-  hrmq:            {slug: 'hrmq',            name: 'HRMQ',             category: 'Processes',   productHref: '/apps/hrmq',            docsHref: 'https://hrmq.conduction.nl',            academyHref: '/academy?app=hrmq'},
-  openanonymiser:  {slug: 'openanonymiser',  name: 'OpenAnonymiser',   category: 'Documents',   productHref: '/apps/openanonymiser',  docsHref: 'https://openanonymiser.conduction.nl',  academyHref: '/academy?app=openanonymiser'},
-  planix:          {slug: 'planix',          name: 'Planix',           category: 'Processes',   productHref: '/apps/planix',          docsHref: 'https://planix.conduction.nl',          academyHref: '/academy?app=planix'},
+  hrmq:            {slug: 'hrmq',            name: 'Humaniq',          category: 'Processes',   productHref: '/apps/hrmq',            docsHref: 'https://hrmq.conduction.nl',            academyHref: '/academy?app=hrmq'},
+  openanonymiser:  {slug: 'openanonymiser',  name: 'Anonymiq',         category: 'Documents',   productHref: '/apps/openanonymiser',  docsHref: 'https://openanonymiser.conduction.nl',  academyHref: '/academy?app=openanonymiser'},
+  planix:          {slug: 'planix',          name: 'Planiq',           category: 'Processes',   productHref: '/apps/planix',          docsHref: 'https://planix.conduction.nl',          academyHref: '/academy?app=planix'},
   portaliq:        {slug: 'portaliq',        name: 'Portaliq',         category: 'Processes',   productHref: '/apps/portaliq',        docsHref: 'https://portaliq.conduction.nl',        academyHref: '/academy?app=portaliq'},
-  scholiq:         {slug: 'scholiq',         name: 'Scholiq',          category: 'Processes',   productHref: '/apps/scholiq',         docsHref: 'https://scholiq.conduction.nl',         academyHref: '/academy?app=scholiq'},
+  scholiq:         {slug: 'scholiq',         name: 'Learniq',          category: 'Processes',   productHref: '/apps/scholiq',         docsHref: 'https://scholiq.conduction.nl',         academyHref: '/academy?app=scholiq'},
 };
 
 /**
@@ -93,7 +93,7 @@ export function getApps(slugs = []) {
 }
 
 /**
- * Resolve a display-name (e.g. "OpenCatalogi", "DocuDesk", "LaunchPad")
+ * Resolve a display-name (e.g. "OpenCatalogi", "Filinq", "LaunchPad")
  * to its product page href, or undefined when the name is not in the
  * registry. Used by partner cards / sidecards to turn the apps-shipped
  * chip row into a clickable link list. Names like "Nextcloud" that

package/src/diagrams/cn-pair.js

@@ -12,7 +12,7 @@
  *     right-label="xWiki"
  *     right-caption="xwiki.example"
  *     right-color="cobalt-700"
- *     bridge-label="OpenConnector integration">
+ *     bridge-label="Integriq integration">
  *     <svg slot="left-icon" viewBox="0 0 24 24">...</svg>
  *     <svg slot="right-icon" viewBox="0 0 24 24">...</svg>
  *   </cn-pair>

package/src/theme/brand.jsx

@@ -68,12 +68,12 @@ export function brandFor(pathname, title) {
  * cobalt-400 / regular weight and the rest in blue-cobalt / bold:
  *
  *   <span class="light">Open</span>Register
- *   <span class="light">Docu</span>Desk
+ *   <span class="light">Pipe</span>linQ
  *   <span class="light">My</span>Dash
  *
  * This list covers the prefixes used across the Conduction fleet.
  * Sites whose wordmark doesn't start with one of these (e.g. Shillinq,
- * Decidesk) keep the whole wordmark in blue-cobalt unless they pass
+ * Hermiq) keep the whole wordmark in blue-cobalt unless they pass
  * an explicit `navbar.brandPrefix` to override.
  */
 const PRODUCT_PREFIXES = [