arche 0.3.3 → 0.3.6

package/.github/workflows/nodejs.yml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x, 15.x, 16.x, 17.x, 18.x]
+        node-version: [16.x, 18.x, 20.x]
 
     steps:
     - uses: actions/checkout@v2

package/README.md

@@ -2,10 +2,10 @@
 ![arche-logo](https://raw.githubusercontent.com/a-synchronous/assets/master/arche-logo-226x226.png)
 > Arche (/ˈɑːrki/; Ancient Greek: ἀρχή) is a Greek word with primary senses "beginning", "origin" or "source of action" (ἐξ' ἀρχῆς: from the beginning, οr ἐξ' ἀρχῆς λόγος: the original argument), and later "first principle" or "element". ([wikipedia](https://en.wikipedia.org/wiki/Arche))
 
-![Node.js CI](https://github.com/richytong/arche/workflows/Node.js%20CI/badge.svg?branch=master)
+![Node.js CI](https://github.com/richytong/arche/actions/workflows/nodejs.yml/badge.svg)
 [![codecov](https://codecov.io/gh/richytong/arche/branch/master/graph/badge.svg)](https://codecov.io/gh/richytong/arche)
 
-HTML as JavaScript.
+HTML as JavaScript. 
 
 ```javascript [playground]
 const ReactElement = Arche(React)
@@ -24,7 +24,7 @@ const myElement = Div([
 render(myElement)
 // <div>
 //   <h1>I am a heading</h1>
-//   <p>heyo</p>
+//   <p>paragraph</p>
 //   <p>lorem ipsum</p>
 // </div>
 ```

package/es.js

@@ -1,5 +1,5 @@
 /**
- * Arche v0.3.2
+ * Arche v0.3.5
  * https://github.com/richytong/arche
  * (c) 2020-2023 Richard Tong
  * Arche may be freely distributed under the MIT license.
@@ -264,7 +264,7 @@ const Arche = function (creator, options = {}) {
       }
 
       if (isArray(arg1)) {
-        if (arg0.css == null) {
+        if (arg0 == null || arg0.css == null) {
           return creatorCreateElement(creator, type, arg0, arg1)
         }
         const { css, ...props } = arg0
@@ -272,14 +272,14 @@ const Arche = function (creator, options = {}) {
       }
 
       if (arg1 == null) {
-        if (arg0.css == null) {
+        if (arg0 == null || arg0.css == null) {
           return creatorCreateElement(creator, type, arg0, [])
         }
         const { css, ...props } = arg0
         return creatorCreateElement(creator, styledComponent([css]), props, [])
       }
 
-      if (arg0.css == null) {
+      if (arg0 == null || arg0.css == null) {
         return creatorCreateElement(creator, type, arg0, [arg1])
       }
       const { css, ...props } = arg0

package/index.js

@@ -1,5 +1,5 @@
 /**
- * Arche v0.3.2
+ * Arche v0.3.5
  * https://github.com/richytong/arche
  * (c) 2020-2023 Richard Tong
  * Arche may be freely distributed under the MIT license.
@@ -270,7 +270,7 @@ const Arche = function (creator, options = {}) {
       }
 
       if (isArray(arg1)) {
-        if (arg0.css == null) {
+        if (arg0 == null || arg0.css == null) {
           return creatorCreateElement(creator, type, arg0, arg1)
         }
         const { css, ...props } = arg0
@@ -278,14 +278,14 @@ const Arche = function (creator, options = {}) {
       }
 
       if (arg1 == null) {
-        if (arg0.css == null) {
+        if (arg0 == null || arg0.css == null) {
           return creatorCreateElement(creator, type, arg0, [])
         }
         const { css, ...props } = arg0
         return creatorCreateElement(creator, styledComponent([css]), props, [])
       }
 
-      if (arg0.css == null) {
+      if (arg0 == null || arg0.css == null) {
         return creatorCreateElement(creator, type, arg0, [arg1])
       }
       const { css, ...props } = arg0

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * Arche v0.3.2
+ * Arche v0.3.5
  * https://github.com/richytong/arche
  * (c) 2020-2023 Richard Tong
  * Arche may be freely distributed under the MIT license.
@@ -264,7 +264,7 @@ const Arche = function (creator, options = {}) {
       }
 
       if (isArray(arg1)) {
-        if (arg0.css == null) {
+        if (arg0 == null || arg0.css == null) {
           return creatorCreateElement(creator, type, arg0, arg1)
         }
         const { css, ...props } = arg0
@@ -272,14 +272,14 @@ const Arche = function (creator, options = {}) {
       }
 
       if (arg1 == null) {
-        if (arg0.css == null) {
+        if (arg0 == null || arg0.css == null) {
           return creatorCreateElement(creator, type, arg0, [])
         }
         const { css, ...props } = arg0
         return creatorCreateElement(creator, styledComponent([css]), props, [])
       }
 
-      if (arg0.css == null) {
+      if (arg0 == null || arg0.css == null) {
         return creatorCreateElement(creator, type, arg0, [arg1])
       }
       const { css, ...props } = arg0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arche",
-  "version": "0.3.3",
+  "version": "0.3.6",
   "description": "HTML as JavaScript",
   "author": "Richard Tong",
   "license": "MIT",

package/test.js

@@ -117,11 +117,12 @@ describe('Arche', () => {
         Div({ css: 'article', id: 'nested' }, [
           Article('yo'),
         ]),
+        Span(),
       ])
 
       assert.strictEqual(
         JSON.stringify(el),
-        '["div",{},[["h1",{},["header"]],["h3",{"style":{"color":"grey"}},["description"]],["b",{"id":"hey","excluded":null},[]],["article",{"id":"nested"},[["article",{},["yo"]]]]]]')
+        '["div",{},[["h1",{},["header"]],["h3",{"style":{"color":"grey"}},["description"]],["b",{"id":"hey","excluded":null},[]],["article",{"id":"nested"},[["article",{},["yo"]]]],["span",{},[]]]]')
     })
   })
 })