@mindful-web/marko-core 1.0.0

package/.eslintignore

@@ -0,0 +1 @@
+*.marko.js

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Parameter1 LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/components/elements/array.marko

@@ -0,0 +1,20 @@
+import { getAsArray } from "@mindful-web/object-path";
+import defaultValue from "../../utils/default-value";
+
+$ const tag = defaultValue(input.tag, "div");
+$ const value = getAsArray(input, "value");
+
+<if(value.length)>
+  <if(tag)>
+    <${tag} ...input.attrs class=input.class>
+      <for|v, index| of=value>
+        <${input.renderBody} value=v index=index length=value.length />
+      </for>
+    </>
+  </if>
+  <else>
+    <for|v, index| of=value>
+      <${input.renderBody} value=v index=index length=value.length />
+    </for>
+  </else>
+</if>

package/components/elements/array.marko.js

@@ -0,0 +1,69 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-core$1.0.0/components/elements/array.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    module_defaultValue = require("../../utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/dist/runtime/helpers/assign");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const tag = defaultValue(input.tag, "div");
+
+  const value = getAsArray(input, "value");
+
+  if (value.length) {
+    if (tag) {
+      marko_dynamicTag(out, tag, function() {
+        return marko_assign({}, input.attrs, {
+            class: input.class
+          });
+      }, function(out) {
+        var $for$0 = 0;
+
+        marko_forOf(value, function(v, index) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          marko_dynamicTag(out, input.renderBody, function() {
+            return {
+                value: v,
+                index: index,
+                length: value.length
+              };
+          }, null, null, null, __component, "1" + $keyScope$0);
+        });
+      }, null, null, __component, "0");
+    } else {
+      var $for$1 = 0;
+
+      marko_forOf(value, function(v, index) {
+        var $keyScope$1 = "[" + (($for$1++) + "]");
+
+        marko_dynamicTag(out, input.renderBody, function() {
+          return {
+              value: v,
+              index: index,
+              length: value.length
+            };
+        }, null, null, null, __component, "2" + $keyScope$1);
+      });
+    }
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-core$1.0.0/components/elements/array.marko"
+  };

package/components/elements/components/text.marko

@@ -0,0 +1,11 @@
+$ const { value, renderBody, html } = input;
+
+<if(renderBody)>
+  <${renderBody} value=value />
+</if>
+<else-if(html)>
+  $!{value}
+</else-if>
+<else>
+  ${value}
+</else>

package/components/elements/components/text.marko.js

