diff --git a/stories/addons.js b/stories/addons.js
index 8bc5b72..50f5dd5 100644
--- a/stories/addons.js
+++ b/stories/addons.js
@@ -1,3 +1,3 @@
-import '@storybook/addon-actions/register';
-import '@storybook/addon-links/register';
+import "@storybook/addon-actions/register";
+import "@storybook/addon-links/register";
import "@storybook/addon-storysource/register";
diff --git a/stories/config.js b/stories/config.js
index 0ddb457..15a1e7f 100644
--- a/stories/config.js
+++ b/stories/config.js
@@ -1,9 +1,9 @@
-import { configure } from '@storybook/react';
+import { configure } from "@storybook/react";
// automatically import all files ending in *.stories.js
-const req = require.context('.', true, /\.stories\.js$/);
+const req = require.context(".", true, /\.stories\.js$/);
function loadStories() {
- req.keys().forEach(filename => req(filename));
+ req.keys().forEach((filename) => req(filename));
}
configure(loadStories, module);
diff --git a/stories/react-hooks.stories.js b/stories/react-hooks.stories.js
index 19afeea..87eb8a1 100644
--- a/stories/react-hooks.stories.js
+++ b/stories/react-hooks.stories.js
@@ -5,62 +5,59 @@ import { Repeater } from "@repeaterjs/repeater";
import { useResult } from "../lib/react-hooks.esm";
storiesOf("useResult", module)
- .add("counter", () => {
- const result = useResult(async function*() {
- let i = 0;
- while (true) {
- yield i++;
- await new Promise((resolve) => setTimeout(resolve, 1000));
- }
- });
+ .add("counter", () => {
+ const result = useResult(async function*() {
+ let i = 0;
+ while (true) {
+ yield i++;
+ await new Promise((resolve) => setTimeout(resolve, 1000));
+ }
+ });
- return (
-
Current value: {result && result.value}
- );
- })
- .add("websocket", () => {
- const [socket] = useState(() => {
- return new WebSocket("wss://echo.websocket.org");
- });
- const [open] = useState(() => {
- return new Promise((resolve) => (socket.onopen = resolve));
- });
- const messages = new Repeater(async (push, stop) => {
- socket.onmessage = (ev) => push(ev.data);
- socket.onerror = () => stop(new Error("WebSocket error"));
- socket.onclose = () => stop();
- await stop;
- socket.close();
- });
- const [value, setValue] = useState("");
- const result = useResult(async function*() {
- const value = [];
- yield value;
- for await (const message of messages) {
- value.push(message);
- yield value;
- }
- });
- return (
-
-
{
- setValue(ev.target.value);
- }}
- onKeyPress={(ev) => {
- if (ev.key === "Enter") {
- open.then(() => {
- socket.send(value);
- setValue("");
- });
- }
- }}
- />
- {result && result.value.map((message, i) => (
-
{message}
- ))}
-
- );
- });
+ return Current value: {result && result.value}
;
+ })
+ .add("websocket", () => {
+ const [socket] = useState(() => {
+ return new WebSocket("wss://echo.websocket.org");
+ });
+ const [open] = useState(() => {
+ return new Promise((resolve) => (socket.onopen = resolve));
+ });
+ const messages = new Repeater(async (push, stop) => {
+ socket.onmessage = (ev) => push(ev.data);
+ socket.onerror = () => stop(new Error("WebSocket error"));
+ socket.onclose = () => stop();
+ await stop;
+ socket.close();
+ });
+ const [value, setValue] = useState("");
+ const result = useResult(async function*() {
+ const value = [];
+ yield value;
+ for await (const message of messages) {
+ value.push(message);
+ yield value;
+ }
+ });
+ return (
+
+
{
+ setValue(ev.target.value);
+ }}
+ onKeyPress={(ev) => {
+ if (ev.key === "Enter") {
+ open.then(() => {
+ socket.send(value);
+ setValue("");
+ });
+ }
+ }}
+ />
+ {result &&
+ result.value.map((message, i) =>
{message}
)}
+
+ );
+ });
diff --git a/stories/webpack.config.js b/stories/webpack.config.js
index b20782f..2d1d2ab 100644
--- a/stories/webpack.config.js
+++ b/stories/webpack.config.js
@@ -1,8 +1,8 @@
module.exports = function({ config }) {
config.module.rules.push({
test: /\.stories\.jsx?$/,
- loaders: [require.resolve('@storybook/source-loader')],
- enforce: 'pre',
+ loaders: [require.resolve("@storybook/source-loader")],
+ enforce: "pre",
});
return config;