fix(docs): use shared styling controls in markdown renderer

.changeset/shared-markdown-renderer.md

@@ -0,0 +1,5 @@
+---
+'@terra-symposium/docs': patch
+---
+
+Render Markdown tabs and accordions through the shared Styling components and keep Docs SSR dependency resolution compatible with CommonJS packages.

.github/workflows/publish.yml

@@ -34,7 +34,8 @@ jobs:
           fi
       - run: pnpm install --frozen-lockfile
         if: steps.version.outputs.published != 'true'
-      - run: pnpm run quality -- --all
+      - name: Run full repository quality
+        run: pnpm run quality
         if: steps.version.outputs.published != 'true'
       - run: pnpm run build
         if: steps.version.outputs.published != 'true'

bin/docs.mjs

@@ -6,14 +6,14 @@ IMPORTS
 
 // API
 import { copyFile, mkdir, readFile, readdir, rm, writeFile } from 'node:fs/promises';
+import { createConsumerProject } from '../site/project-config.mjs';
 import { createRequire } from 'node:module';
 import { dirname, extname, join, relative, resolve, sep } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { parse } from 'yaml';
+import { parseDocsArguments } from './arguments.mjs';
 import { spawn } from 'node:child_process';
 import { watch } from 'node:fs';
-import { createConsumerProject } from '../site/project-config.mjs';
-import { parseDocsArguments } from './arguments.mjs';
 
 // COMPONENTS
 import * as TerraQualityRegex from '../src/lib/terra/regex.mjs';
@@ -26,8 +26,8 @@ const MD_MDX_I_REGEX = TerraQualityRegex.REGEX_MD_MDX_I_REGEX_2();
 const requestedMode = process.argv[2];
 const mode = requestedMode === 'docs' ? 'dev' : requestedMode;
 const root = resolve(process.cwd());
-const packageRoot = resolve(dirname(fileURLToPath(import.meta.url)), '..');
-const consumerProject = createConsumerProject(root, process.env.DOCS_PACKAGE_ROOT ?? '.');
+const docsConfig =
+  createConsumerProject(root, process.env.DOCS_PACKAGE_ROOT ?? '.').manifest.docs ?? {};
 const args = [
   resolve(dirname(createRequire(import.meta.url).resolve('astro/package.json')), 'bin/astro.mjs'),
   mode,
@@ -42,7 +42,6 @@ const args = [
 const docsRoot = resolve(root, 'docs');
 const publicRoot = resolve(root, 'dist/public');
 const publicAssetsRoot = resolve(publicRoot, '_docs/assets');
-const docsConfig = consumerProject.manifest.docs ?? {};
 let parsedArguments;
 try {
   parsedArguments = parseDocsArguments(process.argv.slice(3));
@@ -59,7 +58,6 @@ const requestedBase = (options.get('--base') ?? docsConfig.base ?? '/').trim();
 const base = requestedBase.endsWith('/') ? requestedBase : `${requestedBase}/`;
 const port = options.get('--port') ?? docsConfig.port;
 const host = options.get('--host') ?? docsConfig.host;
-
 /*//////////////////////////////////////////////////
 HELPERS
 //////////////////////////////////////////////////*/
@@ -212,7 +210,6 @@ const child = spawn(process.execPath, args, {
   env: {
     ...process.env,
     DOCS_ROOT: root,
-    DOCS_SOURCE_DEV: String(mode === 'dev' && root === packageRoot),
     DOCS_SITE: options.get('--site') ?? docsConfig.site ?? '',
     DOCS_BASE: base,
     DOCS_OUT: options.get('--out') ?? docsConfig.out ?? 'dist/docs',

config/playwright.static.config.ts

@@ -14,10 +14,12 @@ import { resolve } from 'node:path';
 CONFIG
 //////////////////////////////////////////////////*/
 
-const port = Number(process.env.DOCS_PLAYWRIGHT_PORT ?? 4335);
 export default defineConfig({
   testDir: resolve(process.cwd(), 'test/browser'),
   outputDir: resolve(process.cwd(), 'tests/results/playwright-output'),
-  use: { baseURL: `http://127.0.0.1:${port}`, browserName: 'chromium' },
+  use: {
+    baseURL: `http://127.0.0.1:${Number(process.env.DOCS_PLAYWRIGHT_PORT ?? 4335)}`,
+    browserName: 'chromium',
+  },
   expect: { toHaveScreenshot: { pathTemplate: '{testDir}/{testFileName}-snapshots/{arg}{ext}' } },
 });