New Data New bind

dd-model -> bind
eirikb · Oct 6, 2021 · cc1581b · cc1581b
1 parent bb23017
commit cc1581b
Show file tree

Hide file tree

Showing 10 changed files with 13,144 additions and 104 deletions.
diff --git a/examples/dd-model/app.tsx → examples/bind/app.tsx b/examples/dd-model/app.tsx → 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>
 );

diff --git a/examples/dd-model/index.html → examples/bind/index.html b/examples/dd-model/index.html → examples/bind/index.html
diff --git a/examples/pathifier-on/app.tsx b/examples/pathifier-on/app.tsx
@@ -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)

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -48,6 +48,6 @@
     "typescript": "^4.3.2"
   },
   "dependencies": {
-    "@eirikb/data": "^5.0.1"
+    "@eirikb/data": "^5.1.0"
   }
 }
diff --git a/readme.md b/readme.md
@@ -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);
 ```
 
-
diff --git a/readme/build.ts b/readme/build.ts
@@ -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('')) {

diff --git a/src/dd-props.ts b/src/dd-props.ts
@@ -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 = '';

diff --git a/test/godmode.test.tsx b/test/godmode.test.tsx
@@ -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>
-Original file line number
+Diff line change
@@ Expand Up / @@ -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>
     );
@@ Expand Down @@