create-portfoliable 1.2.16 → 1.2.18

package/cli/portfoliable.mjs

@@ -28,6 +28,14 @@ import {
 } from '../scripts/terminal-ui.mjs';
 import { resolveConsumerRuntimeAliases } from '../scripts/consumer-runtime-aliases.mjs';
 
+function resolveMermaidDevAliases(runtimeAliases) {
+  return [
+    ...runtimeAliases,
+    { find: /^dayjs$/, replacement: path.resolve(process.cwd(), 'node_modules/dayjs/esm/index.js') },
+    { find: 'dayjs/dayjs.min.js', replacement: path.resolve(process.cwd(), 'node_modules/dayjs/esm/index.js') }
+  ];
+}
+
 // MARK: TERMINAL STYLES
 // ANSI color code used for success-status text.
 const green = '\x1b[32m';
@@ -456,6 +464,37 @@ function runThumbnailOptions(flags) {
   return 0;
 }
 
+// Emits case media files so authored src/content URLs survive production builds.
+function createCaseContentAssetPlugin() {
+  return {
+    name: 'portfoliable-case-content-assets',
+    generateBundle() {
+      const casesRoot = path.resolve(process.cwd(), 'src', 'content', 'cases');
+      if (!fs.existsSync(casesRoot)) return;
+
+      const emitDirectory = (directory) => {
+        for (const entry of fs.readdirSync(directory, { withFileTypes: true })) {
+          const entryPath = path.join(directory, entry.name);
+          if (entry.isDirectory()) {
+            emitDirectory(entryPath);
+            continue;
+          }
+          if (entry.name.toLowerCase().endsWith('.md')) continue;
+
+          const relativePath = path.relative(process.cwd(), entryPath).replace(/\\/g, '/');
+          this.emitFile({
+            type: 'asset',
+            fileName: relativePath,
+            source: fs.readFileSync(entryPath)
+          });
+        }
+      };
+
+      emitDirectory(casesRoot);
+    }
+  };
+}
+
 // Prints startup summary box for dev server sessions.
 function printStartupBox({ localUrl, networkUrl, localVersion, latestVersion }) {
   const lines = [
@@ -564,13 +603,13 @@ async function runDevServer(flags, options = {}) {
   }
 
   const runtimeAliases = resolveConsumerRuntimeAliases(process.cwd());
+  const mermaidDevAliases = resolveMermaidDevAliases(runtimeAliases);
 
   // Creates Vite development server instance.
   const server = await createServer({
-    resolve: runtimeAliases.length > 0
-      ? { alias: runtimeAliases }
-      : undefined,
+    resolve: { alias: mermaidDevAliases },
     optimizeDeps: {
+      include: ['mermaid', 'mermaid > dayjs'],
       exclude: ['create-portfoliable']
     },
     server: {
@@ -649,9 +688,10 @@ async function runBuild() {
   printRailSegment({ dot: true, label: `${cyan}${bold}Starting build...${reset}` });
   console.log(`${cyan}${bold}Building Portfoliable...${reset}`);
   const runtimeAliases = resolveConsumerRuntimeAliases(process.cwd());
-  await viteBuild(runtimeAliases.length > 0
-    ? { resolve: { alias: runtimeAliases } }
-    : undefined);
+  await viteBuild({
+    ...(runtimeAliases.length > 0 ? { resolve: { alias: runtimeAliases } } : {}),
+    plugins: [createCaseContentAssetPlugin()]
+  });
   console.log(`${green}Build complete.${reset}`);
   printRailSegment({ dot: true, label: `${green}${bold}Build complete.${reset}` });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-portfoliable",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "description": "Unified Portfoliable package with initializer and runtime CLI",
   "private": false,
   "type": "module",

package/src/App.js

@@ -35,6 +35,7 @@ import {
     A11Y_THEME_TOKEN_KEYS,
     Header,
     HomeView,
+    MermaidDiagram,
     Summary,
     Thumbnail,
     Toast,
@@ -49,6 +50,7 @@ void Summary;
 void Thumbnail;
 void Toast;
 void VideoPlayer;
+void MermaidDiagram;
 
 // MARK: HEADER DEFAULTS
 // Resolves runtime defaults and persistence keys used across navigation and resume flows.

package/vite.config.js

@@ -94,8 +94,8 @@ export default defineConfig(({ command }) => {
       ? { alias: runtimeAliases }
       : undefined,
 
-    // In local-link mode, avoid prebundling Valence so edits in the linked package
-    // are reflected immediately during development.
+    // Keep Mermaid's CommonJS dependencies in Vite's normalized dev graph while
+    // avoiding prebundling Valence so linked-package edits remain observable.
     optimizeDeps: (command === 'serve' && usingLocalValence)
       ? { exclude: ['@portfoliablejs/valence'] }
       : undefined,