Migrate to Spec

Author: easafe

packages.dhall

@@ -117,7 +117,8 @@ let additions =
 -------------------------------
 -}
 let upstream =
-      https://github.com/purescript/package-sets/releases/download/psc-0.14.5-20220203/packages.dhall sha256:f8905bf5d7ce9d886cf4ef1c5893ab55de0b30c82c2b4137f272d075000fbc50
+      https://github.com/purescript/package-sets/releases/download/psc-0.15.0-20220504/packages.dhall
+        sha256:fd37736ecaa24491c907af6a6422156417f21fbf25763de19f65bd641e8340d3
 
 let overrides = {=}
 

spago.dhall

@@ -24,11 +24,10 @@ You can edit this file as you like.
   , "nullable"
   , "partial"
   , "prelude"
-  , "psci-support"
   , "random"
   , "refs"
   , "strings"
-  , "test-unit"
+  , "spec"
   , "tuples"
   , "typelevel-prelude"
   , "unsafe-coerce"

src/Flame/Application/Effectful.js

@@ -1,4 +1,4 @@
-exports.unsafeMergeFields = function (model) {
+export function unsafeMergeFields(model) {
       return function (subset) {
             let copy = {};
 

src/Flame/Application/Internal/Dom.js

@@ -1,34 +1,34 @@
 
-exports.querySelector_ = function (selector) {
+export function querySelector_(selector) {
     return document.querySelector(selector);
-};
+}
 
-exports.textContent_ = function (element) {
+export function textContent_(element) {
     return element.textContent || '';
-};
+}
 
-exports.removeElement_ = function (selector) {
+export function removeElement_(selector) {
     document.querySelector(selector).remove();
-};
+}
 
-exports.createWindowListener_ = function (eventName, updater) {
+export function createWindowListener_(eventName, updater) {
     window.addEventListener(eventName, function(event) {
         updater(event)();
     });
-};
+}
 
-exports.createDocumentListener_ = function (eventName, updater) {
+export function createDocumentListener_(eventName, updater) {
     document.addEventListener(eventName, function(event) {
         updater(event)();
     });
-};
+}
 
-exports.createCustomListener_ = function (eventName, updater) {
+export function createCustomListener_(eventName, updater) {
     document.addEventListener(eventName, function (event) {
         updater(event.detail)();
     });
-};
+}
 
-exports.dispatchCustomEvent_ = function(eventName, payload) {
+export function dispatchCustomEvent_(eventName, payload) {
     document.dispatchEvent(new CustomEvent(eventName, { detail: payload } ));
 }

src/Flame/Application/Internal/PreMount.js

@@ -4,11 +4,11 @@ let textNode = 1,
     fragmentNode = 4,
     lazyNode = 5;
 
-exports.injectState = function (stateHtml) {
+export function injectState(stateHtml) {
     return function (html) {
         return injectTo(stateHtml, html);
     };
-};
+}
 
 function injectTo(stateHtml, html) {
     switch (html.nodeType) {
@@ -43,5 +43,5 @@ function injectTo(stateHtml, html) {
 
             return html;
     }
-};
+}
 

src/Flame/Html/Attribute/Event.js

@@ -3,46 +3,46 @@
 let messageEventData = 5,
     rawEventData = 6;
 
-exports.createEvent_ = function (name) {
+export function createEvent_(name) {
     return function (message) {
         return [messageEventData, name, message];
     };
-};
+}
 
-exports.createRawEvent_ = function (name) {
+export function createRawEvent_(name) {
     return function (handler) {
         return [rawEventData, name, handler];
     };
-};
+}
 
-exports.nodeValue_ = function (event) {
+export function nodeValue_(event) {
     if (event.target.contentEditable === true || event.target.contentEditable === "true" || event.target.contentEditable === "")
         return event.target.innerText;
 
     return event.target.value;
-};
+}
 
-exports.checkedValue_ = function (event) {
+export function checkedValue_(event) {
     if (event.target.tagName === "INPUT" && (event.target.type === "checkbox" || event.target.type === "radio"))
         return event.target.checked;
 
     return false;
-};
+}
 
-exports.preventDefault_ = function (event) {
+export function preventDefault_(event) {
     event.preventDefault();
-};
+}
 
-exports.key_ = function (event) {
+export function key_(event) {
     if (event.type === "keyup" || event.type === "keydown" || event.type === "keypress")
         return event.key;
 
     return "";
-};
+}
 
-exports.selection_ = function (event) {
+export function selection_(event) {
     if (event.target.tagName === "INPUT" && event.target.type == "text" || event.target.tagName === "TEXTAREA")
         return event.target.value.substring(event.target.selectionStart, event.target.selectionEnd);
 
     return "";
-};
+}

src/Flame/Html/Attribute/Internal.js

@@ -6,26 +6,26 @@ let styleData = 1,
     attributeData = 4,
     keyData = 7;
 
-exports.createProperty_ = function (name) {
+export function createProperty_(name) {
     return function (value) {
         return [propertyData, name, value];
     };
-};
+}
 
-exports.createAttribute_ = function (name) {
+export function createAttribute_(name) {
     return function (value) {
         return [attributeData, name, value];
     };
-};
+}
 
-exports.createClass = function (array) {
+export function createClass(array) {
     return [classData, array];
-};
+}
 
-exports.createStyle = function (object) {
+export function createStyle(object) {
     return [styleData, object];
-};
+}
 
-exports.createKey = function (value) {
+export function createKey(value) {
     return [keyData, value];
-};
+}

src/Flame/Html/Element.js

@@ -10,7 +10,7 @@ let styleData = 1,
     attributeData = 4,
     keyData = 7;
 
-exports.createElementNode = function (tag) {
+export function createElementNode(tag) {
     return function (nodeData) {
         return function (potentialChildren) {
             let children = potentialChildren,
@@ -31,9 +31,9 @@ exports.createElementNode = function (tag) {
             };
         };
     };
-};
+}
 
-exports.createDatalessElementNode = function (tag) {
+export function createDatalessElementNode(tag) {
     return function (potentialChildren) {
         let children = potentialChildren,
             text = undefined;
@@ -52,9 +52,9 @@ exports.createDatalessElementNode = function (tag) {
             text: text
         };
     };
-};
+}
 
-exports.createSingleElementNode = function (tag) {
+export function createSingleElementNode(tag) {
     return function (nodeData) {
         return {
             nodeType: elementNode,
@@ -63,34 +63,34 @@ exports.createSingleElementNode = function (tag) {
             nodeData: fromNodeData(nodeData)
         };
     };
-};
+}
 
-exports.createEmptyElement = function (tag) {
+export function createEmptyElement(tag) {
     return {
         nodeType: tag.trim().toLowerCase() === 'svg' ? svgNode : elementNode,
         node: undefined,
         tag: tag,
         nodeData: {}
     };
-};
+}
 
-exports.createFragmentNode = function (children) {
+export function createFragmentNode(children) {
     return {
         nodeType: fragmentNode,
         node: undefined,
         children: children
     };
-};
+}
 
-exports.text = function (value) {
+export function text(value) {
     return {
         nodeType: textNode,
         node: undefined,
         text: value
     };
-};
+}
 
-exports.createLazyNode = function (nodeData) {
+export function createLazyNode(nodeData) {
     return function (render) {
         return function (arg) {
             let key = nodeData[0];
@@ -105,9 +105,9 @@ exports.createLazyNode = function (nodeData) {
             };
         };
     };
-};
+}
 
-exports.createManagedNode = function (render) {
+export function createManagedNode(render) {
     return function (nodeData) {
         return function (arg) {
             return {
@@ -120,9 +120,9 @@ exports.createManagedNode = function (render) {
             };
         };
     };
-};
+}
 
-exports.createDatalessManagedNode = function (render) {
+export function createDatalessManagedNode(render) {
     return function (arg) {
         return {
             nodeType: managedNode,
@@ -133,9 +133,9 @@ exports.createDatalessManagedNode = function (render) {
             arg: arg
         };
     };
-};
+}
 
-exports.createSvgNode = function (nodeData) {
+export function createSvgNode(nodeData) {
     return function (children) {
         return {
             nodeType: svgNode,
@@ -145,26 +145,26 @@ exports.createSvgNode = function (nodeData) {
             children: asSvg(children)
         };
     };
-};
+}
 
-exports.createDatalessSvgNode = function (children) {
+export function createDatalessSvgNode(children) {
     return {
         nodeType: svgNode,
         node: undefined,
         tag: 'svg',
         nodeData: {},
         children: asSvg(children)
     };
-};
+}
 
-exports.createSingleSvgNode = function (nodeData) {
+export function createSingleSvgNode(nodeData) {
     return {
         nodeType: svgNode,
         node: undefined,
         tag: 'svg',
         nodeData: fromNodeData(nodeData)
     };
-};
+}
 
 function asSvg(elements) {
     for (let e of elements) {

src/Flame/Internal/Equality.js

@@ -1,5 +1,5 @@
-exports.compareReference_ = function (a) {
+export function compareReference_(a) {
       return function (b) {
             return a === b;
       };
-};
+}

src/Flame/Renderer/Internal/Dom.js

@@ -12,17 +12,17 @@ let textNode = 1,
 //these events cannot be synthetic
 let nonBubblingEvents = ["focus", "blur", "scroll"];
 
-exports.start_ = function (eventWrapper, root, updater, html) {
+export function start_(eventWrapper, root, updater, html) {
     return new F(eventWrapper, root, updater, html, false);
-};
+}
 
-exports.startFrom_ = function (eventWrapper, root, updater, html) {
+export function startFrom_(eventWrapper, root, updater, html) {
     return new F(eventWrapper, root, updater, html, true);
-};
+}
 
-exports.resume_ = function (f, html) {
+export function resume_(f, html) {
     f.resume(html);
-};
+}
 
 /** Class to scope application data since a document can have many mount points */
 function F(eventWrapper, root, updater, html, isDry) {