New Data New bind

dd-model -> bind

Author: eirikb

examples/dd-model/app.tsx renamed to examples/bind/app.tsx

@@ -13,7 +13,7 @@ const view = (
   <div>
     <div>Hello, {don(path().hello)}</div>
     <div>
-      <input type="text" dd-model="hello" />
+      <input type="text" bind="hello" />
     </div>
   </div>
 );

examples/dd-model/index.html renamed to examples/bind/index.html

@@ -22,7 +22,7 @@ const view = (
     <button id="desc" onClick={() => (data.desc = !data.desc)}>
       Toggle desc
     </button>
-    <input type="text" placeholder="filter" dd-model="filter" />
+    <input type="text" placeholder="filter" bind="filter" />
 
     <ul>
       {don(path().users)

examples/pathifier-on/app.tsx

@@ -48,6 +48,6 @@
     "typescript": "^4.3.2"
   },
   "dependencies": {
-    "@eirikb/data": "^5.0.1"
+    "@eirikb/data": "^5.1.0"
   }
 }

package-lock.json

@@ -306,7 +306,7 @@ Output:
 
 ### Automatic binding
 
-[app.tsx](./examples/dd-model/app.tsx):
+[app.tsx](./examples/bind/app.tsx):
 ```tsx
 interface Data {
   hello: string;
@@ -320,14 +320,14 @@ const view = (
   <div>
     <div>Hello, {don(path().hello)}</div>
     <div>
-      <input type="text" dd-model="hello" />
+      <input type="text" bind="hello" />
     </div>
   </div>
 );
 ```
 Output:
 
-![dd-model](readme/img/dd-model.gif)
+![bind](readme/img/bind.gif)
 
 ## Pathifier
 
@@ -503,4 +503,3 @@ const view = (
 init(document.body, view);
 ```
 
-  

package.json

@@ -130,10 +130,10 @@ ${await run('data-attributes', async ({ snapshot, page }) => {
 
 ### Automatic binding
 
-${readCode('dd-model/app.tsx')}
+${readCode('bind/app.tsx')}
 Output:
 
-${await run('dd-model', async ({ snapshot, page }) => {
+${await run('bind', async ({ snapshot, page }) => {
   await snapshot(1);
   await page.click('input', { clickCount: 3 });
   for (const c of 'there'.split('')) {

readme.md

@@ -35,7 +35,7 @@ export default (
 
   if (props) {
     const propsAsAny = props as any;
-    const model = propsAsAny['dd-model'];
+    const model = propsAsAny['bind'];
     if (model) {
       onChange((value: any) => data.set(model, value));
       let ref: string = '';

readme/build.ts

@@ -45,7 +45,7 @@ test('godMode 2', async t => {
   init(
     element,
     <div>
-      {don('users.$.*').map(user => (
+      {don('users.$.*').map<any>((user: any) => (
         <b>{user.name}</b>
       ))}
     </div>
@@ -67,7 +67,7 @@ test('godMode 3', async t => {
   init(
     element,
     <div>
-      {don('users.$.*').map(user => (
+      {don('users.$.*').map((user: any) => (
         <b>{user.name}</b>
       ))}
     </div>
@@ -88,7 +88,7 @@ test('godMode 4', async t => {
   init(
     element,
     <div>
-      {don('users.$.*').map(user => (
+      {don('users.$.*').map((user: any) => (
         <b>{user.name}</b>
       ))}
     </div>