retold 4.0.1 → 4.0.2

package/examples/todo-list/web-client/source/views/calendar/View-WeekView.cjs

@@ -0,0 +1,149 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: 'TodoList-WeekView',
+	DefaultRenderable: 'TodoList-WeekView-Content',
+	DefaultDestinationAddress: '#TodoList-Content',
+	AutoRender: false,
+
+	Templates:
+	[
+		{
+			Hash: 'TodoList-WeekView-Template',
+			Template: /*html*/`
+<div class="tl-cal-header">
+	<h2>Week View</h2>
+	<div class="tl-cal-nav">
+		<button class="tl-btn tl-btn-default" onclick="{~P~}.PictApplication.calendarNavigate('week', -1)">&larr; Prev</button>
+		<button class="tl-btn tl-btn-primary" onclick="{~P~}.PictApplication.calendarToday('week')">Today</button>
+		<button class="tl-btn tl-btn-default" onclick="{~P~}.PictApplication.calendarNavigate('week', 1)">Next &rarr;</button>
+	</div>
+</div>
+<p class="tl-cal-label">{~D:AppData.TodoList.CalendarState.WeekLabel~}</p>
+<table class="tl-cal-table">
+	<thead>
+		<tr>
+			<th>Day</th>
+			<th>Date</th>
+			<th>Completed</th>
+			<th>Open</th>
+			<th>Total</th>
+		</tr>
+	</thead>
+	<tbody>
+		{~TemplateSet:TodoList-WeekRow:AppData.TodoList.CalendarState.WeekRows~}
+	</tbody>
+</table>
+`
+		},
+		{
+			Hash: 'TodoList-WeekRow',
+			Template: /*html*/`
+<tr class="{~D:Record.TodayClass~}">
+	<td>{~D:Record.DayName~}</td>
+	<td>{~D:Record.DateLabel~}</td>
+	<td><span class="tl-cal-badge {~D:Record.CompleteBadge~}">{~D:Record.Complete~}</span></td>
+	<td><span class="tl-cal-badge {~D:Record.OpenBadge~}">{~D:Record.Open~}</span></td>
+	<td><span class="tl-cal-badge {~D:Record.TotalBadge~}">{~D:Record.Total~}</span></td>
+</tr>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: 'TodoList-WeekView-Content',
+			TemplateHash: 'TodoList-WeekView-Template',
+			DestinationAddress: '#TodoList-Content',
+			RenderMethod: 'replace'
+		}
+	]
+};
+
+const _DayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+const _MonthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
+class TodoListWeekView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onBeforeRender()
+	{
+		let tmpCal = this.pict.AppData.TodoList.CalendarState;
+		let tmpAnchor = new Date(tmpCal.AnchorDate + 'T00:00:00');
+
+		// Find the Monday of the anchor's week
+		let tmpDayOfWeek = tmpAnchor.getDay();
+		let tmpMonday = new Date(tmpAnchor);
+		tmpMonday.setDate(tmpMonday.getDate() - ((tmpDayOfWeek + 6) % 7));
+
+		let tmpToday = new Date().toISOString().substring(0, 10);
+		let tmpAllTasks = this.pict.AppData.TodoList.AllTasks;
+
+		// Build a lookup: dateString -> { complete, open }
+		let tmpTaskMap = {};
+		for (let i = 0; i < tmpAllTasks.length; i++)
+		{
+			let tmpDate = (tmpAllTasks[i].DueDate || '').substring(0, 10);
+			if (!tmpDate)
+			{
+				continue;
+			}
+			if (!tmpTaskMap[tmpDate])
+			{
+				tmpTaskMap[tmpDate] = { complete: 0, open: 0 };
+			}
+			if (tmpAllTasks[i].Status === 'Complete')
+			{
+				tmpTaskMap[tmpDate].complete++;
+			}
+			else
+			{
+				tmpTaskMap[tmpDate].open++;
+			}
+		}
+
+		// Build 7 row objects (Mon–Sun)
+		let tmpRows = [];
+		for (let d = 0; d < 7; d++)
+		{
+			let tmpDay = new Date(tmpMonday);
+			tmpDay.setDate(tmpMonday.getDate() + d);
+			let tmpDateStr = tmpDay.toISOString().substring(0, 10);
+			let tmpCounts = tmpTaskMap[tmpDateStr] || { complete: 0, open: 0 };
+			let tmpTotal = tmpCounts.complete + tmpCounts.open;
+
+			tmpRows.push(
+			{
+				DayName: _DayNames[tmpDay.getDay()],
+				DateLabel: _MonthNames[tmpDay.getMonth()] + ' ' + tmpDay.getDate() + ', ' + tmpDay.getFullYear(),
+				Complete: tmpCounts.complete,
+				Open: tmpCounts.open,
+				Total: tmpTotal,
+				CompleteBadge: tmpCounts.complete > 0 ? 'tl-cal-badge-complete' : 'tl-cal-badge-zero',
+				OpenBadge: tmpCounts.open > 0 ? 'tl-cal-badge-open' : 'tl-cal-badge-zero',
+				TotalBadge: tmpTotal > 0 ? 'tl-cal-badge-complete' : 'tl-cal-badge-zero',
+				TodayClass: tmpDateStr === tmpToday ? 'tl-cal-today' : ''
+			});
+		}
+
+		tmpCal.WeekRows = tmpRows;
+
+		// Build the header label
+		let tmpSunday = new Date(tmpMonday);
+		tmpSunday.setDate(tmpMonday.getDate() + 6);
+		tmpCal.WeekLabel = _MonthNames[tmpMonday.getMonth()] + ' ' + tmpMonday.getDate()
+			+ ' – ' + _MonthNames[tmpSunday.getMonth()] + ' ' + tmpSunday.getDate()
+			+ ', ' + tmpSunday.getFullYear();
+
+		return super.onBeforeRender();
+	}
+}
+
+module.exports = TodoListWeekView;
+module.exports.default_configuration = _ViewConfiguration;

package/examples/todo-list/web-client/source/views/calendar/View-YearView.cjs

@@ -0,0 +1,226 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: 'TodoList-YearView',
+	DefaultRenderable: 'TodoList-YearView-Content',
+	DefaultDestinationAddress: '#TodoList-Content',
+	AutoRender: false,
+
+	CSS: /*css*/`
+		.tl-year-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1em; margin-bottom: 1.25em; }
+		.tl-year-month-card { background: #fff; border-radius: 6px; padding: 1em; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
+		.tl-year-month-card-current { border: 2px solid #2E7D74; }
+		.tl-year-month-name { font-weight: 700; font-size: 1em; margin-bottom: 0.5em; }
+		.tl-year-month-stats { display: flex; gap: 0.5em; flex-wrap: wrap; }
+		.tl-year-month-stat { font-size: 0.85em; color: #8A7F72; }
+		.tl-year-month-stat strong { font-weight: 700; }
+	`,
+
+	Templates:
+	[
+		{
+			Hash: 'TodoList-YearView-Template',
+			Template: /*html*/`
+<div class="tl-cal-header">
+	<h2>Year View</h2>
+	<div class="tl-cal-nav">
+		<button class="tl-btn tl-btn-default" onclick="{~P~}.PictApplication.calendarNavigate('year', -1)">&larr; Prev</button>
+		<button class="tl-btn tl-btn-primary" onclick="{~P~}.PictApplication.calendarToday('year')">Today</button>
+		<button class="tl-btn tl-btn-default" onclick="{~P~}.PictApplication.calendarNavigate('year', 1)">Next &rarr;</button>
+	</div>
+</div>
+<p class="tl-cal-label">{~D:AppData.TodoList.CalendarState.YearLabel~}</p>
+<div id="TodoList-YearGrid"></div>
+<table class="tl-cal-table">
+	<thead>
+		<tr>
+			<th>Month</th>
+			<th>Completed</th>
+			<th>Open</th>
+			<th>Total</th>
+		</tr>
+	</thead>
+	<tbody>
+		{~TemplateSet:TodoList-YearRow:AppData.TodoList.CalendarState.YearRows~}
+	</tbody>
+</table>
+`
+		},
+		{
+			Hash: 'TodoList-YearRow',
+			Template: /*html*/`
+<tr class="{~D:Record.TotalClass~}">
+	<td>{~D:Record.MonthLabel~}</td>
+	<td><span class="tl-cal-badge {~D:Record.CompleteBadge~}">{~D:Record.Complete~}</span></td>
+	<td><span class="tl-cal-badge {~D:Record.OpenBadge~}">{~D:Record.Open~}</span></td>
+	<td><span class="tl-cal-badge {~D:Record.TotalBadge~}">{~D:Record.Total~}</span></td>
+</tr>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: 'TodoList-YearView-Content',
+			TemplateHash: 'TodoList-YearView-Template',
+			DestinationAddress: '#TodoList-Content',
+			RenderMethod: 'replace'
+		}
+	]
+};
+
+const _MonthNamesFull = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+
+class TodoListYearView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onBeforeRender()
+	{
+		let tmpCal = this.pict.AppData.TodoList.CalendarState;
+		let tmpAnchor = new Date(tmpCal.AnchorDate + 'T00:00:00');
+		let tmpYear = tmpAnchor.getFullYear();
+		let tmpCurrentMonth = new Date().getMonth();
+		let tmpCurrentYear = new Date().getFullYear();
+
+		tmpCal.YearLabel = String(tmpYear);
+
+		// Build month->counts map
+		let tmpAllTasks = this.pict.AppData.TodoList.AllTasks;
+		let tmpMonthMap = {};
+		for (let i = 0; i < tmpAllTasks.length; i++)
+		{
+			let tmpDate = (tmpAllTasks[i].DueDate || '').substring(0, 10);
+			if (!tmpDate)
+			{
+				continue;
+			}
+			// Only count tasks in this year
+			if (tmpDate.substring(0, 4) !== String(tmpYear))
+			{
+				continue;
+			}
+			let tmpMonthKey = parseInt(tmpDate.substring(5, 7), 10) - 1;
+			if (!tmpMonthMap[tmpMonthKey])
+			{
+				tmpMonthMap[tmpMonthKey] = { complete: 0, open: 0 };
+			}
+			if (tmpAllTasks[i].Status === 'Complete')
+			{
+				tmpMonthMap[tmpMonthKey].complete++;
+			}
+			else
+			{
+				tmpMonthMap[tmpMonthKey].open++;
+			}
+		}
+
+		// Store for the grid
+		this._monthMap = tmpMonthMap;
+		this._gridYear = tmpYear;
+		this._currentMonth = tmpCurrentMonth;
+		this._isCurrentYear = tmpYear === tmpCurrentYear;
+
+		// Build 12 month rows + total
+		let tmpRows = [];
+		let tmpTotalComplete = 0;
+		let tmpTotalOpen = 0;
+
+		for (let m = 0; m < 12; m++)
+		{
+			let tmpCounts = tmpMonthMap[m] || { complete: 0, open: 0 };
+			let tmpTotal = tmpCounts.complete + tmpCounts.open;
+
+			tmpTotalComplete += tmpCounts.complete;
+			tmpTotalOpen += tmpCounts.open;
+
+			tmpRows.push(
+			{
+				MonthLabel: _MonthNamesFull[m],
+				Complete: tmpCounts.complete,
+				Open: tmpCounts.open,
+				Total: tmpTotal,
+				CompleteBadge: tmpCounts.complete > 0 ? 'tl-cal-badge-complete' : 'tl-cal-badge-zero',
+				OpenBadge: tmpCounts.open > 0 ? 'tl-cal-badge-open' : 'tl-cal-badge-zero',
+				TotalBadge: tmpTotal > 0 ? 'tl-cal-badge-complete' : 'tl-cal-badge-zero',
+				TotalClass: (this._isCurrentYear && m === tmpCurrentMonth) ? 'tl-cal-today' : ''
+			});
+		}
+
+		let tmpGrandTotal = tmpTotalComplete + tmpTotalOpen;
+		tmpRows.push(
+		{
+			MonthLabel: 'Total',
+			Complete: tmpTotalComplete,
+			Open: tmpTotalOpen,
+			Total: tmpGrandTotal,
+			CompleteBadge: tmpTotalComplete > 0 ? 'tl-cal-badge-complete' : 'tl-cal-badge-zero',
+			OpenBadge: tmpTotalOpen > 0 ? 'tl-cal-badge-open' : 'tl-cal-badge-zero',
+			TotalBadge: tmpGrandTotal > 0 ? 'tl-cal-badge-complete' : 'tl-cal-badge-zero',
+			TotalClass: 'tl-cal-total'
+		});
+
+		tmpCal.YearRows = tmpRows;
+
+		return super.onBeforeRender();
+	}
+
+	/**
+	 * Render the 4×3 month card grid after the template is in the DOM.
+	 */
+	onAfterRender()
+	{
+		let tmpContainer = document.getElementById('TodoList-YearGrid');
+		if (!tmpContainer)
+		{
+			return super.onAfterRender();
+		}
+
+		let tmpMonthMap = this._monthMap;
+		let tmpHTML = '<div class="tl-year-grid">';
+
+		for (let m = 0; m < 12; m++)
+		{
+			let tmpCounts = tmpMonthMap[m] || { complete: 0, open: 0 };
+			let tmpTotal = tmpCounts.complete + tmpCounts.open;
+			let tmpIsCurrent = this._isCurrentYear && m === this._currentMonth;
+
+			let tmpCardClass = 'tl-year-month-card';
+			if (tmpIsCurrent)
+			{
+				tmpCardClass += ' tl-year-month-card-current';
+			}
+
+			tmpHTML += '<div class="' + tmpCardClass + '">';
+			tmpHTML += '<div class="tl-year-month-name">' + _MonthNamesFull[m] + '</div>';
+			tmpHTML += '<div class="tl-year-month-stats">';
+
+			if (tmpTotal > 0)
+			{
+				tmpHTML += '<span class="tl-year-month-stat"><strong>' + tmpTotal + '</strong> tasks</span>';
+				tmpHTML += '<span class="tl-year-month-stat">(<span class="tl-cal-badge tl-cal-badge-complete">' + tmpCounts.complete + '</span> done';
+				tmpHTML += ', <span class="tl-cal-badge tl-cal-badge-open">' + tmpCounts.open + '</span> open)</span>';
+			}
+			else
+			{
+				tmpHTML += '<span class="tl-year-month-stat" style="color:#B5ADA2;">No tasks</span>';
+			}
+
+			tmpHTML += '</div>';
+			tmpHTML += '</div>';
+		}
+
+		tmpHTML += '</div>';
+		tmpContainer.innerHTML = tmpHTML;
+
+		return super.onAfterRender();
+	}
+}
+
+module.exports = TodoListYearView;
+module.exports.default_configuration = _ViewConfiguration;

