@atlashub/smartstack-cli 3.39.0 → 3.40.0

package/templates/skills/business-analyse/html/build-html.js

@@ -1,77 +1,77 @@
-#!/usr/bin/env node
-
-/**
- * Build script for ba-interactive.html
- *
- * Assembles the HTML template from split source files:
- * - src/template.html (shell with placeholders)
- * - src/styles/*.css (concatenated in alphabetical order)
- * - src/scripts/*.js (concatenated in alphabetical order)
- *
- * Output: ba-interactive.html (single file, compatible with file:// protocol)
- *
- * Preserves template placeholders: {{FEATURE_DATA}}, {{EMBEDDED_ARTIFACTS}}, {{APPLICATION_NAME}}, {{APPLICATION_ID}}
- */
-
-const fs = require('fs');
-const path = require('path');
-
-const SRC_DIR = path.join(__dirname, 'src');
-const STYLES_DIR = path.join(SRC_DIR, 'styles');
-const SCRIPTS_DIR = path.join(SRC_DIR, 'scripts');
-const TEMPLATE_FILE = path.join(SRC_DIR, 'template.html');
-const OUTPUT_FILE = path.join(__dirname, 'ba-interactive.html');
-
-function readSortedFiles(dir, extension) {
-    const files = fs.readdirSync(dir)
-        .filter(f => f.endsWith(extension))
-        .sort();
-
-    return files.map(f => {
-        const content = fs.readFileSync(path.join(dir, f), 'utf8');
-        return { name: f, content };
-    });
-}
-
-function build() {
-    console.log('[build-html] Starting build...');
-
-    // Read template
-    if (!fs.existsSync(TEMPLATE_FILE)) {
-        console.error('[build-html] ERROR: Template not found at', TEMPLATE_FILE);
-        process.exit(1);
-    }
-    let template = fs.readFileSync(TEMPLATE_FILE, 'utf8');
-
-    // Read and concatenate CSS files
-    const cssFiles = readSortedFiles(STYLES_DIR, '.css');
-    console.log(`[build-html] CSS files: ${cssFiles.map(f => f.name).join(', ')}`);
-    const css = cssFiles.map(f => `/* --- ${f.name} --- */\n${f.content}`).join('\n\n');
-
-    // Read and concatenate JS files
-    const jsFiles = readSortedFiles(SCRIPTS_DIR, '.js');
-    console.log(`[build-html] JS files: ${jsFiles.map(f => f.name).join(', ')}`);
-    const js = jsFiles.map(f => `/* --- ${f.name} --- */\n${f.content}`).join('\n\n');
-
-    // Inject into template
-    template = template.replace('<!-- CSS_PLACEHOLDER -->', css);
-    template = template.replace('<!-- JS_PLACEHOLDER -->', js);
-
-    // Verify placeholders are preserved
-    const requiredPlaceholders = ['{{FEATURE_DATA}}', '{{EMBEDDED_ARTIFACTS}}', '{{APPLICATION_NAME}}'];
-    const missing = requiredPlaceholders.filter(p => !template.includes(p));
-    if (missing.length > 0) {
-        console.error('[build-html] ERROR: Missing placeholders:', missing.join(', '));
-        process.exit(1);
-    }
-
-    // Write output
-    fs.writeFileSync(OUTPUT_FILE, template, 'utf8');
-
-    const sizeKB = Math.round(fs.statSync(OUTPUT_FILE).size / 1024);
-    console.log(`[build-html] Output: ${OUTPUT_FILE} (${sizeKB} KB)`);
-    console.log(`[build-html] CSS: ${cssFiles.length} files, JS: ${jsFiles.length} files`);
-    console.log('[build-html] Build complete.');
-}
-
-build();
+#!/usr/bin/env node
+
+/**
+ * Build script for ba-interactive.html
+ *
+ * Assembles the HTML template from split source files:
+ * - src/template.html (shell with placeholders)
+ * - src/styles/*.css (concatenated in alphabetical order)
+ * - src/scripts/*.js (concatenated in alphabetical order)
+ *
+ * Output: ba-interactive.html (single file, compatible with file:// protocol)
+ *
+ * Preserves template placeholders: {{FEATURE_DATA}}, {{EMBEDDED_ARTIFACTS}}, {{APPLICATION_NAME}}, {{APPLICATION_ID}}
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const SRC_DIR = path.join(__dirname, 'src');
+const STYLES_DIR = path.join(SRC_DIR, 'styles');
+const SCRIPTS_DIR = path.join(SRC_DIR, 'scripts');
+const TEMPLATE_FILE = path.join(SRC_DIR, 'template.html');
+const OUTPUT_FILE = path.join(__dirname, 'ba-interactive.html');
+
+function readSortedFiles(dir, extension) {
+    const files = fs.readdirSync(dir)
+        .filter(f => f.endsWith(extension))
+        .sort();
+
+    return files.map(f => {
+        const content = fs.readFileSync(path.join(dir, f), 'utf8');
+        return { name: f, content };
+    });
+}
+
+function build() {
+    console.log('[build-html] Starting build...');
+
+    // Read template
+    if (!fs.existsSync(TEMPLATE_FILE)) {
+        console.error('[build-html] ERROR: Template not found at', TEMPLATE_FILE);
+        process.exit(1);
+    }
+    let template = fs.readFileSync(TEMPLATE_FILE, 'utf8');
+
+    // Read and concatenate CSS files
+    const cssFiles = readSortedFiles(STYLES_DIR, '.css');
+    console.log(`[build-html] CSS files: ${cssFiles.map(f => f.name).join(', ')}`);
+    const css = cssFiles.map(f => `/* --- ${f.name} --- */\n${f.content}`).join('\n\n');
+
+    // Read and concatenate JS files
+    const jsFiles = readSortedFiles(SCRIPTS_DIR, '.js');
+    console.log(`[build-html] JS files: ${jsFiles.map(f => f.name).join(', ')}`);
+    const js = jsFiles.map(f => `/* --- ${f.name} --- */\n${f.content}`).join('\n\n');
+
+    // Inject into template
+    template = template.replace('<!-- CSS_PLACEHOLDER -->', css);
+    template = template.replace('<!-- JS_PLACEHOLDER -->', js);
+
+    // Verify placeholders are preserved
+    const requiredPlaceholders = ['{{FEATURE_DATA}}', '{{EMBEDDED_ARTIFACTS}}', '{{APPLICATION_NAME}}'];
+    const missing = requiredPlaceholders.filter(p => !template.includes(p));
+    if (missing.length > 0) {
+        console.error('[build-html] ERROR: Missing placeholders:', missing.join(', '));
+        process.exit(1);
+    }
+
+    // Write output
+    fs.writeFileSync(OUTPUT_FILE, template, 'utf8');
+
+    const sizeKB = Math.round(fs.statSync(OUTPUT_FILE).size / 1024);
+    console.log(`[build-html] Output: ${OUTPUT_FILE} (${sizeKB} KB)`);
+    console.log(`[build-html] CSS: ${cssFiles.length} files, JS: ${jsFiles.length} files`);
+    console.log('[build-html] Build complete.');
+}
+
+build();

package/templates/skills/business-analyse/html/src/scripts/01-data-init.js

@@ -1,150 +1,150 @@
-/* ============================================
-   DATA STORE
-   ============================================ */
-const APP_KEY = 'ba-{{APPLICATION_ID}}';
-let data = {{FEATURE_DATA}};
-const ORIGINAL_DATA = JSON.parse(JSON.stringify(data));
-const EMBEDDED_ARTIFACTS = {{EMBEDDED_ARTIFACTS}};
-
-// Initialize optional data structures
-data.wireframeComments = data.wireframeComments || {};
-data.specComments = data.specComments || {};
-data.customRoles = data.customRoles || [];
-data.customActions = data.customActions || [];
-data.cadrage.criteria = data.cadrage.criteria || [];
-data.cadrage.risks = data.cadrage.risks || [];
-data.consolidation = data.consolidation || {};
-data.consolidation.e2eFlows = data.consolidation.e2eFlows || [];
-
-// Backward compat: merge old problem/current/vision into context
-if (!data.cadrage.context) {
-    data.cadrage.context = {
-        problem: data.cadrage.problem?.description || data.cadrage.problem || '',
-        trigger: data.cadrage.problem?.trigger || '',
-        currentSituation: data.cadrage.current?.tools || '',
-        desiredSituation: data.cadrage.vision?.changes || '',
-        painPoints: data.cadrage.current?.painPoints || (data.cadrage.stakeholders || []).flatMap(s => (s.frustrations || '').split('\n').filter(Boolean)).join('\n'),
-        acceptanceCriteria: data.cadrage.vision?.results || (data.cadrage.criteria || []).map(c => c.text).join('\n')
-    };
-}
-data.cadrage.context = data.cadrage.context || { problem: '', trigger: '', currentSituation: '', desiredSituation: '', painPoints: '', acceptanceCriteria: '' };
-
-// Initialize comments array
-data.comments = data.comments || [];
-
-// Defensive mapping: globalScope (feature.json format) -> scope (HTML format)
-// Handles cases where FEATURE_DATA contains raw globalScope instead of pre-mapped scope
-if (!data.cadrage.scope || (!data.cadrage.scope.vital?.length && data.cadrage.globalScope)) {
-    const gs = data.cadrage.globalScope || {};
-    data.cadrage.scope = {
-        vital: (gs.mustHave || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s),
-        important: (gs.shouldHave || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s),
-        optional: (gs.couldHave || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s),
-        excluded: (gs.outOfScope || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s)
-    };
-}
-data.cadrage.scope = data.cadrage.scope || { vital: [], important: [], optional: [], excluded: [] };
-
-// Defensive init: moduleSpecs (may be missing if LLM didn't follow mapping)
-data.moduleSpecs = data.moduleSpecs || {};
-// Ensure ALL modules have a moduleSpecs entry (prevents missing schemas)
-(data.modules || []).forEach(function(m) {
-    if (!data.moduleSpecs[m.code]) {
-        data.moduleSpecs[m.code] = { useCases: [], businessRules: [], entities: [], permissions: [], notes: '' };
-    }
-    // Ensure anticipatedSections array exists
-    m.anticipatedSections = m.anticipatedSections || [];
-});
-
-// Vibe coding mode: hide non-relevant sections
-const isVibeCoding = data.metadata?.vibeCoding === true;
-if (isVibeCoding) {
-    document.querySelectorAll('[data-vibe-hide]').forEach(el => el.style.display = 'none');
-}
-
-/* ============================================
-   UTILITIES
-   ============================================ */
-function showNotification(message) {
-    const el = document.getElementById('notification');
-    el.textContent = message;
-    el.classList.add('visible');
-    setTimeout(() => el.classList.remove('visible'), 2500);
-}
-
-function toggleForm(formId) {
-    document.getElementById(formId).classList.toggle('visible');
-}
-
-function clearForm(formId) {
-    document.querySelectorAll('#' + formId + ' input, #' + formId + ' textarea').forEach(el => el.value = '');
-}
-
-function getNestedValue(obj, path) {
-    return path.split('.').reduce((o, k) => (o || {})[k], obj);
-}
-
-function setNestedValue(obj, path, value) {
-    const keys = path.split('.');
-    let current = obj;
-    for (let i = 0; i < keys.length - 1; i++) {
-        if (!current[keys[i]]) current[keys[i]] = {};
-        current = current[keys[i]];
-    }
-    current[keys[keys.length - 1]] = value;
-}
-
-function updateCounts() {
-    buildNavTree();
-    updateDepSelects();
-}
-
-function formatFrequency(f) {
-    return { daily: 'Quotidien', weekly: 'Hebdomadaire', monthly: 'Mensuel', occasional: 'Occasionnel' }[f] || f;
-}
-
-function formatAccess(a) {
-    return { admin: 'Administration', manager: 'Supervision', contributor: 'Contribution', viewer: 'Consultation' }[a] || a;
-}
-
-function formatPriority(p) {
-    return { vital: 'Indispensable', important: 'Important', optional: 'Optionnel', excluded: 'Hors perimetre' }[p] || p;
-}
-
-function formatLevel(l) {
-    return { high: 'Fort', medium: 'Moyen', low: 'Faible' }[l] || l;
-}
-
-function formatModuleType(t) {
-    return { 'data-centric': 'Donnees', 'workflow': 'Processus', 'reporting': 'Rapports', 'integration': 'Integration', 'full-module': 'Complet' }[t] || t;
-}
-
-function formatModulePriority(p) {
-    return { must: 'Indispensable', should: 'Important', could: 'Optionnel' }[p] || p;
-}
-
-/* ============================================
-   INITIALIZATION
-   ============================================ */
-document.addEventListener('DOMContentLoaded', function() {
-    loadFromLocalStorage();
-    initEditableFields();
-    // Re-apply vibe hiding after DOM init (in case loadFromLocalStorage changed data)
-    if (isVibeCoding) {
-        document.querySelectorAll('[data-vibe-hide]').forEach(el => el.style.display = 'none');
-    }
-    renderStakeholders();
-    renderScope();
-    renderRisks();
-    renderCriteria();
-    renderModules();
-    renderDependencies();
-    renderAllModuleSpecs();
-    renderConsolidation();
-    renderHandoff();
-    renderE2EFlows();
-    buildNavTree();
-    updateDepSelects();
-    initInlineComments();
-    renderReviewPanel();
-});
+/* ============================================
+   DATA STORE
+   ============================================ */
+const APP_KEY = 'ba-{{APPLICATION_ID}}';
+let data = {{FEATURE_DATA}};
+const ORIGINAL_DATA = JSON.parse(JSON.stringify(data));
+const EMBEDDED_ARTIFACTS = {{EMBEDDED_ARTIFACTS}};
+
+// Initialize optional data structures
+data.wireframeComments = data.wireframeComments || {};
+data.specComments = data.specComments || {};
+data.customRoles = data.customRoles || [];
+data.customActions = data.customActions || [];
+data.cadrage.criteria = data.cadrage.criteria || [];
+data.cadrage.risks = data.cadrage.risks || [];
+data.consolidation = data.consolidation || {};
+data.consolidation.e2eFlows = data.consolidation.e2eFlows || [];
+
+// Backward compat: merge old problem/current/vision into context
+if (!data.cadrage.context) {
+    data.cadrage.context = {
+        problem: data.cadrage.problem?.description || data.cadrage.problem || '',
+        trigger: data.cadrage.problem?.trigger || '',
+        currentSituation: data.cadrage.current?.tools || '',
+        desiredSituation: data.cadrage.vision?.changes || '',
+        painPoints: data.cadrage.current?.painPoints || (data.cadrage.stakeholders || []).flatMap(s => (s.frustrations || '').split('\n').filter(Boolean)).join('\n'),
+        acceptanceCriteria: data.cadrage.vision?.results || (data.cadrage.criteria || []).map(c => c.text).join('\n')
+    };
+}
+data.cadrage.context = data.cadrage.context || { problem: '', trigger: '', currentSituation: '', desiredSituation: '', painPoints: '', acceptanceCriteria: '' };
+
+// Initialize comments array
+data.comments = data.comments || [];
+
+// Defensive mapping: globalScope (feature.json format) -> scope (HTML format)
+// Handles cases where FEATURE_DATA contains raw globalScope instead of pre-mapped scope
+if (!data.cadrage.scope || (!data.cadrage.scope.vital?.length && data.cadrage.globalScope)) {
+    const gs = data.cadrage.globalScope || {};
+    data.cadrage.scope = {
+        vital: (gs.mustHave || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s),
+        important: (gs.shouldHave || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s),
+        optional: (gs.couldHave || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s),
+        excluded: (gs.outOfScope || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s)
+    };
+}
+data.cadrage.scope = data.cadrage.scope || { vital: [], important: [], optional: [], excluded: [] };
+
+// Defensive init: moduleSpecs (may be missing if LLM didn't follow mapping)
+data.moduleSpecs = data.moduleSpecs || {};
+// Ensure ALL modules have a moduleSpecs entry (prevents missing schemas)
+(data.modules || []).forEach(function(m) {
+    if (!data.moduleSpecs[m.code]) {
+        data.moduleSpecs[m.code] = { useCases: [], businessRules: [], entities: [], permissions: [], notes: '' };
+    }
+    // Ensure anticipatedSections array exists
+    m.anticipatedSections = m.anticipatedSections || [];
+});
+
+// Vibe coding mode: hide non-relevant sections
+const isVibeCoding = data.metadata?.vibeCoding === true;
+if (isVibeCoding) {
+    document.querySelectorAll('[data-vibe-hide]').forEach(el => el.style.display = 'none');
+}
+
+/* ============================================
+   UTILITIES
+   ============================================ */
+function showNotification(message) {
+    const el = document.getElementById('notification');
+    el.textContent = message;
+    el.classList.add('visible');
+    setTimeout(() => el.classList.remove('visible'), 2500);
+}
+
+function toggleForm(formId) {
+    document.getElementById(formId).classList.toggle('visible');
+}
+
+function clearForm(formId) {
+    document.querySelectorAll('#' + formId + ' input, #' + formId + ' textarea').forEach(el => el.value = '');
+}
+
+function getNestedValue(obj, path) {
+    return path.split('.').reduce((o, k) => (o || {})[k], obj);
+}
+
+function setNestedValue(obj, path, value) {
+    const keys = path.split('.');
+    let current = obj;
+    for (let i = 0; i < keys.length - 1; i++) {
+        if (!current[keys[i]]) current[keys[i]] = {};
+        current = current[keys[i]];
+    }
+    current[keys[keys.length - 1]] = value;
+}
+
+function updateCounts() {
+    buildNavTree();
+    updateDepSelects();
+}
+
+function formatFrequency(f) {
+    return { daily: 'Quotidien', weekly: 'Hebdomadaire', monthly: 'Mensuel', occasional: 'Occasionnel' }[f] || f;
+}
+
+function formatAccess(a) {
+    return { admin: 'Administration', manager: 'Supervision', contributor: 'Contribution', viewer: 'Consultation' }[a] || a;
+}
+
+function formatPriority(p) {
+    return { vital: 'Indispensable', important: 'Important', optional: 'Optionnel', excluded: 'Hors perimetre' }[p] || p;
+}
+
+function formatLevel(l) {
+    return { high: 'Fort', medium: 'Moyen', low: 'Faible' }[l] || l;
+}
+
+function formatModuleType(t) {
+    return { 'data-centric': 'Donnees', 'workflow': 'Processus', 'reporting': 'Rapports', 'integration': 'Integration', 'full-module': 'Complet' }[t] || t;
+}
+
+function formatModulePriority(p) {
+    return { must: 'Indispensable', should: 'Important', could: 'Optionnel' }[p] || p;
+}
+
+/* ============================================
+   INITIALIZATION
+   ============================================ */
+document.addEventListener('DOMContentLoaded', function() {
+    loadFromLocalStorage();
+    initEditableFields();
+    // Re-apply vibe hiding after DOM init (in case loadFromLocalStorage changed data)
+    if (isVibeCoding) {
+        document.querySelectorAll('[data-vibe-hide]').forEach(el => el.style.display = 'none');
+    }
+    renderStakeholders();
+    renderScope();
+    renderRisks();
+    renderCriteria();
+    renderModules();
+    renderDependencies();
+    renderAllModuleSpecs();
+    renderConsolidation();
+    renderHandoff();
+    renderE2EFlows();
+    buildNavTree();
+    updateDepSelects();
+    initInlineComments();
+    renderReviewPanel();
+});