@zeus-js/zeus 0.0.2 → 0.1.0-beta.0

package/jsx-runtime.js

@@ -1 +1,80 @@
-export { Fragment, jsx, jsxs, jsxDEV } from '@zeus-js/runtime-dom'
+import {
+  createComponent,
+  insert,
+} from '@zeus-js/runtime-dom/dist/runtime-dom.esm-bundler.js'
+
+const Fragment = Symbol.for('zeus.fragment')
+
+function jsx(type, props) {
+  return createJSXNode(type, props)
+}
+
+function jsxs(type, props) {
+  return createJSXNode(type, props)
+}
+
+function jsxDEV(type, props) {
+  return createJSXNode(type, props)
+}
+
+function createJSXNode(type, props) {
+  if (type === Fragment) {
+    return props?.children
+  }
+
+  if (typeof type === 'function') {
+    return createComponent(type, props ?? {})
+  }
+
+  if (typeof type !== 'string') {
+    return null
+  }
+
+  const el = document.createElement(type)
+
+  if (props) {
+    const children = props.children
+
+    for (const key of Object.keys(props)) {
+      if (key === 'children') continue
+
+      const value = props[key]
+
+      if (key.startsWith('on') && typeof value === 'function') {
+        el.addEventListener(key.slice(2).toLowerCase(), value)
+      } else if (key === 'ref') {
+        setFallbackRef(value, el)
+      } else if (value != null && value !== false) {
+        el.setAttribute(key === 'className' ? 'class' : key, String(value))
+      }
+    }
+
+    if (children !== undefined) {
+      insert(el, children)
+    }
+  }
+
+  return el
+}
+
+function setFallbackRef(target, el) {
+  if (target == null) return
+
+  if (typeof target === 'function') {
+    target(el)
+    return
+  }
+
+  if (typeof target === 'object') {
+    if ('value' in target) {
+      target.value = el
+      return
+    }
+
+    if ('current' in target) {
+      target.current = el
+    }
+  }
+}
+
+export { Fragment, jsx, jsxs, jsxDEV }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeus-js/zeus",
-  "version": "0.0.2",
+  "version": "0.1.0-beta.0",
   "description": "@zeus-js/zeus",
   "type": "module",
   "main": "index.js",
@@ -46,7 +46,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/baicie/zeus.git",
-    "directory": "packages/zeus"
+    "directory": "packages/core/zeus"
   },
   "buildOptions": {
     "name": "Zeus",
@@ -65,9 +65,9 @@
   "bugs": {
     "url": "https://github.com/baicie/zeus/issues"
   },
-  "homepage": "https://github.com/baicie/zeus/tree/main/packages/zeus#readme",
+  "homepage": "https://github.com/baicie/zeus/tree/main/packages/core/zeus#readme",
   "dependencies": {
-    "@zeus-js/signal": "0.0.2",
-    "@zeus-js/runtime-dom": "0.0.2"
+    "@zeus-js/runtime-dom": "0.1.0-beta.0",
+    "@zeus-js/signal": "0.1.0-beta.0"
   }
 }

package/src/jsx.d.ts

@@ -63,6 +63,7 @@ type HTMLAttributes<T extends HTMLElement> = CommonDOMAttributes<T> & {
   [key: `data-${string}`]: PrimitiveAttr
   [key: `aria-${string}`]: PrimitiveAttr
   [key: `prop:${string}`]: unknown
+  [key: string]: unknown
   type?: string
   checked?: boolean
   value?: string | number