Adds frontend importmap and deno.json imports map, so that we are no …

…longer dependent on serving git modules side-by-side!

deno.json

@@ -0,0 +1,6 @@
+{
+  "imports": {
+    "dom/": "https://stephen.band/dom/modules/",
+    "fn/":  "https://stephen.band/fn/modules/"
+  }
+}

deno/compile.js

@@ -5,7 +5,7 @@
 
 
 
-import compileAsyncFn from '../../fn/modules/compile-async.js';
+import compileAsyncFn from 'fn/compile-async.js';
 import { dimgreendim, dim, red, yellow } from './log.js';
 
 

deno/imports.js

@@ -1,7 +1,7 @@
 
 import * as Path from "https://deno.land/[email protected]/path/mod.ts";
 
-import overload        from '../../fn/modules/overload.js';
+import overload        from 'fn/overload.js';
 import getExtension    from '../modules/get-extension.js';
 import getAbsolute     from './get-absolute.js';
 import { red, yellow } from './log.js';

deno/include.js

@@ -1,8 +1,8 @@
 
-import id              from '../../fn/modules/id.js';
-import noop            from '../../fn/modules/noop.js';
-import overload        from '../../fn/modules/overload.js';
-import toType          from '../../fn/modules/to-type.js';
+import id              from 'fn/id.js';
+import noop            from 'fn/noop.js';
+import overload        from 'fn/overload.js';
+import toType          from 'fn/to-type.js';
 
 import getExtension    from '../modules/get-extension.js';
 import getAbsolute     from './get-absolute.js';

deno/parse-length.js

@@ -1,8 +1,8 @@
 
-import id         from '../../fn/modules/id.js';
-import overload   from '../../fn/modules/overload.js';
-import parseValue from '../../fn/modules/parse-value.js';
-import toType     from '../../fn/modules/to-type.js';
+import id         from 'fn/id.js';
+import overload   from 'fn/overload.js';
+import parseValue from 'fn/parse-value.js';
+import toType     from 'fn/to-type.js';
 
 /**
 px(value)

deno/read.js

@@ -3,7 +3,7 @@
 read(pathname)
 **/
 
-import cache    from '../../fn/modules/cache.js';
+import cache    from 'fn/cache.js';
 import { dimbluedim } from './log.js';
 
 // TextDecoder decodes the Uint8Array to unicode text

deno/scope.js

@@ -4,12 +4,12 @@ import * as path from "https://deno.land/[email protected]/path/mod.ts";
 // Absolute path to module
 const moduleAbs = path.dirname(path.fromFileUrl(import.meta.url));
 
-import { addDate } from '../../fn/modules/date.js';
-import { addTime } from '../../fn/modules/time.js';
-import exec        from '../../fn/modules/exec.js';
-import get         from '../../fn/modules/get.js';
-import overload    from '../../fn/modules/overload.js';
-import toType      from '../../fn/modules/to-type.js';
+import { addDate } from 'fn/date.js';
+import { addTime } from 'fn/time.js';
+import exec        from 'fn/exec.js';
+import get         from 'fn/get.js';
+import overload    from 'fn/overload.js';
+import toType      from 'fn/to-type.js';
 
 import read            from './read.js';
 import { rewriteURL, rewriteURLs } from './url.js';

documentation/classes/nav.js

@@ -1,6 +1,6 @@
 
-import { clamp } from '../../../fn/modules/clamp.js';
-import events    from '../../../dom/modules/events.js';
+import { clamp } from 'fn/clamp.js';
+import events    from 'dom/events.js';
 
 
 events({ type: 'scroll', capture: true }, window)

documentation/module.js

@@ -6,7 +6,7 @@ import '../../bolt/classes/device.js';
 import DetailsToggle from '../../details-toggle/module.js';
 
 // Events
-import navigate      from '../../dom/modules/navigate.js';
+import navigate      from 'dom/navigate.js';
 
 // Components
 import './classes/nav.js';

element/element.js

@@ -1,9 +1,9 @@
 
