boxwood 2.3.0 → 2.4.2

package/index.js

@@ -486,7 +486,7 @@ const tag = (a, b, c) => {
   }
   const name = a
   const attributes = b
-  const children = c || []
+  const children = typeof c === "number" ? c : c || []
   return {
     name,
     children,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boxwood",
-  "version": "2.3.0",
+  "version": "2.4.2",
   "description": "Compile HTML templates into JS",
   "main": "index.js",
   "types": "index.d.ts",

package/ui/center/index.js

@@ -0,0 +1,25 @@
+const { css, component, Div } = require("../..")
+
+function Center({ className, style, height, width } = {}, children) {
+  const styleObject = {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    "flex-direction": "column",
+    width: width || "100%",
+    height: height || "100dvh",
+  }
+
+  const styles = css`
+    .center {
+      ${css.create(styleObject).toString()}
+    }
+  `
+
+  return [
+    Div({ className: [className, styles.center], style }, children),
+    styles.css,
+  ]
+}
+
+module.exports = component(Center)

package/ui/index.js

@@ -1,9 +1,11 @@
+const Center = require("./center")
 const Container = require("./container")
 const Grid = require("./grid")
 const Group = require("./group")
 const Stack = require("./stack")
 
 module.exports = {
+  Center,
   Container,
   Grid,
   Group,

package/utilities/hash.js

@@ -1,12 +1,16 @@
-let index = 0
+if (!global.__boxwood_index__) {
+  global.__boxwood_index__ = 0
+}
+
 const map = new Map()
 
 function createHash(string) {
   if (map.has(string)) {
     return map.get(string)
   }
-  index++
-  const hash = "c" + index
+
+  global.__boxwood_index__++
+  const hash = "c" + global.__boxwood_index__
   map.set(string, hash)
   return hash
 }