Some updates

Author: xdev1

README.md

@@ -11,7 +11,7 @@ and it is currently not meant to ever be used in production.
 
 ```tsx
 import { component, elem, prop, setMethods, Attrs } from 'js-element'
-import { html, createRef, ref, withLit } from 'js-element/lit'
+import { html, withLit } from 'js-element/lit'
 import { useState } from 'js-element/hooks'
 import counterStyles from './counter.css'
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-element",
-  "version": "0.0.203",
+  "version": "0.0.205",
   "description": "",
   "license": "LGPL-3.0",
   "main": "./index.js",

rollup.config.js

@@ -54,7 +54,10 @@ function createConfig(pkg, moduleFormat, productive) {
       'js-element/utils',
       'js-element/lit',
       'lit-html',
-      'lit-html/directives/ref'
+      'lit-html/directives/class-map',
+      'lit-html/directives/ref',
+      'lit-html/directives/repeat',
+      'lit-html/directives/style-map'
     ],
 
     plugins: [

src/main/js-element-lit.ts

@@ -1,9 +1,13 @@
-import { html, render } from 'lit-html'
+import { html, render, TemplateResult } from 'lit-html'
 import { createRef, ref, Ref } from 'lit-html/directives/ref'
+import { classMap } from 'lit-html/directives/class-map'
+import { styleMap } from 'lit-html/directives/style-map'
+import { repeat } from 'lit-html/directives/repeat'
 
 // === exports =======================================================
 
-export { createRef, html, ref, withLit, Ref }
+export { classMap, createRef, html, ref, repeat, styleMap, withLit }
+export { Ref, TemplateResult }
 
 // === functions =====================================================
 

src/main/js-element.ts

@@ -108,13 +108,23 @@ function elem<E extends Component, C>(params: {
   }
 }
 
+function prop<T>(proto: Component, propName: string): void
+
 function prop<T>(params?: {
   attr: {
     mapPropToAttr(value: T): string | null
     mapAttrToProp(value: string | null): T
   }
   refl?: boolean
-}) {
+}): (proto: Component, propName: string) => void
+
+function prop(arg1?: any, arg2?: any): any {
+  if (typeof arg2 === 'string') {
+    return prop()(arg1, arg2)
+  }
+
+  const params = arg1 // TODO!!!
+
   const { attr, refl: reflect } = params || {}
 
   return (proto: Component, propName: string) => {