-import cache                     from '../../fn/modules/cache.js';
-import Data                      from '../../fn/modules/data.js';
-import create                    from '../../dom/modules/create.js';
-import element, { getInternals } from '../../dom/modules/element.js';
-import toPrefetchPromise         from '../../dom/modules/element/to-prefetch-promise.js';
+import cache                     from 'fn/cache.js';
+import Data                      from 'fn/data.js';
+import create                    from 'dom/create.js';
+import element, { getInternals } from 'dom/element.js';
+import toPrefetchPromise         from 'dom/element/to-prefetch-promise.js';
 import getById                   from '../modules/dom/get-by-id.js';
 import assignDataset             from '../modules/dom/assign-dataset.js';
 import Literal                   from '../modules/template.js';

element/property.js

@@ -1,12 +1,12 @@
 
-import Signal               from '../../fn/modules/signal.js';
-import arg                  from '../../fn/modules/arg.js';
-import nothing              from '../../fn/modules/nothing.js';
-import overload             from '../../fn/modules/overload.js';
-import toCamelCase          from '../../fn/modules/to-camel-case.js';
-import TokenList            from '../../dom/modules/element/token-list.js';
-import updateTokenList      from '../../dom/modules/element/update-token-list.js';
-import { getInternals }     from '../../dom/modules/element.js';
+import Signal               from 'fn/signal.js';
+import arg                  from 'fn/arg.js';
+import nothing              from 'fn/nothing.js';
+import overload             from 'fn/overload.js';
+import toCamelCase          from 'fn/to-camel-case.js';
+import TokenList            from 'dom/element/token-list.js';
+import updateTokenList      from 'dom/element/update-token-list.js';
+import { getInternals }     from 'dom/element.js';
 import requestData          from '../modules/request-data.js';
 
 const define = Object.defineProperty;

element/test.html

@@ -10,6 +10,19 @@
         window.DEBUG = true;
     </script>
 
+    <!--script type="importmap">{
+      "imports": {
+        "dom/":  "https://stephen.band/dom/modules/",
+        "fn/":   "https://stephen.band/fn/modules/"
+      }
+    }</script-->
+
+    <script type="importmap">{
+      "imports": {
+        "dom/":  "http://localhost/dom/modules/",
+        "fn/":   "http://localhost/fn/modules/"
+      }
+    }</script>
 
     <link rel="stylesheet" href="../../bolt/elements/table.css" />
     <link rel="stylesheet" href="../../bolt/classes/striped-table.css" />

literal-element/module.js

@@ -44,7 +44,7 @@ That may now be authored:
 <p>Current time: <dom-clock interval="3"></dom-clock></p>
 **/
 
-import element    from '../../dom/modules/element.js';
+import element    from 'dom/element.js';
 import lifecycle  from './modules/lifecycle.js';
 import properties from './modules/properties.js';
 

literal-element/modules/lifecycle.js

@@ -1,8 +1,8 @@
 
 // Lifecycle for <template is="literal-element">
 
-import nothing          from '../../../fn/modules/nothing.js';
-import { getInternals } from '../../../dom/modules/element.js';
+import nothing          from 'fn/nothing.js';
+import { getInternals } from 'dom/element.js';
 import defineElement    from '../../modules/define-element.js';
 
 const assign = Object.assign;

literal-element/modules/properties.js

@@ -1,5 +1,5 @@
 
-import { getInternals } from '../../../dom/modules/element.js';
+import { getInternals } from 'dom/element.js';
 import { rewriteURL }   from '../../modules/urls.js';
 import parseNameValues  from '../../modules/parse/parse-name-values.js';
 

literal-html/index.html

@@ -10,10 +10,6 @@
 <meta name="description" content="localhost" />
 <meta name="viewport" content="width=device-width" />
 
-
-
-
-
 <script title="load">
     document.documentElement.className += ' js loading';
     // window.addEventListener('DOMContentLoaded', () => document.documentElement.classList.remove('content-loading'));

literal-html/module.js

@@ -6,9 +6,9 @@ make it easy to mix islands of dynamically rendered content into static content.
 **/
 
 
