boxwood 0.67.0 → 0.69.0

package/index.js

@@ -457,6 +457,22 @@ function classes() {
   return array.join(" ")
 }
 
+const yaml = {
+  load() {
+    const path = join(...arguments)
+    const content = readFileSync(path, "utf8")
+    return YAML.parse(content)
+  },
+}
+
+const json = {
+  load() {
+    const path = join(...arguments)
+    const content = readFileSync(path, "utf8")
+    return JSON.parse(content)
+  },
+}
+
 function i18n(translations) {
   return function translate(language, key) {
     return translations[key][language]
@@ -465,17 +481,40 @@ function i18n(translations) {
 
 i18n.load = function () {
   const path = join(...arguments)
-  const content = readFileSync(path, "utf8")
-  const data = path.endsWith(".yaml")
-    ? YAML.parse(content)
-    : JSON.parse(content)
+  const data = path.endsWith(".yaml") ? yaml.load(path) : json.load(path)
   return function translate(language, key) {
     return data[key][language]
   }
 }
 
+function component(fn, { styles, i18n } = {}) {
+  function execute(a, b) {
+    if (typeof a === "string" || Array.isArray(a)) {
+      return fn({}, a)
+    }
+    if (i18n) {
+      function translate(key) {
+        return i18n[key][a.language]
+      }
+      return fn({ ...a, translate }, b || [])
+    }
+    return fn(a, b || [])
+  }
+  return function (a, b) {
+    const tree = execute(a, b)
+    if (styles) {
+      if (Array.isArray(tree)) {
+        return tree.concat(styles.css)
+      }
+      return [tree, styles.css]
+    }
+    return tree
+  }
+}
+
 module.exports = {
   compile,
+  component,
   classes,
   doctype,
   escape: escapeHTML,
@@ -483,6 +522,8 @@ module.exports = {
   raw,
   css,
   js,
+  yaml,
+  json,
   tag,
   i18n,
   ...nodes,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boxwood",
-  "version": "0.67.0",
+  "version": "0.69.0",
   "description": "Compile HTML templates into JS",
   "main": "index.js",
   "scripts": {