@webhandle/external-resource-manager 1.0.0 → 1.0.2

package/README.md

@@ -188,6 +188,27 @@ code to create an importmap based on mime type `application/javascript` with res
 so extensability is really easy if you wanted to add `meta` element or `title` element handling
 (or something).
 
+### Data URLs
+
+It's also possible to pass data as part of the provided resource. This is good if you need a configuration
+for the javascript on the page. Be careful with this though because it can result in some really big pages.
+
+```js
+externalResourceManager.provideResource({
+	mimeType: 'application/javascript'
+	, resourceType: 'module'
+	, name: '@webhandle/moduleone/configuration'
+	, data: {url: '/something/here'}
+})
+```
+It results in an importmap entry like:
+
+```
+"@webhandle/module-one/configuration":"data:text/javascript,export default {\"url\":\"/something/here\"}"
+```
+
+
+
 
 ### Integration
 

package/create-application-javascript-renderer.mjs

@@ -6,7 +6,12 @@ export default function createApplicationJavascriptRenderer(webhandle) {
 
 		let vrsc = ''
 		if (!webhandle.development && resource.cachable) {
-			vrsc = '/vrsc/' + webhandle.resourceVersion
+			if (resource.url.startsWith('data:')) {
+				// We don't want to prefix a data url
+			}
+			else {
+				vrsc = '/vrsc/' + webhandle.resourceVersion
+			}
 		}
 
 		let html = `<script src="${vrsc}${escapeAttributeValue(resource.url)}" `

package/create-css-renderer.mjs

@@ -2,12 +2,17 @@ import createAttributes from "./create-attributes.mjs"
 import escapeAttributeValue from "./escape-attribute-value.mjs"
 export default function createTextCssRenderer(webhandle) {
 	function renderTextCss(resource) {
-		
+
 		let vrsc = ''
-		if(!webhandle.development && resource.cachable) {
-			vrsc = '/vrsc/' + webhandle.resourceVersion
+		if (!webhandle.development && resource.cachable) {
+			if (resource.url.startsWith('data:')) {
+				// We don't want to prefix a data url
+			}
+			else {
+				vrsc = '/vrsc/' + webhandle.resourceVersion
+			}
 		}
-		
+
 		let html = `<link href="${vrsc}${escapeAttributeValue(resource.url)}" rel="stylesheet" `
 
 		html += createAttributes(resource.attributes)

package/importmap-generator-creator.mjs

@@ -10,9 +10,21 @@ export default function createImportmapGenerator(webhandle) {
 				continue
 			}
 			found = true
+			
+			if(resource.data && !resource.url) {
+				let content = `export default ${JSON.stringify(resource.data)}`
+				let url = `data:text/javascript,${content}`
+				resource.url = url
+			}
+			
 			let vrsc = ''
 			if(!webhandle.development && resource.cachable) {
-				vrsc = '/vrsc/' + webhandle.resourceVersion
+				if(resource.url && resource.url.startsWith('data:')) {
+					// We don't want to prefix a data url
+				}
+				else {
+					vrsc = '/vrsc/' + webhandle.resourceVersion
+				}
 			}
 			if (resource.mimeType === 'application/javascript' && resource.resourceType === 'module') {
 				imports[resource.name] = vrsc + resource.url

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webhandle/external-resource-manager",
-	"version": "1.0.0",
+	"version": "1.0.2",
 	"description": "",
 	"main": "external-resource-manager.js",
 	"scripts": {