package/modules/Include-Retold-Module-List.sh

@@ -4,12 +4,12 @@ echo "### Building list of modules..."
 
 repositoriesFable=("fable" "fable-log" "fable-settings" "fable-uuid" "fable-serviceproviderbase" "fable-log-logger-bunyan")
 
-repositoriesMeadow=("stricture" "foxhound" "bibliograph" "meadow" "parime" "meadow-endpoints" "meadow-connection-mysql" "meadow-connection-mssql" "meadow-connection-sqlite" "retold-data-service" "retold-harness" "meadow-integration" "meadow-graph-client")
+repositoriesMeadow=("stricture" "foxhound" "bibliograph" "meadow" "parime" "meadow-endpoints" "meadow-connection-mysql" "meadow-connection-mssql" "meadow-connection-sqlite" "retold-data-service" "retold-harness" "meadow-integration")
 
 repositoriesOrator=("orator" "orator-serviceserver-restify" "orator-static-server" "orator-http-proxy" "tidings" "orator-endpoint" "orator-conversion")
 
 repositoriesPict=("pict" "pict-template" "pict-view" "pict-provider" "pict-application" "pict-panel" "pict-nonlinearconfig" "pict-section-flow" "pict-docuserve" "cryptbrau" "informary" "pict-service-commandlineutility" "pict-section-recordset" "pict-section-content" "pict-section-form" "pict-section-tuigrid" "pict-router" "pict-serviceproviderbase" "pict-terminalui")
 
