retold-facto 0.0.4

package/source/services/web-app/pict-app-full/Pict-Application-Facto-Full.js

@@ -0,0 +1,391 @@
+const libPictApplication = require('pict-application');
+const libPictRouter = require('pict-router');
+const libPictSectionModal = require('pict-section-modal');
+
+const THEME_LIST =
+[
+	{ Key: 'turquoise-deluxe', Label: 'Turquoise Deluxe', Colors: ['#f6f0e4', '#18a5a0', '#3a9468', '#c44836', '#12908c'] },
+	{ Key: 'facto-dark', Label: 'Facto Dark', Colors: ['#12151e', '#4a90d9', '#28a745', '#dc3545', '#6366f1'] },
+	{ Key: 'facto-light', Label: 'Facto Light', Colors: ['#f5f6f8', '#3b82f6', '#22c55e', '#ef4444', '#6366f1'] },
+	{ Key: 'midnight-blue', Label: 'Midnight Blue', Colors: ['#0a0e1a', '#3b82f6', '#10b981', '#f87171', '#60a5fa'] },
+	{ Key: 'slate', Label: 'Slate', Colors: ['#1e2228', '#6b8aae', '#5ea37a', '#c85a5a', '#82a0c4'] },
+	{ Key: 'warm-earth', Label: 'Warm Earth', Colors: ['#1a1610', '#c4956a', '#8a9a5a', '#b04050', '#4a9090'] },
+	{ Key: 'high-contrast', Label: 'High Contrast', Colors: ['#000000', '#58a6ff', '#3fb950', '#f85149', '#d29922'] }
+];
+
+// Shared providers
+const libProvider = require('../pict-app/providers/Pict-Provider-Facto.js');
+const libUIProvider = require('../pict-app/providers/Pict-Provider-Facto-UI.js');
+
+// Shell views
+const libViewLayout = require('./views/PictView-Facto-Full-Layout.js');
+const libViewTopBar = require('./views/PictView-Facto-Full-TopBar.js');
+const libViewBottomBar = require('./views/PictView-Facto-Full-BottomBar.js');
+
+// Content views
+const libViewDashboard = require('./views/PictView-Facto-Full-Dashboard.js');
+const libViewSourceResearch = require('./views/PictView-Facto-Full-SourceResearch.js');
+const libViewIngestJobs = require('./views/PictView-Facto-Full-IngestJobs.js');
+const libViewSources = require('./views/PictView-Facto-Full-Sources.js');
+const libViewDatasets = require('./views/PictView-Facto-Full-Datasets.js');
+const libViewRecords = require('./views/PictView-Facto-Full-Records.js');
+const libViewProjections = require('./views/PictView-Facto-Full-Projections.js');
+const libViewSchemaEditor = require('./views/PictView-Facto-Full-SchemaEditor.js');
+const libViewMappingEditor = require('./views/PictView-Facto-Full-MappingEditor.js');
+const libViewQueryPanel = require('./views/PictView-Facto-Full-QueryPanel.js');
+const libViewDashboards = require('./views/PictView-Facto-Full-Dashboards.js');
+const libViewRecordViewer = require('./views/PictView-Facto-Full-RecordViewer.js');
+const libViewSourceDetail = require('./views/PictView-Facto-Full-SourceDetail.js');
+const libViewSourceEditor = require('./views/PictView-Facto-Full-SourceEditor.js');
+const libViewScanner = require('./views/PictView-Facto-Full-Scanner.js');
+const libViewConnections = require('./views/PictView-Facto-Full-Connections.js');
+const libViewProjectionDetail = require('./views/PictView-Facto-Full-ProjectionDetail.js');
+const libViewThroughput = require('./views/PictView-Facto-Full-Throughput.js');
+const libViewSchemaResearch = require('./views/PictView-Facto-Full-SchemaResearch.js');
+const libViewSchemaDetail = require('./views/PictView-Facto-Full-SchemaDetail.js');
+const libViewSchemaDocEditor = require('./views/PictView-Facto-Full-SchemaDocEditor.js');
+
+class FactoFullApplication extends libPictApplication
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+
+		// Skip premature route resolution during addRoute(); the Layout view
+		// calls resolve() explicitly after the DOM is ready.
+		this.pict.settings.RouterSkipRouteResolveOnAdd = true;
+
+		// Register modal/notification service
+		this.pict.addView('Pict-Section-Modal', libPictSectionModal.default_configuration, libPictSectionModal);
+
+		// Register providers
+		this.pict.addProvider('Facto', libProvider.default_configuration, libProvider);
+		this.pict.addProvider('FactoUI', libUIProvider.default_configuration, libUIProvider);
+
+		// Register router
+		this.pict.addProvider('PictRouter',
+			require('./providers/PictRouter-Facto-Configuration.json'), libPictRouter);
+
+		// Shell views
+		this.pict.addView('Facto-Full-Layout', libViewLayout.default_configuration, libViewLayout);
+		this.pict.addView('Facto-Full-TopBar', libViewTopBar.default_configuration, libViewTopBar);
+		this.pict.addView('Facto-Full-BottomBar', libViewBottomBar.default_configuration, libViewBottomBar);
+
+		// Content views
+		this.pict.addView('Facto-Full-Dashboard', libViewDashboard.default_configuration, libViewDashboard);
+		this.pict.addView('Facto-Full-SourceResearch', libViewSourceResearch.default_configuration, libViewSourceResearch);
+		this.pict.addView('Facto-Full-IngestJobs', libViewIngestJobs.default_configuration, libViewIngestJobs);
+		this.pict.addView('Facto-Full-Sources', libViewSources.default_configuration, libViewSources);
+		this.pict.addView('Facto-Full-Datasets', libViewDatasets.default_configuration, libViewDatasets);
+		this.pict.addView('Facto-Full-Records', libViewRecords.default_configuration, libViewRecords);
+		this.pict.addView('Facto-Full-Projections', libViewProjections.default_configuration, libViewProjections);
+		this.pict.addView('Facto-Full-SchemaEditor', libViewSchemaEditor.default_configuration, libViewSchemaEditor);
+		this.pict.addView('Facto-Full-MappingEditor', libViewMappingEditor.default_configuration, libViewMappingEditor);
+		this.pict.addView('Facto-Full-QueryPanel', libViewQueryPanel.default_configuration, libViewQueryPanel);
+		this.pict.addView('Facto-Full-Dashboards', libViewDashboards.default_configuration, libViewDashboards);
+		this.pict.addView('Facto-Full-RecordViewer', libViewRecordViewer.default_configuration, libViewRecordViewer);
+		this.pict.addView('Facto-Full-SourceDetail', libViewSourceDetail.default_configuration, libViewSourceDetail);
+		this.pict.addView('Facto-Full-SourceEditor', libViewSourceEditor.default_configuration, libViewSourceEditor);
+		this.pict.addView('Facto-Full-Scanner', libViewScanner.default_configuration, libViewScanner);
+		this.pict.addView('Facto-Full-Connections', libViewConnections.default_configuration, libViewConnections);
+		this.pict.addView('Facto-Full-ProjectionDetail', libViewProjectionDetail.default_configuration, libViewProjectionDetail);
+		this.pict.addView('Facto-Full-Throughput', libViewThroughput.default_configuration, libViewThroughput);
+		this.pict.addView('Facto-Full-SchemaResearch', libViewSchemaResearch.default_configuration, libViewSchemaResearch);
+		this.pict.addView('Facto-Full-SchemaDetail', libViewSchemaDetail.default_configuration, libViewSchemaDetail);
+		this.pict.addView('Facto-Full-SchemaDocEditor', libViewSchemaDocEditor.default_configuration, libViewSchemaDocEditor);
+	}
+
+	onAfterInitializeAsync(fCallback)
+	{
+		// Apply saved theme before first render
+		this.loadSavedTheme();
+
+		// Initialize application state
+		this.pict.AppData.Facto =
+		{
+			CatalogEntries: [],
+			Sources: [],
+			Datasets: [],
+			Records: [],
+			IngestJobs: [],
+			Projections: [],
+			SelectedSource: null,
+			SelectedDataset: null,
+			RecordPage: 0,
+			RecordPageSize: 50,
+			RecordFilterSources: [],
+			RecordFilterDatasets: [],
+			RecordFilterDateFrom: '',
+			RecordFilterDateTo: '',
+			CurrentRecordContent: {},
+			CurrentDocumentSegments: [],
+			StoreConnections: [],
+			AvailableConnectionTypes: [],
+			ProjectionMappings: [],
+			DiscoveredFields: {},
+			ScannerPaths: [],
+			ScannerDatasets: [],
+			Schemas: [],
+			SelectedSchema: null,
+			SchemaVersions: [],
+			CurrentTheme: 'turquoise-deluxe',
+			CurrentRoute: ''
+		};
+
+		// Expose pict globally for inline onclick handlers
+		window.pict = this.pict;
+
+		// Register all parameterized routes BEFORE rendering the layout,
+		// so they are available when resolve() fires after the DOM is ready.
+		let tmpSelf = this;
+		this.pict.providers.PictRouter.addRoute('/Record/:IDRecord',
+			(pMatch) =>
+			{
+				let tmpIDRecord = pMatch && pMatch.data ? pMatch.data.IDRecord : null;
+				if (tmpIDRecord)
+				{
+					tmpSelf.showRecordView(tmpIDRecord);
+				}
+			});
+
+		this.pict.providers.PictRouter.addRoute('/Records/FilteredTo/:Filter/:Begin/:Cap',
+			(pMatch) =>
+			{
+				let tmpFilter = pMatch && pMatch.data ? pMatch.data.Filter : null;
+				let tmpBegin = pMatch && pMatch.data ? parseInt(pMatch.data.Begin, 10) : 0;
+				let tmpCap = pMatch && pMatch.data ? parseInt(pMatch.data.Cap, 10) : 50;
+				if (tmpFilter)
+				{
+					tmpSelf.showFilteredRecordsView(tmpFilter, tmpBegin, tmpCap);
+				}
+			});
+
+		this.pict.providers.PictRouter.addRoute('/Projection/:EntityName/Record/:IDRecord',
+			(pMatch) =>
+			{
+				let tmpEntityName = pMatch && pMatch.data ? pMatch.data.EntityName : null;
+				let tmpIDRecord = pMatch && pMatch.data ? pMatch.data.IDRecord : null;
+				if (tmpEntityName && tmpIDRecord)
+				{
+					tmpSelf.showProjectionRecordView(tmpEntityName, tmpIDRecord);
+				}
+			});
+
+		this.pict.providers.PictRouter.addRoute('/Source/:IDSource',
+			(pMatch) =>
+			{
+				let tmpIDSource = pMatch && pMatch.data ? pMatch.data.IDSource : null;
+				if (tmpIDSource)
+				{
+					tmpSelf.showSourceView(tmpIDSource);
+				}
+			});
+
+		this.pict.providers.PictRouter.addRoute('/Projection/:IDDataset',
+			(pMatch) =>
+			{
+				let tmpIDDataset = pMatch && pMatch.data ? pMatch.data.IDDataset : null;
+				if (tmpIDDataset)
+				{
+					tmpSelf.showProjectionView(tmpIDDataset);
+				}
+			});
+
+		this.pict.providers.PictRouter.addRoute('/Source/:IDSource/Doc/:IDDoc',
+			(pMatch) =>
+			{
+				let tmpIDSource = pMatch && pMatch.data ? pMatch.data.IDSource : null;
+				let tmpIDDoc = pMatch && pMatch.data ? pMatch.data.IDDoc : null;
+				if (tmpIDSource)
+				{
+					tmpSelf.showSourceView(tmpIDSource, tmpIDDoc);
+				}
+			});
+
+		this.pict.providers.PictRouter.addRoute('/Schema/:IDSchema',
+			(pMatch) =>
+			{
+				let tmpIDSchema = pMatch && pMatch.data ? pMatch.data.IDSchema : null;
+				if (tmpIDSchema)
+				{
+					tmpSelf.showSchemaView(tmpIDSchema);
+				}
+			});
+
+		this.pict.providers.PictRouter.addRoute('/Schema/:IDSchema/Doc/:IDDoc',
+			(pMatch) =>
+			{
+				let tmpIDSchema = pMatch && pMatch.data ? pMatch.data.IDSchema : null;
+				let tmpIDDoc = pMatch && pMatch.data ? pMatch.data.IDDoc : null;
+				if (tmpIDSchema)
+				{
+					tmpSelf.showSchemaView(tmpIDSchema, tmpIDDoc);
+				}
+			});
+
+		// Render the layout shell — this cascades into TopBar, BottomBar
+		this.pict.views['Facto-Full-Layout'].render();
+
+		// Resolve the router now that all routes are registered and the DOM
+		// is ready. This picks up the current hash URL for deep links / reloads.
+		this.pict.providers.PictRouter.resolve();
+
+		return super.onAfterInitializeAsync(fCallback);
+	}
+
+	navigateTo(pRoute)
+	{
+		this.pict.providers.PictRouter.navigate(pRoute);
+	}
+
+	showRecordView(pIDRecord)
+	{
+		let tmpView = this.pict.views['Facto-Full-RecordViewer'];
+		if (tmpView)
+		{
+			tmpView.loadRecord(pIDRecord);
+		}
+		// Highlight "Records" in the nav since the record viewer is a child of Records
+		this._setActiveNav('Records');
+	}
+
+	showFilteredRecordsView(pFilterString, pBegin, pCap)
+	{
+		let tmpProvider = this.pict.providers.Facto;
+
+		// Parse the FilteredTo string into structured filter objects
+		let tmpFilters = tmpProvider.parseFilteredToString(pFilterString);
+
+		// Extract UI state (source IDs, dataset IDs, dates) from the filters
+		let tmpState = tmpProvider.extractRecordStateFromFilters(tmpFilters);
+
+		// Update AppData with the parsed filter state
+		this.pict.AppData.Facto.RecordFilterSources = tmpState.SourceIDs;
+		this.pict.AppData.Facto.RecordFilterDatasets = tmpState.DatasetIDs;
+		this.pict.AppData.Facto.RecordFilterDateFrom = tmpState.DateFrom;
+		this.pict.AppData.Facto.RecordFilterDateTo = tmpState.DateTo;
+
+		// Set pagination from URL
+		let tmpPageSize = pCap || this.pict.AppData.Facto.RecordPageSize || 50;
+		this.pict.AppData.Facto.RecordPage = Math.floor((pBegin || 0) / tmpPageSize);
+		this.pict.AppData.Facto.RecordPageSize = tmpPageSize;
+
+		// Store the raw filter string so the Records view can use it directly
+		this.pict.AppData.Facto.RecordFilterString = pFilterString;
+
+		// Show the Records view — it will pick up the filter state from AppData
+		let tmpView = this.pict.views['Facto-Full-Records'];
+		if (tmpView)
+		{
+			tmpView.render();
+		}
+		this._setActiveNav('Records');
+	}
+
+	showProjectionRecordView(pEntityName, pIDRecord)
+	{
+		let tmpView = this.pict.views['Facto-Full-RecordViewer'];
+		if (tmpView)
+		{
+			tmpView.loadProjectionRecord(pEntityName, pIDRecord);
+		}
+		this._setActiveNav('Records');
+	}
+
+	showSourceView(pIDSource, pIDDoc)
+	{
+		let tmpView = this.pict.views['Facto-Full-SourceDetail'];
+		if (tmpView)
+		{
+			tmpView.loadSource(pIDSource, pIDDoc);
+		}
+		// Highlight "SourceResearch" in the nav since source detail is a child of Source Research
+		this._setActiveNav('SourceResearch');
+	}
+
+	showSchemaView(pIDSchema, pIDDoc)
+	{
+		let tmpView = this.pict.views['Facto-Full-SchemaDetail'];
+		if (tmpView)
+		{
+			tmpView.loadSchema(pIDSchema, pIDDoc);
+		}
+		this._setActiveNav('SchemaResearch');
+	}
+
+	showProjectionView(pIDDataset)
+	{
+		let tmpView = this.pict.views['Facto-Full-ProjectionDetail'];
+		if (tmpView)
+		{
+			tmpView.loadProjection(pIDDataset);
+		}
+		this._setActiveNav('Projections');
+	}
+
+	showView(pViewIdentifier)
+	{
+		if (pViewIdentifier in this.pict.views)
+		{
+			this.pict.views[pViewIdentifier].render();
+		}
+		else
+		{
+			this.pict.log.warn(`View [${pViewIdentifier}] not found; falling back to dashboard.`);
+			this.pict.views['Facto-Full-Dashboard'].render();
+		}
+
+		// Derive the route name from the view identifier for nav highlighting
+		// e.g. "Facto-Full-SourceResearch" → "SourceResearch"
+		let tmpRoute = pViewIdentifier.replace('Facto-Full-', '');
+		this._setActiveNav(tmpRoute);
+	}
+
+	_setActiveNav(pRoute)
+	{
+		this.pict.AppData.Facto.CurrentRoute = pRoute;
+
+		let tmpTopBar = this.pict.views['Facto-Full-TopBar'];
+		if (tmpTopBar && typeof tmpTopBar.highlightRoute === 'function')
+		{
+			tmpTopBar.highlightRoute(pRoute);
+		}
+	}
+
+	// --- Theme ---
+	applyTheme(pThemeKey)
+	{
+		let tmpThemeKey = pThemeKey || 'turquoise-deluxe';
+
+		if (tmpThemeKey === 'turquoise-deluxe')
+		{
+			delete document.body.dataset.theme;
+		}
+		else
+		{
+			document.body.dataset.theme = tmpThemeKey;
+		}
+
+		localStorage.setItem('facto-theme', tmpThemeKey);
+
+		if (this.pict.AppData.Facto)
+		{
+			this.pict.AppData.Facto.CurrentTheme = tmpThemeKey;
+		}
+	}
+
+	loadSavedTheme()
+	{
+		let tmpSavedTheme = localStorage.getItem('facto-theme') || 'turquoise-deluxe';
+		this.applyTheme(tmpSavedTheme);
+	}
+
+	getThemeList()
+	{
+		return THEME_LIST;
+	}
+}
+
+module.exports = FactoFullApplication;
+
+module.exports.default_configuration = require('./Pict-Application-Facto-Full-Configuration.json');

