Snapview v1.1.0

package.json

@@ -1,8 +1,8 @@
 {
     "name": "@snapview/sunrise-dom",
-    "version": "1.0.0",
+    "version": "1.1.1",
     "description": "A `sunrise`-based lib for DOM-manipulations",
-    "main": "index.js",
+    "main": "src/index.ts",
     "scripts": {
         "format": "prettier --write .",
         "format:check": "prettier --check .",
@@ -14,19 +14,25 @@
         "type": "git",
         "url": "git+https://github.com/snapview/sunrise-dom.git"
     },
+    "files": [
+        "src",
+        "package.json"
+    ],
     "author": "Snapview.de team",
     "license": "MIT",
     "devDependencies": {
         "@snapview/sunrise": "^0.0.10",
         "@types/jest": "^28.1.0",
+        "@types/lodash": "^4.14.182",
         "csstype": "^3.1.0",
-        "jest-environment-jsdom": "^28.1.1",
         "husky": "^8.0.1",
         "jest": "^28.1.0",
+        "jest-environment-jsdom": "^28.1.1",
         "lint-staged": "^13.0.0",
+        "lodash": "^4.17.21",
         "prettier": "^2.6.2",
         "ts-jest": "^28.0.4",
-        "typescript": "^4.7.2"
+        "typescript": "^4.7.3"
     },
     "bugs": {
         "url": "https://github.com/snapview/sunrise-dom/issues"

src/Nodes.ts

@@ -1,37 +1,24 @@
 import { map, Value } from '@snapview/sunrise'
-import { Property } from './Properties'
-
-export interface Component<T extends HTMLElement> {
-    readonly element: T
-}
+import { Updater } from './Updaters/Constructors'
 
 export function node<K extends keyof HTMLElementTagNameMap>(
     tag: K,
-): (attributes: Property<HTMLElementTagNameMap[K]>[]) => HTMLElementTagNameMap[K] {
-    return function (attributes) {
+): (updaters: Updater<HTMLElementTagNameMap[K]>[]) => HTMLElementTagNameMap[K] {
+    return function (updaters) {
         const element = document.createElement(tag)
-        for (const attr of attributes) {
-            attr(element)
+        for (const updater of updaters) {
+            updater(element)
         }
         return element
     }
 }
 
-export function wrap<T extends HTMLElement>(el: T): (attributes: Property<T>[]) => HTMLElement {
-    return function (attributes) {
-        for (const attr of attributes) {
-            attr(el)
-        }
-        return el
-    }
-}
-
 // TODO: put `cell` as the first argument (like in Elm)
 export function renderIf<T, E extends Node>(
     renderFunction: ((val: T) => E) | E,
     cell: Value<T | null>,
 ): E {
-    const emptyNode = getEmptyNode() as E
+    const emptyNode = document.createTextNode('') as Node as E
     let el = emptyNode
 
     map((val) => {
@@ -53,8 +40,6 @@ export function renderIf<T, E extends Node>(
     return el
 }
 
-export const getEmptyNode: () => Node = () => document.createTextNode('')
-
 export const div = node('div')
 export const video = node('video')
 export const select = node('select')