-import noop             from '../../fn/modules/noop.js';
-import Signal           from '../../fn/modules/signal.js';
-import element, { getInternals as Internals } from '../../dom/modules/element.js';
+import noop             from 'fn/noop.js';
+import Signal           from 'fn/signal.js';
+import element, { getInternals as Internals } from 'dom/element.js';
 import assignDataset    from '../modules/dom/assign-dataset.js';
 import requestData      from '../modules/request-data.js';
 import DOMRenderer      from '../modules/template.js';

literal-html/test.html

@@ -10,6 +10,19 @@
         window.DEBUG = true;
     </script>
 
+    <!--script type="importmap">{
+      "imports": {
+        "dom/":  "https://stephen.band/dom/modules/",
+        "fn/":   "https://stephen.band/fn/modules/"
+      }
+    }</script-->
+
+    <script type="importmap">{
+      "imports": {
+        "dom/":  "http://localhost/dom/modules/",
+        "fn/":   "http://localhost/fn/modules/"
+      }
+    }</script>
 
     <link rel="stylesheet" href="../../bolt/elements/table.css" />
     <link rel="stylesheet" href="../../bolt/classes/striped-table.css" />

module.js

@@ -9,6 +9,6 @@ Template.compiled = compiled;
 export default Template;
 
 export { default as config } from './modules/config.js';
-export { default as Data }   from '../fn/modules/data.js';
-export { default as Signal } from '../fn/modules/signal.js';
+export { default as Data }   from 'fn/data.js';
+export { default as Signal } from 'fn/signal.js';
 export { urls }              from './modules/urls.js';

modules/compile/compile-node.js

@@ -1,8 +1,8 @@
 
-import id                   from '../../../fn/modules/id.js';
-import overload             from '../../../fn/modules/overload.js';
-import toType               from '../../../dom/modules/to-type.js';
-import decode               from '../../../dom/modules/decode.js';
+import id                   from 'fn/id.js';
+import overload             from 'fn/overload.js';
+import toType               from 'dom/to-type.js';
+import decode               from 'dom/decode.js';
 import indexOf              from '../dom/index-of.js';
 import TextRenderer         from '../renderer/renderer-text.js';
 import { printError }       from '../print.js';

modules/compile/compile.js

@@ -1,5 +1,5 @@
 
-import compileFn  from '../../../fn/modules/compile.js';
+import compileFn  from 'fn/compile.js';
 import { log }    from '../log.js';
 
 const indent = window.DEBUG ? '\n    ' : '' ;

modules/get-extension.js

@@ -1,5 +1,5 @@
 
-import exec from '../../fn/modules/exec.js';
-import get  from '../../fn/modules/get.js';
+import exec from 'fn/exec.js';
+import get  from 'fn/get.js';
 
 export default exec(/\.[\w\d.]+$/, get(0));

modules/include.js

