pict-section-inlinedocumentation 0.0.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pict-section-inlinedocumentation",
-	"version": "0.0.1",
+	"version": "0.0.2",
 	"description": "Pict embeddable inline documentation browser with topic support",
 	"main": "source/Pict-Section-InlineDocumentation.js",
 	"scripts": {
@@ -23,13 +23,13 @@
 	"homepage": "https://github.com/stevenvelozo/pict-section-inlinedocumentation#readme",
 	"dependencies": {
 		"pict-provider": "^1.0.12",
-		"pict-section-content": "^0.0.11",
-		"pict-section-markdowneditor": "file:../pict-section-markdowneditor",
-		"pict-section-modal": "file:../pict-section-modal",
-		"pict-view": "^1.0.67"
+		"pict-section-content": "^0.1.5",
+		"pict-section-markdowneditor": "^1.0.9",
+		"pict-section-modal": "^0.0.2",
+		"pict-view": "^1.0.68"
 	},
 	"devDependencies": {
-		"pict": "^1.0.361",
+		"pict": "^1.0.363",
 		"pict-docuserve": "^0.1.5",
 		"puppeteer": "^24.40.0",
 		"quackage": "^1.1.0"

package/source/providers/Pict-Provider-InlineDocumentation.js

@@ -55,7 +55,7 @@ class InlineDocumentationProvider extends libPictProvider
 			{
 				RenderableHash: 'MarkdownEditor-Wrap',
 				TemplateHash: 'MarkdownEditor-Container',
-				DestinationAddress: '#InlineDoc-Editor-Container'
+				ContentDestinationAddress: '#InlineDoc-Editor-Container'
 			}
 		];
 		this.pict.addViewSingleton('InlineDoc-MarkdownEditor', tmpEditorConfig, libPictSectionMarkdownEditor);
@@ -137,7 +137,7 @@ class InlineDocumentationProvider extends libPictProvider
 			{
 				for (let i = 0; i < tmpLayoutView.options.Renderables.length; i++)
 				{
-					tmpLayoutView.options.Renderables[i].DestinationAddress = tmpOptions.ContainerAddress;
+					tmpLayoutView.options.Renderables[i].ContentDestinationAddress = tmpOptions.ContainerAddress;
 				}
 			}
 		}

package/source/views/Pict-View-InlineDocumentation-Content.js

@@ -5,7 +5,7 @@ const _ViewConfiguration =
 	ViewIdentifier: "InlineDoc-Content",
 
 	DefaultRenderable: "InlineDoc-Content-Display",
-	DefaultDestinationAddress: "#InlineDoc-Content-Container",
+	DefaultContentDestinationAddress: "#InlineDoc-Content-Container",
 
 	AutoRender: false,
 
