npm - @donartcha/openlag - Versions diffs - 0.1.1 → 0.1.3 - Mend

@donartcha/openlag 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/dist/index.html CHANGED Viewed

@@ -4,11 +4,11 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>My OpenLAG Project | OpenLAG</title>
-    <script type="module" crossorigin src="/assets/index-By2WPc1i.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CBSt31g-.css">
+    <meta name="description" content="Living Architecture documentation for my system." />
+    <script type="module" crossorigin src="/assets/index-Dvw-BZIp.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-D02phRy3.css">
   </head>
   <body>
     <div id="root"></div>
   </body>
 </html>

package/index.html CHANGED Viewed

@@ -4,10 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>My OpenLAG Project | OpenLAG</title>
+    <meta name="description" content="Living Architecture documentation for my system." />
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

package/package.json CHANGED Viewed

@@ -1,11 +1,11 @@
 {
   "name": "@donartcha/openlag",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Architecture as Code traceability graph generator",
   "type": "module",
   "license": "MPL-2.0",
   "bin": {
-    "openlag": "./bin/openlag.js"
+    "openlag": "bin/openlag.js"
   },
   "files": [
     "bin",

package/scripts/cli/generate.ts CHANGED Viewed

@@ -10,6 +10,7 @@ interface StaticState {
   systemVersions: SystemVersion[];
   graphs: Record<string, GraphSnapshot>;
   changes: Change[];
+  metadata?: { name: string; description: string; [key: string]: any };
 }
 function isDescendant(currentVersionId: string, artifactVersionId: string, versions: Version[]): boolean {
@@ -32,11 +33,22 @@ export function generateData(docsDir: string, outputDir: string, silent = false)
   const parsedData = parseOpenLagDocs(docsDir);
+  let metadata = { name: "OpenLAG Project", description: "Architecture documentation." };
+  const metadataPath = path.join(docsDir, '..', 'metadata.json');
+  if (fs.existsSync(metadataPath)) {
+    try {
+      metadata = JSON.parse(fs.readFileSync(metadataPath, 'utf-8'));
+    } catch {
+      if (!silent) console.warn(chalk.yellow("⚠️  Could not parse metadata.json"));
+    }
+  }
   const state: StaticState = {
     versions: parsedData.versions,
     systemVersions: parsedData.systemVersions,
     graphs: {},
-    changes: parsedData.changes
+    changes: parsedData.changes,
+    metadata
   };
   const allArtifacts = parsedData.artifacts;
@@ -74,7 +86,7 @@ export function watchData(docsDir: string, outputDir: string) {
     try {
       generateData(docsDir, outputDir, true);
       console.log(chalk.dim(`[${new Date().toLocaleTimeString()}] `) + chalk.green("Regenerated graph-data.json"));
-    } catch (e) {
+    } catch (e) {
       console.error(chalk.red("❌ Error during regeneration:"), e);
     }
   };

package/scripts/cli/init.ts CHANGED Viewed

@@ -11,11 +11,18 @@ export async function initProject(projectName?: string, projectDesc?: string, in
   const name = projectName || process.env.PROJECT_NAME || 'My OpenLAG Project';
   const desc = projectDesc || process.env.PROJECT_DESCRIPTION || 'Living Architecture documentation for my system.';
-  const ROOT_DIR = process.cwd();
+  let ROOT_DIR = process.cwd();
+  if (projectName) {
+    ROOT_DIR = path.join(process.cwd(), projectName);
+    if (!fs.existsSync(ROOT_DIR)) {
+      fs.mkdirSync(ROOT_DIR, { recursive: true });
+      console.log(chalk.green(`✅ Created project directory: ${projectName}`));
+    }
+  }
   console.log(chalk.blue(`🛠️  Initializing OpenLAG for: `) + chalk.bold(name));
-  // 1. Update metadata.json
+  // 1. Update or Create metadata.json
   const metadataPath = path.join(ROOT_DIR, 'metadata.json');
   if (fs.existsSync(metadataPath)) {
     const metadata = JSON.parse(fs.readFileSync(metadataPath, 'utf-8'));
@@ -23,15 +30,31 @@ export async function initProject(projectName?: string, projectDesc?: string, in
     metadata.description = desc;
     fs.writeFileSync(metadataPath, JSON.stringify(metadata, null, 2));
     console.log(chalk.green('✅ Updated metadata.json'));
+  } else {
+    const metadata = {
+      name: name,
+      description: desc
+    };
+    fs.writeFileSync(metadataPath, JSON.stringify(metadata, null, 2));
+    console.log(chalk.green('✅ Created metadata.json'));
   }
-  // 2. Update index.html title
+  // 2. Update index.html title if exists, or create a basic one?
+  // Wait, openlag is used as a tool inside an app? Or is it a scaffold?
   const htmlPath = path.join(ROOT_DIR, 'index.html');
   if (fs.existsSync(htmlPath)) {
     let html = fs.readFileSync(htmlPath, 'utf-8');
     html = html.replace(/<title>.*?<\/title>/, `<title>${name} | OpenLAG</title>`);
+    const descMetaRegex = /<meta name="description" content=".*?"\s*\/?>/;
+    if (descMetaRegex.test(html)) {
+      html = html.replace(descMetaRegex, `<meta name="description" content="${desc}" />`);
+    } else {
+      html = html.replace(/<\/title>/, `</title>\n    <meta name="description" content="${desc}" />`);
+    }
     fs.writeFileSync(htmlPath, html);
-    console.log(chalk.green('✅ Updated index.html title'));
+    console.log(chalk.green('✅ Updated index.html title and description'));
   }
   // 3. Initialize /docs if empty or missing

package/scripts/cli/openlag.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 import { execFileSync } from 'child_process';
+import { readFileSync } from 'fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
@@ -15,6 +16,7 @@ import { resolveViteBin } from './vite-bin.js';
 const program = new Command();
 const packageRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '../..');
+const pkg = JSON.parse(readFileSync(path.join(packageRoot, 'package.json'), 'utf8')) as { version: string };
 function runVitePreview() {
   const viteBin = resolveViteBin(import.meta.url);
@@ -28,7 +30,7 @@ function runVitePreview() {
   });
 }
-program.name('openlag').description('Architecture as Code traceability graph generator').version('0.1.0');
+program.name('openlag').description('Architecture as Code traceability graph generator').version(pkg.version);
 program
   .command('init')

package/src/App.tsx CHANGED Viewed

@@ -17,7 +17,8 @@ export default function App() {
     activeView,
     setView,
     isLoading,
-    systemVersions
+    systemVersions,
+    metadata
   } = useStore();
   useEffect(() => {
@@ -87,7 +88,7 @@ export default function App() {
         {/* Top Header */}
         <header className="h-16 bg-[#0f0f0f] border-b border-white/10 flex items-center px-8 justify-between shrink-0 z-10">
           <div className="font-serif text-xl italic tracking-tight flex items-center gap-2">
-            OpenLAG <span className="text-xs font-mono opacity-50 ml-2 not-italic">| Lifecycle Engine</span>
+            OpenLAG <span className="text-xs font-mono opacity-50 ml-2 not-italic">| {metadata?.name || 'Lifecycle Engine'}</span>
           </div>
           <div className="flex items-center gap-6">