@forwardimpact/pathway 0.8.0 → 0.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forwardimpact/pathway",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Career progression web app and CLI for exploring roles and generating agents",
   "license": "Apache-2.0",
   "repository": {

package/src/commands/site.js

@@ -15,6 +15,22 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const appDir = join(__dirname, "..");
 
+/**
+ * Resolve package directory using Node's module resolution.
+ * Works in both monorepo (development) and installed (production) contexts.
+ * @param {string} packageName - Package specifier (e.g., '@forwardimpact/schema')
+ * @returns {string} Absolute path to package lib directory
+ */
+function resolvePackageLib(packageName) {
+  // import.meta.resolve returns file:// URL to package's main entry (lib/index.js)
+  const mainUrl = import.meta.resolve(packageName);
+  // Convert to path and get lib directory
+  return dirname(fileURLToPath(mainUrl));
+}
+
+const schemaLibDir = resolvePackageLib("@forwardimpact/schema");
+const modelLibDir = resolvePackageLib("@forwardimpact/model");
+
 /**
  * Files and directories to copy from app/
  */
@@ -31,7 +47,6 @@ const PUBLIC_ASSETS = [
   // Directories
   "css",
   "lib",
-  "model",
   "pages",
   "slides",
   "components",
@@ -113,6 +128,14 @@ ${framework.emojiIcon} Generating ${framework.title} static site...
     }
   }
 
+  // Copy @forwardimpact/schema and @forwardimpact/model packages
+  // These are needed by the browser's import map
+  console.log("📚 Copying package dependencies...");
+  await cp(schemaLibDir, join(outputDir, "schema/lib"), { recursive: true });
+  console.log(`   ✓ schema/lib`);
+  await cp(modelLibDir, join(outputDir, "model/lib"), { recursive: true });
+  console.log(`   ✓ model/lib`);
+
   // Copy data directory (dereference symlinks to copy actual content)
   console.log("📁 Copying data files...");
   const dataOutputDir = join(outputDir, "data");

package/src/components/card.js

@@ -104,5 +104,5 @@ export function createBadge(text, type = "default") {
  * @returns {HTMLElement}
  */
 export function createTag(text) {
-  return span({ className: "tag" }, text);
+  return span({ className: "info-tag" }, text);
 }

package/src/components/detail.js

@@ -188,7 +188,7 @@ export function createTagsList(tags, emptyMessage = "None") {
     return p({ className: "text-muted" }, emptyMessage);
   }
 
-  return div({ className: "tags" }, ...tags.map((tag) => createTag(tag)));
+  return div({ className: "info-tags" }, ...tags.map((tag) => createTag(tag)));
 }
 
 /**

package/src/css/components/badges.css

@@ -176,14 +176,14 @@
     border: 1px solid var(--color-border);
   }
 
-  /* Tags */
-  .tags {
+  /* Info tags */
+  .info-tags {
     display: flex;
     gap: var(--space-sm);
     flex-wrap: wrap;
   }
 
-  .tag {
+  .info-tag {
     display: inline-block;
     padding: var(--space-xs) var(--space-sm);
     background: var(--color-bg);

package/src/css/views/print.css

@@ -194,10 +194,10 @@
     /* Preserve badge colors */
     .slide-view .badge,
     .slide-view .level-badge,
-    .slide-view .tag,
+    .slide-view .info-tag,
     .badge,
     .level-badge,
-    .tag {
+    .info-tag {
       -webkit-print-color-adjust: exact;
       print-color-adjust: exact;
       background-color: inherit !important;