-repositoriesUtility=("indoctrinate" "manyfest" "choreographic" "quackage" "ultravisor")
+repositoriesUtility=("indoctrinate" "manyfest" "quackage" "ultravisor")
 
 echo "### ... Module lists built!"

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "retold",
-    "version": "4.0.1",
+    "version": "4.0.2",
     "description": "The pict and fable node ecosystem.",
     "main": "source/Retold.cjs",
     "scripts": {
         "start": "node source/Retold.cjs",
         "coverage": "./node_modules/.bin/nyc --reporter=lcov --reporter=text-lcov ./node_modules/mocha/bin/_mocha -- -u tdd -R spec",
         "test": "./node_modules/.bin/mocha -u tdd -R spec",
-		"build-docs": "npx quack prepare-docs ./docs -d ./modules",
-		"serve-docs": "npx pict-docuserve serve ./docs",
+	"build-docs": "npx quack prepare-docs ./docs -d ./modules",
+	"serve-docs": "npx pict-docuserve serve ./docs",
         "docker-dev-build": "docker build ./ -f Dockerfile_LUXURYCode -t retold-image:local",
         "docker-dev-run": "docker run -it -d --name retold-dev -p 30001:8080 -p 38086:8086 -v \"$PWD/.config:/home/coder/.config\"  -v \"$PWD:/home/coder/retold\" -u \"$(id -u):$(id -g)\" -e \"DOCKER_USER=$USER\" retold-image:local",
         "docker-dev-shell": "docker exec -it retold-dev /bin/bash"
@@ -26,7 +26,7 @@
     "homepage": "https://github.com/stevenvelozo/retold",
     "devDependencies": {
         "indoctrinate": "^1.0.4",
-        "pict-docuserve": "^0.0.7",
-        "quackage": "^1.0.47"
+        "pict-docuserve": "^0.0.10",
+        "quackage": "^1.0.48"
     }
 }