package/source/services/web-app/pict-app-full/providers/PictRouter-Facto-Configuration.json

@@ -0,0 +1,56 @@
+{
+	"ProviderIdentifier": "Pict-Router",
+	"AutoInitialize": true,
+	"AutoInitializeOrdinal": 0,
+	"Routes":
+	[
+		{
+			"path": "/Home",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Dashboard`)~}"
+		},
+		{
+			"path": "/Scanner",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Scanner`)~}"
+		},
+		{
+			"path": "/SourceResearch",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-SourceResearch`)~}"
+		},
+		{
+			"path": "/SchemaResearch",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-SchemaResearch`)~}"
+		},
+		{
+			"path": "/IngestJobs",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-IngestJobs`)~}"
+		},
+		{
+			"path": "/Sources",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Sources`)~}"
+		},
+		{
+			"path": "/Datasets",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Datasets`)~}"
+		},
+		{
+			"path": "/Records",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Records`)~}"
+		},
+		{
+			"path": "/Projections",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Projections`)~}"
+		},
+		{
+			"path": "/Connections",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Connections`)~}"
+		},
+		{
+			"path": "/Dashboards",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Dashboards`)~}"
+		},
+		{
+			"path": "/Throughput",
+			"template": "{~LV:Pict.PictApplication.showView(`Facto-Full-Throughput`)~}"
+		}
+	]
+}

package/source/services/web-app/pict-app-full/views/PictView-Facto-Full-BottomBar.js

@@ -0,0 +1,68 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Facto-Full-BottomBar",
+
+	DefaultRenderable: "Facto-Full-BottomBar-Content",
+	DefaultDestinationAddress: "#Facto-Full-BottomBar-Container",
+
+	AutoRender: false,
+
+	CSS: /*css*/`
+		.facto-bottombar {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 0.6em 1.25em;
+			background: var(--facto-topbar-bg);
+			border-top: 1px solid var(--facto-border-subtle);
+			font-size: 0.78em;
+			color: var(--facto-text-tertiary);
+		}
+
+		.facto-bottombar a {
+			color: var(--facto-text-tertiary);
+			text-decoration: none;
+		}
+
+		.facto-bottombar a:hover {
+			color: var(--facto-text-secondary);
+		}
+	`,
+
+	Templates:
+	[
+		{
+			Hash: "Facto-Full-BottomBar-Template",
+			Template: /*html*/`
+<div class="facto-bottombar">
+	<span>Retold Facto Data Warehouse</span>
+	<span>Retold</span>
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Facto-Full-BottomBar-Content",
+			TemplateHash: "Facto-Full-BottomBar-Template",
+			DestinationAddress: "#Facto-Full-BottomBar-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class FactoFullBottomBarView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+}
+
+module.exports = FactoFullBottomBarView;
+
+module.exports.default_configuration = _ViewConfiguration;