Update readme

Author: royalicing

readme.md

@@ -1,124 +1,48 @@
 <div align="center">
-  <h1>💎 Unyielding</h1>
-  <a href="https://bundlephobia.com/result?p=unyielding">
-    <img src="https://badgen.net/bundlephobia/minzip/unyielding@0.1.1" alt="minified and gzipped size">
-    <img src="https://badgen.net/bundlephobia/min/unyielding@0.1.1" alt="minified size">
-    <img src="https://badgen.net/bundlephobia/dependency-count/unyielding@0.1.1" alt="zero dependencies">
+  <h1>👑 ⚙️ Yield Machine</h1>
+  <a href="https://bundlephobia.com/result?p=yieldmachine">
+    <img src="https://badgen.net/bundlephobia/minzip/yieldmachine@0.1.0" alt="minified and gzipped size">
+    <img src="https://badgen.net/bundlephobia/min/yieldmachine@0.1.0" alt="minified size">
+    <img src="https://badgen.net/bundlephobia/dependency-count/yieldmachine@0.1.0" alt="zero dependencies">
   </a>
 </div>
 
-Lightweight Components using Generator Functions
+State Machines using Generator Functions
 
 ## Install
 
 ```console
-npm add unyielding
+npm add yieldmachine
 ```
 
 ## Examples
 
-### Components
-
 ```javascript
-import { html, renderToString } from "unyielding";
-
-function* NavLink(link) {
-  yield html`<li>`;
-  yield html`<a href="${link.url}">`;
-  yield link.title;
-  yield html`</a>`;
-  yield html`<li>`;
-}
+import { call, on, start } from "yieldmachine";
 
-function* Nav(links) {
-  yield html`<nav aria-label="Primary">`;
-  yield html`<ul>`;
-
-  for (const link of links) {
-    yield NavLink(link);
+function Loader({ url }: { url: URL }) {
+  function* idle() {
+    yield on("FETCH", loading);
   }
-
-  yield html`</ul>`;
-  yield html`</nav>`;
-}
-
-function* PrimaryNav() {
-  yield Nav([
-    { url: '/', title: 'Home' },
-    { url: '/pricing', title: 'Pricing' },
-    { url: '/features', title: 'Features' },
-    { url: '/terms', title: 'Terms & Conditions' },
-  ]);
-}
-
-const html = await renderToString([PrimaryNav()]);
-```
-
-### Attributes
-
-```javascript
-import { attributes, html } from "unyielding";
-
-function CreatePhotoForm() {
-  yield html`<form ${attributes({ method: 'post', action: '/photo' })}>`;
-  // …
-  yield html`</form>`;
-}
-```
-
-### Data attributes
-
-```javascript
-import { dataset, html } from "unyielding";
-
-function Item({ uuid, title }) {
-  yield html`<article ${dataset({ uuid })}>`;
-  yield html`<h2>`;
-  yield title;
-  yield html`</h2>`;
-  yield html`</article>`;
-}
-```
-
-## TODO / Ideas
-
-```javascript
-// Yield function with name of HTML tag
-function Nav(links) {
-  yield html`<nav aria-label="Primary">`;
-
-  yield function* ul() {
-    for (const link of links) {
-      yield NavLink(link);
-    }
-  };
-
-  yield html`</nav>`;
-}
-
-// Yield function with name of landmark
-function Page() {
-  yield PrimaryNav();
-
-  yield function* main() { // <main>
-    yield Heading("Welcome!");
+  function* loading() {
+    yield call(fetch, [url.toString()]);
+    yield on("SUCCESS", success);
+    yield on("FAILURE", failure);
   }
-
-  yield function* contentinfo() { // <footer role=contentinfo>
-    yield FooterLinks();
+  function* success() {}
+  function* failure() {
+    yield on("RETRY", loading);
   }
+
+  return idle;
 }
 
-// Perhaps allow attributes to be set
-function Nav2(links) {
-  yield function* nav() {
-    yield attributes({ "aria-label": "Primary" });
+const loader = start(Loader, { url: new URL("https://example.org/") });
 
-    yield function* ul() {
-      for (const link of links) {
-        yield NavLink(link);
-      }
-    };
-  }
-}
+loader.next("FETCH");
+loader.value; // "loading"
+
+loader.promisedValue.then(response => {
+  // Use response of fetch()
+});
 ```