💥 rename options: 'actionBarCorner' to 'actionsCorner' and 'actionBar…

…' to 'actions'
francisashley · Dec 16, 2019 · c297a3e · c297a3e
1 parent f910971
commit c297a3e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -50,7 +50,7 @@ import '@fa-repo/mobile-dev-environment/mobile-dev-environment.css';
 
 new mobileDevEnvironment({
   stateId : 'my-multi-page-app',
-  actionBarCorner : 'tl'
+  actionsCorner : 'tl'
 });
 
 // app.html
@@ -77,7 +77,7 @@ new mobileDevEnvironment({
   <script defer>  
     new mobileDevEnvironment({
       stateId : 'my-multi-page-app',
-      actionBarCorner : 'tl'
+      actionsCorner : 'tl'
     });
   </script>
 </head>
@@ -100,14 +100,14 @@ new mobileDevEnvironment({
     <th align="left" valign="top">Default</th>
   </tr>
   <tr>
-    <td valign="top"><code>actionBar</code></td>
+    <td valign="top"><code>actions</code></td>
     <td valign="top">An array of <a href="#modules" name="modules">actions</a> to load</td>
     <td valign="top"><code>array</code></td>
     <td valign="top"><code>['reload','tray']</code></td>
   </tr>
   <tr>
-    <td valign="top"><code>actionBarCorner</code></td>
-    <td valign="top">The actionBar position, top left <code>'tl'</code> or right <code>'tr'</code></td>
+    <td valign="top"><code>actionsCorner</code></td>
+    <td valign="top">The actions bar position, top left <code>'tl'</code> or right <code>'tr'</code></td>
     <td valign="top"><code>string</code></td>
     <td valign="top"><code>'tr'</code></td>
   </tr>

diff --git a/example/index.html b/example/index.html
@@ -20,7 +20,7 @@
     <img src="http://placekitten.com/g/740/420" alt="cute cat placeholder" />
     <div id="mde"></div>
     <script>
-      mobileDevEnvironment({ actionBarCorner: "tr" });
+      mobileDevEnvironment({ actionsCorner: "tr" });
 
       intentional_error;
     </script>

diff --git a/src/mde.js b/src/mde.js
@@ -15,14 +15,14 @@ import tracer from "./utils/tracer.js";
 
     defaults(options, {
       stateId: "global",
-      actionBar: ["reload", "tray"],
+      actions: ["reload", "tray"],
       hardReload: true,
-      actionBarCorner: "tr"
+      actionsCorner: "tr"
     });
 
     const state = stately(options.stateId);
-    state.set("action-bar", options.actionBar);
-    state.set("action-bar.corner", options.actionBarCorner);
+    state.set("action-bar", options.actions);
+    state.set("action-bar.corner", options.actionsCorner);
     state.set("reload.refreshCache", options.hardReload);
     state.setCache("tray.open", state.getCache("tray.open", true));
     state.setCache(