@@ -18,7 +18,7 @@ ${ data.array.map(include('#list-item')) }
 ```
 **/
 
-import Data            from '../../fn/modules/data.js';
+import Data            from 'fn/data.js';
 import getById         from './dom/get-by-id.js';
 import Literal         from './template.js';
 import requestTemplate from './request-template.js';

modules/log.js

@@ -1,5 +1,5 @@
 
-import noop from '../../fn/modules/noop.js';
+import noop from 'fn/noop.js';
 
 const colors = {
     'aqua':   '#00a8a9',

modules/parse/parse-comments.js

@@ -3,9 +3,9 @@
 Parse files for documentation comments
 */
 
-import capture from '../../../fn/modules/capture.js';
-import noop    from '../../../fn/modules/noop.js';
-import slugify from '../../../fn/modules/slugify.js';
+import capture from 'fn/capture.js';
+import noop    from 'fn/noop.js';
+import slugify from 'fn/slugify.js';
 
 import { parseString } from './parse-string.js';
 import { parseParams } from './parse-params.js';

modules/parse/parse-name-values.js

@@ -1,5 +1,5 @@
-import capture from '../../../fn/modules/capture.js';
-import last    from '../../../fn/modules/last.js';
+import capture from 'fn/capture.js';
+import last    from 'fn/last.js';
 
 /**
 parseNameValues(array, string)

modules/parse/parse-params.js

@@ -1,4 +1,4 @@
-import capture from '../../../fn/modules/capture.js';
+import capture from 'fn/capture.js';
 
 
 /**

modules/parse/parse-string.js

@@ -1,5 +1,5 @@
-import capture from '../../../fn/modules/capture.js';
-import noop    from '../../../fn/modules/noop.js';
+import capture from 'fn/capture.js';
+import noop    from 'fn/noop.js';
 
 
 /**

modules/print.js

@@ -24,9 +24,9 @@ Messages should be styled with the print stylesheet:
 
 **/
 
-import noop    from '../../fn/modules/noop.js';
-import Data    from '../../fn/modules/data.js';
-import create  from '../../dom/modules/create.js';
+import noop    from 'fn/noop.js';
+import Data    from 'fn/data.js';
+import create  from 'dom/create.js';
 import { log } from './log.js';
 
 const linkHTML = '<a class="literal-link" href="https://stephen.band/literal/literal-html/">literal</literal>';

modules/renderer/renderer-attribute.js

@@ -1,6 +1,6 @@
 
 //import composeString from './compose-string.js';
-import Signal            from '../../../fn/modules/signal.js';
+import Signal            from 'fn/signal.js';
 import names  from './property-names.js';
 import Renderer, { stats } from './renderer.js';
 import { printError } from '../print.js';

modules/renderer/renderer-boolean.js

@@ -1,6 +1,6 @@
 
-import Signal            from '../../../fn/modules/signal.js';
-import sum               from '../../../fn/modules/sum.js';
+import Signal            from 'fn/signal.js';
+import sum               from 'fn/sum.js';
 import AttributeRenderer from './renderer-attribute.js';
 import { stats }         from './renderer.js';
 

modules/renderer/renderer-checked.js

@@ -1,8 +1,8 @@
 
-import id                from '../../../fn/modules/id.js';
-import isDefined         from '../../../fn/modules/is-defined.js';
-import Signal            from '../../../fn/modules/signal.js';
-import trigger           from '../../../dom/modules/trigger.js';
+import id                from 'fn/id.js';
+import isDefined         from 'fn/is-defined.js';
+import Signal            from 'fn/signal.js';
+import trigger           from 'dom/trigger.js';
 import config            from '../config.js';
 import bindChecked       from '../../scope/bind-checked.js';
 import AttributeRenderer from './renderer-attribute.js';

modules/renderer/renderer-dataset.js

@@ -1,6 +1,6 @@
 
-import Signal            from '../../../fn/modules/signal.js';
-import toCamelCase       from '../../../fn/modules/to-camel-case.js';
+import Signal            from 'fn/signal.js';
+import toCamelCase       from 'fn/to-camel-case.js';
 import AttributeRenderer, { toAttributeString } from './renderer-attribute.js';
 import { stats }         from './renderer.js';
 

modules/renderer/renderer-text.js

@@ -6,9 +6,9 @@ processing the literal content is more DOM content this renderer will insert
 that DOM after the text node.
 **/
 
-import Signal           from '../../../fn/modules/signal.js';
-import Data             from '../../../fn/modules/data.js';
-import { isCommentNode, isElementNode, isFragmentNode, isTextNode } from '../../../dom/modules/node.js';
+import Signal           from 'fn/signal.js';
+import Data             from 'fn/data.js';
+import { isCommentNode, isElementNode, isFragmentNode, isTextNode } from 'dom/node.js';
 import include          from '../include.js';
 import deleteRange      from '../dom/delete-range.js';
 import Literal          from '../template.js';

modules/renderer/renderer-tokens.js

@@ -1,8 +1,8 @@
 
-import id                from '../../../fn/modules/id.js';
-import nothing           from '../../../fn/modules/nothing.js';
-import overload          from '../../../fn/modules/overload.js';
-import Signal            from '../../../fn/modules/signal.js';
+import id                from 'fn/id.js';
+import nothing           from 'fn/nothing.js';
+import overload          from 'fn/overload.js';
+import Signal            from 'fn/signal.js';
 import toText            from './to-text.js';
 import AttributeRenderer from './renderer-attribute.js';
 import { stats }         from './renderer.js';