@@ -286,9 +286,9 @@ const _ViewConfiguration =
 			Template: /*html*/`
 <div class="pict-inline-doc-edit-toolbar" id="InlineDoc-Edit-Toolbar">
 	<span class="edit-label" id="InlineDoc-Edit-Label">View mode</span>
-	<button class="pict-inline-doc-edit-btn" id="InlineDoc-Edit-Toggle" title="Edit this document"><span class="btn-icon">&#x270E;</span> Edit</button>
-	<button class="pict-inline-doc-edit-btn primary" id="InlineDoc-Edit-Save" style="display:none"><span class="btn-icon">&#x2713;</span> Save</button>
-	<button class="pict-inline-doc-edit-btn" id="InlineDoc-Edit-Cancel" style="display:none"><span class="btn-icon">&#x2717;</span> Cancel</button>
+	<button class="pict-inline-doc-edit-btn" id="InlineDoc-Edit-Toggle" title="Edit this document"><span class="btn-icon"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M11.5 1.5l3 3L5 14H2v-3z"/><line x1="9" y1="4" x2="12" y2="7"/></svg></span> Edit</button>
+	<button class="pict-inline-doc-edit-btn primary" id="InlineDoc-Edit-Save" style="display:none"><span class="btn-icon"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="3,8 6.5,11.5 13,4.5"/></svg></span> Save</button>
+	<button class="pict-inline-doc-edit-btn" id="InlineDoc-Edit-Cancel" style="display:none"><span class="btn-icon"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="4" y1="4" x2="12" y2="12"/><line x1="12" y1="4" x2="4" y2="12"/></svg></span> Cancel</button>
 </div>
 <div class="pict-inline-doc-content pict-content" id="InlineDoc-Content-Body">
 	<div class="pict-inline-doc-content-loading">Loading...</div>
@@ -302,7 +302,7 @@ const _ViewConfiguration =
 		{
 			RenderableHash: "InlineDoc-Content-Display",
 			TemplateHash: "InlineDoc-Content-Template",
-			DestinationAddress: "#InlineDoc-Content-Container",
+			ContentDestinationAddress: "#InlineDoc-Content-Container",
 			RenderMethod: "replace"
 		}
 	]

package/source/views/Pict-View-InlineDocumentation-Layout.js

@@ -5,7 +5,7 @@ const _ViewConfiguration =
 	ViewIdentifier: "InlineDoc-Layout",
 
 	DefaultRenderable: "InlineDoc-Layout-Container",
-	DefaultDestinationAddress: "#InlineDoc-Container",
+	DefaultContentDestinationAddress: "#InlineDoc-Container",
 
 	AutoRender: false,
 
@@ -122,7 +122,7 @@ const _ViewConfiguration =
 		{
 			RenderableHash: "InlineDoc-Layout-Container",
 			TemplateHash: "InlineDoc-Layout-Template",
-			DestinationAddress: "#InlineDoc-Container",
+			ContentDestinationAddress: "#InlineDoc-Container",
 			RenderMethod: "replace"
 		}
 	]

package/source/views/Pict-View-InlineDocumentation-Nav.js

@@ -5,7 +5,7 @@ const _ViewConfiguration =
 	ViewIdentifier: "InlineDoc-Nav",
 
 	DefaultRenderable: "InlineDoc-Nav-Display",
-	DefaultDestinationAddress: "#InlineDoc-Nav-Container",
+	DefaultContentDestinationAddress: "#InlineDoc-Nav-Container",
 
 	AutoRender: false,
 
@@ -189,7 +189,7 @@ const _ViewConfiguration =
 		{
 			RenderableHash: "InlineDoc-Nav-Display",
 			TemplateHash: "InlineDoc-Nav-Template",
-			DestinationAddress: "#InlineDoc-Nav-Container",
+			ContentDestinationAddress: "#InlineDoc-Nav-Container",
 			RenderMethod: "replace"
 		}
 	]
@@ -265,7 +265,7 @@ class InlineDocumentationNavView extends libPictView
 
 			tmpHTML += '<div class="pict-inline-doc-nav-topic-badge">'
 				+ this._escapeHTML(tmpTopicName)
-				+ '<span class="pict-inline-doc-nav-topic-clear" id="InlineDoc-Nav-ClearTopic">&#x2715;</span>'
+				+ '<span class="pict-inline-doc-nav-topic-clear" id="InlineDoc-Nav-ClearTopic"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="4" y1="4" x2="12" y2="12"/><line x1="12" y1="4" x2="4" y2="12"/></svg></span>'
 				+ '</div>';
 		}
 
@@ -273,13 +273,13 @@ class InlineDocumentationNavView extends libPictView
 		if (tmpState.TopicManagerEnabled)
 		{
 			tmpHTML += '<div class="pict-inline-doc-nav-toolbar">';
-			tmpHTML += '<button class="pict-inline-doc-nav-toolbar-btn" id="InlineDoc-Nav-ManageTopics" title="Manage Topics">&#x2699;</button>';
+			tmpHTML += '<button class="pict-inline-doc-nav-toolbar-btn" id="InlineDoc-Nav-ManageTopics" title="Manage Topics"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="2.5"/><path d="M8 1v2M8 13v2M1 8h2M13 8h2M3.05 3.05l1.41 1.41M11.54 11.54l1.41 1.41M3.05 12.95l1.41-1.41M11.54 4.46l1.41-1.41"/></svg></button>';
 			if (tmpState.CurrentRoute)
 			{
-				tmpHTML += '<button class="pict-inline-doc-nav-toolbar-btn accent" id="InlineDoc-Nav-BindTopic" title="Bind topic to current route">&#x1F517;</button>';
+				tmpHTML += '<button class="pict-inline-doc-nav-toolbar-btn accent" id="InlineDoc-Nav-BindTopic" title="Bind topic to current route"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 9.5a3.5 3.5 0 005 0l2-2a3.5 3.5 0 00-5-5l-1 1"/><path d="M9.5 6.5a3.5 3.5 0 00-5 0l-2 2a3.5 3.5 0 005 5l1-1"/></svg></button>';
 			}
 			let tmpTooltipEditActive = tmpState.TooltipEditMode ? ' active' : '';
-			tmpHTML += '<button class="pict-inline-doc-nav-toolbar-btn' + tmpTooltipEditActive + '" id="InlineDoc-Nav-TooltipEditMode" title="Toggle tooltip edit mode">&#x1F4AC;</button>';
+			tmpHTML += '<button class="pict-inline-doc-nav-toolbar-btn' + tmpTooltipEditActive + '" id="InlineDoc-Nav-TooltipEditMode" title="Toggle tooltip edit mode"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 10a1.5 1.5 0 01-1.5 1.5H4l-3 3V3A1.5 1.5 0 012.5 1.5h10A1.5 1.5 0 0114 3z"/></svg></button>';
 			tmpHTML += '<span class="pict-inline-doc-nav-toolbar-spacer"></span>';
 			tmpHTML += '</div>';
 		}

package/source/views/Pict-View-InlineDocumentation-TopicManager.js

@@ -493,8 +493,8 @@ class InlineDocumentationTopicManagerView extends libPictView
 			tmpHTML += '</div>';
 			tmpHTML += '</div>';
 			tmpHTML += '<div class="pict-inline-doc-tm-topic-actions">';
-			tmpHTML += '<button class="pict-inline-doc-tm-action-btn" data-action="edit" data-topic-code="' + this._escapeHTML(tmpTopic.TopicCode) + '" title="Edit">&#x270E;</button>';
-			tmpHTML += '<button class="pict-inline-doc-tm-action-btn danger" data-action="delete" data-topic-code="' + this._escapeHTML(tmpTopic.TopicCode) + '" title="Delete">&#x2715;</button>';
+			tmpHTML += '<button class="pict-inline-doc-tm-action-btn" data-action="edit" data-topic-code="' + this._escapeHTML(tmpTopic.TopicCode) + '" title="Edit"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M11.5 1.5l3 3L5 14H2v-3z"/><line x1="9" y1="4" x2="12" y2="7"/></svg></button>';
+			tmpHTML += '<button class="pict-inline-doc-tm-action-btn danger" data-action="delete" data-topic-code="' + this._escapeHTML(tmpTopic.TopicCode) + '" title="Delete"><svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="4" y1="4" x2="12" y2="12"/><line x1="12" y1="4" x2="4" y2="12"/></svg></button>';
 			tmpHTML += '</div>';
 			tmpHTML += '</div>';
 		}

package/test/Browser_Integration_tests.js

@@ -284,28 +284,19 @@ suite
 		(
 			function(fDone)
 			{
+				this.timeout(120000);
+
 				_RunStartTime = new Date().toISOString();
 
 				// Ensure artifacts dir
 				ensureArtifactsDir();
 
-				// Verify dist/ exists
-				if (!libFS.existsSync(libPath.join(_BookshopDistDir, 'index.html')))
-				{
-					return fDone(new Error(
-						'Bookshop dist/index.html not found. Run "cd example_applications/bookshop && npx quack build && npx quack copy" first.'
-					));
-				}
+				let tmpBookshopDir = libPath.join(_PackageRoot, 'example_applications', 'bookshop');
 
-				if (!libFS.existsSync(libPath.join(_BookshopDistDir, 'bookshop_example.js')))
+				let tmpStartServer = () =>
 				{
-					return fDone(new Error(
-						'Bookshop dist/bookshop_example.js not found. Run "cd example_applications/bookshop && npx quack build" first.'
-					));
-				}
-
-				// Start the test server
-				startTestServer(
+					// Start the test server
+					startTestServer(
 					function(pError, pServer, pPort)
 					{
 						if (pError)
@@ -377,6 +368,34 @@ suite
 									return fDone(pError);
 								});
 					});
+				};
+
+				// Auto-build the bookshop example if dist/ is missing
+				let tmpNeedsBuild = !libFS.existsSync(libPath.join(_BookshopDistDir, 'index.html'))
+					|| !libFS.existsSync(libPath.join(_BookshopDistDir, 'bookshop_example.js'));
+
+				if (tmpNeedsBuild)
+				{
+					console.log('  Bookshop dist/ not found — building automatically...');
+
+					let tmpExec = require('child_process').exec;
+					let tmpInstallAndBuild = 'cd ' + tmpBookshopDir + ' && npm install --silent && npm run build';
+
+					tmpExec(tmpInstallAndBuild, { timeout: 90000 },
+						function(pError, pStdout, pStderr)
+						{
+							if (pError)
+							{
+								return fDone(new Error('Auto-build of bookshop failed: ' + (pStderr || pError.message)));
+							}
+							console.log('  Bookshop built successfully.');
+							tmpStartServer();
+						});
+				}
+				else
+				{
+					tmpStartServer();
+				}
 			}
 		);