Rename pathOf to path (#51)

Author: eirikb

examples/data-attributes/app.tsx

@@ -5,15 +5,15 @@ interface Data {
   toggle: boolean;
 }
 
-const { React, init, don, pathOf, data } = domdom<Data>({
+const { React, init, don, path, data } = domdom<Data>({
   toggle: false,
 });
 
 const view = (
   <div>
     <button onClick={() => (data.toggle = !data.toggle)}>Toggle</button>
-    <button disabled={don(pathOf().toggle)}>A</button>
-    <button disabled={don(pathOf().toggle).map(res => !res)}>B</button>
+    <button disabled={don(path().toggle)}>A</button>
+    <button disabled={don(path().toggle).map(res => !res)}>B</button>
   </div>
 );
 // Important part

examples/data-set/app.tsx

@@ -5,14 +5,14 @@ interface Data {
   hello: string;
 }
 
-const { React, init, don, pathOf, data } = domdom<Data>({
+const { React, init, don, path, data } = domdom<Data>({
   hello: 'World!',
 });
 
 const view = (
   <div>
     <div>A: Hello, {data.hello}</div>
-    <div>B: Hello, {don(pathOf().hello)}</div>
+    <div>B: Hello, {don(path().hello)}</div>
     <div>
       <button onClick={() => (data.hello = 'there!')}>Click me!</button>
     </div>

examples/dd-model/app.tsx

@@ -5,13 +5,13 @@ interface Data {
   hello: string;
 }
 
-const { React, init, don, pathOf } = domdom<Data>({
+const { React, init, don, path } = domdom<Data>({
   hello: 'World!',
 });
 
 const view = (
   <div>
-    <div>Hello, {don(pathOf().hello)}</div>
+    <div>Hello, {don(path().hello)}</div>
     <div>
       <input type="text" dd-model="hello" />
     </div>

examples/don-children/app.tsx

@@ -9,15 +9,15 @@ interface Data {
   users: User[];
 }
 
-const { React, init, don, data, pathOf } = domdom<Data>({
+const { React, init, don, data, path } = domdom<Data>({
   users: [{ name: 'Hello' }, { name: 'World' }, { name: 'Yup' }],
 });
 
 const view = (
   <div>
     <ul>
-      {don(pathOf().users.$).map(user => (
-        <li>{don(pathOf(user).name)}</li>
+      {don(path().users.$).map(user => (
+        <li>{don(path(user).name)}</li>
       ))}
     </ul>
     <button onClick={() => (data.users[1].name = '🤷')}>Click me!</button>

examples/don-wildcard/app.tsx

@@ -9,13 +9,13 @@ interface Data {
   users: User[];
 }
 
-const { React, init, don, pathOf } = domdom<Data>({
+const { React, init, don, path } = domdom<Data>({
   users: [{ name: 'Hello' }, { name: 'World' }],
 });
 
 const view = (
   <ul>
-    {don(pathOf().users.$).map(user => (
+    {don(path().users.$).map(user => (
       <li>{user.name}</li>
     ))}
   </ul>

examples/don/app.tsx

@@ -5,11 +5,11 @@ interface Data {
   hello: string;
 }
 
-const { React, init, don, pathOf } = domdom<Data>({
+const { React, init, don, path } = domdom<Data>({
   hello: 'World!',
 });
 
-const view = <span>{don(pathOf().hello)}</span>;
+const view = <span>{don(path().hello)}</span>;
 // Important part
 
 init(document.body, view);

examples/pathifier-on/app.tsx

@@ -11,7 +11,7 @@ interface Data {
   desc: boolean;
 }
 
-const { React, init, don, pathOf, data } = domdom<Data>({
+const { React, init, don, path, data } = domdom<Data>({
   users: [{ name: 'Yup' }, { name: 'World' }, { name: 'Hello' }],
   filter: '',
   desc: false,
@@ -25,7 +25,7 @@ const view = (
     <input type="text" placeholder="filter" dd-model="filter" />
 
     <ul>
-      {don(pathOf().users)
+      {don(path().users)
         .filterOn('filter', (user, { onValue }) => user.name.includes(onValue))
         .sortOn('desc', (a, b, { onValue }) =>
           onValue ? b.name.localeCompare(a.name) : a.name.localeCompare(b.name)

examples/pathifier/app.tsx

@@ -9,13 +9,13 @@ interface Data {
   users: User[];
 }
 
-const { React, init, don, pathOf } = domdom<Data>({
+const { React, init, don, path } = domdom<Data>({
   users: [{ name: 'Yup' }, { name: 'World' }, { name: 'Hello' }],
 });
 
 const view = (
   <ul>
-    {don(pathOf().users.$)
+    {don(path().users.$)
       .filter(user => user.name !== 'World')
       .sort((a, b) => a.name.localeCompare(b.name))
       .map(user => (

examples/routing/app.tsx

@@ -6,7 +6,7 @@ interface Data {
   route: Route;
 }
 
-const { React, init, don, pathOf, data } = domdom<Data>({ route: 'panel-a' });
+const { React, init, don, path, data } = domdom<Data>({ route: 'panel-a' });
 
 const PanelA = () => (
   <div>
@@ -18,7 +18,7 @@ const PanelB = () => <div>Panel B! (hash is: {window.location.hash})</div>;
 
 const view = (
   <div>
-    {don(pathOf().route).map((route: Route) => {
+    {don(path().route).map((route: Route) => {
       switch (route) {
         case 'panel-b':
           return <PanelB />;

examples/structure/app.tsx

@@ -1,6 +1,6 @@
-import { data, don, init, pathOf, React } from './domdom';
+import { data, don, init, path, React } from './domdom';
 
-const view = <div>Hello, {don(pathOf().hello)}</div>;
+const view = <div>Hello, {don(path().hello)}</div>;
 
 data.hello = 'There :)';