@donartcha/openlag 0.1.2 → 0.1.3

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@donartcha/openlag",
-  "version": "0.1.2",
+  "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

@@ -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

@@ -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/src/App.tsx

@@ -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">