@b9g/crank 0.5.0-beta.7 → 0.5.0

package/README.md

@@ -1,18 +1,14 @@
 # Crank.js
-### The most “Just JavaScript” web framework.
+### The Just JavaScript web framework.
 
-Crank.js is a framework where components are defined with *Plain Old JavaScript Functions*. But not just regular functions! Components can also be defined with async functions for working with promises, and generator functions for working with local state.
-
-Its API aims to be minimal and transparent. By relying on standard JavaScript control flow operators and data structures, and by making the process of rendering explicit, Crank.js helps developers write durable, bug-free applications with the latest and greatest libraries and APIs.
-
-Rather than forcing developers to work with increasingly convoluted reactive solutions and bespoke templating languages, Crank.js uses the platform. It is a dedication to the web, to the promise of an accessible and inclusive medium for self-expression and commerce, built on the thesis that simpler code is how we’ll push the frontier.
+Crank is a web framework where components can be defined with sync functions, async functions and generator functions. The documentation for Crank.js is available at [crank.js.org](https://crank.js.org).
 
 ## Get Started
 
-The documentation for Crank.js is available at [crank.js.org](https://crank.js.org). Crank.js is published on NPM under the `@b9g` organization (short for “b*ikeshavin*g”).
+Crank.js is published on NPM under the `@b9g` organization (short for “b*ikeshavin*g”).
 
 ```shell
-$ npm install @b9g/crank
+$ npm i @b9g/crank
 ```
 
 ### Key Examples
@@ -20,8 +16,6 @@ $ npm install @b9g/crank
 #### A Simple Component
 
 ```jsx live
-/** @jsx createElement */
-import {createElement} from "@b9g/crank";
 import {renderer} from "@b9g/crank/dom";
 
 function Greeting({name = "World"}) {
@@ -36,8 +30,6 @@ renderer.render(<Greeting />, document.body);
 #### A Stateful Component
 
 ```jsx live
-/** @jsx createElement */
-import {createElement} from "@b9g/crank";
 import {renderer} from "@b9g/crank/dom";
 
 function *Timer() {
@@ -61,8 +53,6 @@ renderer.render(<Timer />, document.body);
 #### An Async Component
 
 ```jsx live
-/** @jsx createElement */
-import {createElement} from "@b9g/crank";
 import {renderer} from "@b9g/crank/dom";
 
 async function QuoteOfTheDay() {
@@ -81,8 +71,7 @@ renderer.render(<QuoteOfTheDay />, document.body);
 ### A Loading Component
 
 ```jsx live
-/** @jsx createElement */
-import {createElement, Fragment} from "@b9g/crank";
+import {Fragment} from "@b9g/crank";
 import {renderer} from "@b9g/crank/dom";
 
 async function LoadingIndicator() {
@@ -120,7 +109,7 @@ function *RandomDogApp() {
     }
   });
 
-  while (true) {
+  for ({} of this) {
     yield (
       <Fragment>
         <div>

package/crank.cjs

@@ -1236,10 +1236,6 @@ function ctxContains(parent, child) {
 function updateComponent(renderer, root, host, parent, scope, ret, oldProps, hydrationData) {
     let ctx;
     if (oldProps) {
-        // TODO: we should probably use the existence of ret.ctx
-        if (ret.ctx == null) {
-            throw new Error("Hmmm");
-        }
         ctx = ret.ctx;
         if (ctx.f & IsSyncExecuting) {
             console.error("Component is already executing");