@@ -0,0 +1,37 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-core$1.0.0/components/elements/components/text.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_str = require("marko/dist/runtime/helpers/to-string"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x;
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { value, renderBody, html } = input;
+
+  if (renderBody) {
+    marko_dynamicTag(out, renderBody, function() {
+      return {
+          value: value
+        };
+    }, null, null, null, __component, "0");
+  } else if (html) {
+    out.w(marko_str(value));
+  } else {
+    out.w(marko_escapeXml(value));
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-core$1.0.0/components/elements/components/text.marko"
+  };

package/components/elements/date.marko

@@ -0,0 +1,22 @@
+import dayjs from "@mindful-web/dayjs";
+import { getAsObject } from "@mindful-web/object-path";
+import defaultValue from "../../utils/default-value";
+
+$ const config = getAsObject(out.global, "markoCoreDate");
+
+$ const format = defaultValue(input.format, config.format || "MMM Do, YYYY");
+$ const timezone = defaultValue(input.timezone, config.timezone || "America/Chicago");
+
+$ const date = defaultValue(input.value, null, v => dayjs(v).tz(timezone));
+$ const value = date && date.isValid() ? date.format(format) : null;
+
+$ const textInput = {
+  value,
+  tag: input.tag,
+  class: input.class,
+  attrs: input.attrs,
+  link: input.link,
+  renderBody: input.renderBody,
+};
+
+<marko-core-text ...textInput />

package/components/elements/date.marko.js

@@ -0,0 +1,53 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-core$1.0.0/components/elements/date.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_dayjs = require("@mindful-web/dayjs"),
+    dayjs = module_dayjs.default || module_dayjs,
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsObject = module_objectPath_module.getAsObject,
+    module_defaultValue = require("../../utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_core_text_template = require("./text.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_core_text_tag = marko_loadTag(marko_core_text_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const config = getAsObject(out.global, "markoCoreDate");
+
+  const format = defaultValue(input.format, config.format || "MMM Do, YYYY");
+
+  const timezone = defaultValue(input.timezone, config.timezone || "America/Chicago");
+
+  const date = defaultValue(input.value, null, v => dayjs(v).tz(timezone));
+
+  const value = date && date.isValid() ? date.format(format) : null;
+
+  const textInput = {
+  value,
+  tag: input.tag,
+  class: input.class,
+  attrs: input.attrs,
+  link: input.link,
+  renderBody: input.renderBody,
+};
+
+  marko_core_text_tag(textInput, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-core$1.0.0/components/elements/date.marko",
+    tags: [
+      "./text.marko"
+    ]
+  };

package/components/elements/img.marko

@@ -0,0 +1,27 @@
+import { getAsArray } from "@mindful-web/object-path";
+
+$ const hasImage = Boolean(input.src);
+$ const srcset = getAsArray(input.srcset).filter(v => v).join(",") || null;
+
+<if(hasImage)>
+  <if(input.link)>
+    <marko-core-link ...input.link>
+      <img
+        ...input.attrs
+        src=input.src
+        srcset=srcset
+        alt=input.alt
+        class=input.class
+      />
+    </marko-core-link>
+  </if>
+  <else>
+    <img
+      ...input.attrs
+      src=input.src
+      srcset=srcset
+      alt=input.alt
+      class=input.class
+    />
+  </else>
+</if>

package/components/elements/img.marko.js

@@ -0,0 +1,60 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-core$1.0.0/components/elements/img.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    marko_mergeAttrs = require("marko/dist/runtime/html/helpers/merge-attrs"),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_core_link_template = require("./link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_core_link_tag = marko_loadTag(marko_core_link_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const hasImage = Boolean(input.src);
+
+  const srcset = getAsArray(input.srcset).filter(v => v).join(",") || null;
+
+  if (hasImage) {
+    if (input.link) {
+      marko_core_link_tag(marko_assign({}, input.link, {
+          renderBody: function(out) {
+            out.w("<img" +
+              marko_mergeAttrs(input.attrs, {
+                src: input.src,
+                srcset: srcset,
+                alt: input.alt,
+                class: input.class
+              }) +
+              ">");
+          }
+        }), out, __component, "0");
+    } else {
+      out.w("<img" +
+        marko_mergeAttrs(input.attrs, {
+          src: input.src,
+          srcset: srcset,
+          alt: input.alt,
+          class: input.class
+        }) +
+        ">");
+    }
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-core$1.0.0/components/elements/img.marko",
+    tags: [
+      "./link.marko"
+    ]
+  };

package/components/elements/link.marko

@@ -0,0 +1,25 @@
+$ const { href, target } = input;
+$ const classNames = input.class;
+$ const hasHref = Boolean(href);
+$ const rels = [];
+$ if (input.rel) rels.push(input.rel);
+$ if (target === "_blank") rels.push("noopener");
+$ const rel = rels.length ? rels.join(" ") : null;
+
+<if(hasHref)>
+  <${input.before} />
+  <a
+    rel=rel
+    ...input.attrs
+    href=href
+    title=input.title
+    target=target
+    class=classNames
+  >
+    <${input.renderBody} />
+  </a>
+  <${input.after} />
+</if>
+<else>
+  <${input.renderBody} />
+</else>

package/components/elements/link.marko.js

@@ -0,0 +1,58 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-core$1.0.0/components/elements/link.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_mergeAttrs = require("marko/dist/runtime/html/helpers/merge-attrs");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { href, target } = input;
+
+  const classNames = input.class;
+
+  const hasHref = Boolean(href);
+
+  const rels = [];
+
+  if (input.rel) rels.push(input.rel);
+
+  if (target === "_blank") rels.push("noopener");
+
+  const rel = rels.length ? rels.join(" ") : null;
+
+  if (hasHref) {
+    marko_dynamicTag(out, input.before, null, null, null, null, __component, "0");
+
+    out.w("<a" +
+      marko_mergeAttrs({
+        rel: rel
+      }, input.attrs, {
+        href: href,
+        title: input.title,
+        target: target,
+        class: classNames
+      }) +
+      ">");
+
+    marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "2");
+
+    out.w("</a>");
+
+    marko_dynamicTag(out, input.after, null, null, null, null, __component, "3");
+  } else {
+    marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "4");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-core$1.0.0/components/elements/link.marko"
+  };

package/components/elements/marko.json

@@ -0,0 +1,128 @@
+{
+  "<marko-core-link>": {
+    "template": "./link.marko",
+    "<before>": {},
+    "<after>": {},
+    "@href": "string",
+    "@target": "string",
+    "@title": "string",
+    "@rel": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-core-img>": {
+    "template": "./img.marko",
+    "<link>": {},
+    "@src": "string",
+    "@srcset": "array",
+    "@alt": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-core-text>": {
+    "template": "./text.marko",
+    "<link>": {
+      "<before>": {},
+      "<after>": {},
+      "@href": "string",
+      "@target": "string",
+      "@title": "string",
+      "@rel": "string",
+      "@class": "string",
+      "@attrs": "object"
+    },
+    "@value": "expression",
+    "@tag": "string",
+    "@html": "boolean",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-core-date>": {
+    "template": "./date.marko",
+    "<link>": {
+      "<before>": {},
+      "<after>": {},
+      "@href": "string",
+      "@target": "string",
+      "@title": "string",
+      "@rel": "string",
+      "@class": "string",
+      "@attrs": "object"
+    },
+    "@value": "expression",
+    "@tag": "string",
+    "@format": "string",
+    "@locale": "string",
+    "@timezone": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-core-array>": {
+    "template": "./array.marko",
+    "@value": "array",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-core-obj-value>": {
+    "template": "./obj-value.marko",
+    "@obj": "object",
+    "@field": "string",
+    "@as": "string"
+  },
+  "<marko-core-obj-text>": {
+    "template": "./obj-text.marko",
+    "<link>": {
+      "<before>": {},
+      "<after>": {},
+      "@href": "string",
+      "@target": "string",
+      "@title": "string",
+      "@rel": "string",
+      "@class": "string",
+      "@attrs": "object"
+    },
+    "@obj": "object",
+    "@field": "string",
+    "@html": "boolean",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-core-obj-date>": {
+    "template": "./obj-date.marko",
+    "<link>": {
+      "<before>": {},
+      "<after>": {},
+      "@href": "string",
+      "@target": "string",
+      "@title": "string",
+      "@rel": "string",
+      "@class": "string",
+      "@attrs": "object"
+    },
+    "@obj": "object",
+    "@field": "string",
+    "@format": "string",
+    "@locale": "string",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-core-obj-array>": {
+    "template": "./obj-array.marko",
+    "@obj": "object",
+    "@field": "string",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<marko-core-obj-nodes>": {
+    "template": "./obj-nodes.marko",
+    "@obj": "object",
+    "@field": "string",
+    "@tag": "string",
+    "@class": "string",
+    "@attrs": "object"
+  }
+}

package/components/elements/obj-array.marko

@@ -0,0 +1,13 @@
+<marko-core-obj-value|{ value }|
+  obj=input.obj
+  field=input.field
+>
+  <marko-core-array|{ value: v, index, length }|
+    tag=input.tag
+    value=value
+    class=input.class
+    attrs=input.attrs
+  >
+    <${input.renderBody} value=v index=index length=length />
+  </marko-core-array>
+</marko-core-obj-value>

package/components/elements/obj-array.marko.js

@@ -0,0 +1,52 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-core$1.0.0/components/elements/obj-array.marko",
+    marko_component = require("./obj-array.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_core_array_template = require("./array.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_core_array_tag = marko_loadTag(marko_core_array_template),
+    marko_core_obj_value_template = require("./obj-value.marko"),
+    marko_core_obj_value_tag = marko_loadTag(marko_core_obj_value_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_core_obj_value_tag({
+      obj: input.obj,
+      field: input.field,
+      renderBody: function(out, { value }) {
+        marko_core_array_tag({
+            tag: input.tag,
+            value: value,
+            class: input.class,
+            attrs: input.attrs,
+            renderBody: function(out, { value: v, index, length }) {
+              marko_dynamicTag(out, input.renderBody, function() {
+                return {
+                    value: v,
+                    index: index,
+                    length: length
+                  };
+              }, null, null, null, __component, "2");
+            }
+          }, out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-core$1.0.0/components/elements/obj-array.marko",
+    component: "./obj-array.marko",
+    tags: [
+      "./array.marko",
+      "./obj-value.marko"
+    ]
+  };

package/components/elements/obj-date.marko

@@ -0,0 +1,17 @@
+import extractRenderBody from "../../utils/extract-render-body";
+
+<marko-core-obj-value|{ value }|
+  obj=input.obj
+  field=input.field
+>
+  <marko-core-date
+    tag=input.tag
+    value=value
+    format=input.format
+    locale=input.locale
+    class=input.class
+    attrs=input.attrs
+    link=input.link
+    ...extractRenderBody(input)
+  />
+</marko-core-obj-value>

package/components/elements/obj-date.marko.js

@@ -0,0 +1,48 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-core$1.0.0/components/elements/obj-date.marko",
+    marko_component = require("./obj-date.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_extractRenderBody = require("../../utils/extract-render-body"),
+    extractRenderBody = module_extractRenderBody.default || module_extractRenderBody,
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_core_date_template = require("./date.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_core_date_tag = marko_loadTag(marko_core_date_template),
+    marko_core_obj_value_template = require("./obj-value.marko"),
+    marko_core_obj_value_tag = marko_loadTag(marko_core_obj_value_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_core_obj_value_tag({
+      obj: input.obj,
+      field: input.field,
+      renderBody: function(out, { value }) {
+        marko_core_date_tag(marko_assign({
+            tag: input.tag,
+            value: value,
+            format: input.format,
+            locale: input.locale,
+            class: input.class,
+            attrs: input.attrs,
+            link: input.link
+          }, extractRenderBody(input)), out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-core$1.0.0/components/elements/obj-date.marko",
+    component: "./obj-date.marko",
+    tags: [
+      "./date.marko",
+      "./obj-value.marko"
+    ]
+  };