@anansi/storybook 0.1.0

package/README.md

@@ -0,0 +1,42 @@
+# Storybook for HTML
+
+---
+
+Storybook for HTML is a UI development environment for your plain HTML snippets.
+With it, you can visualize different states of your UI components and develop them interactively.
+
+![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/main/media/storybook-intro.gif)
+
+Storybook runs outside of your app.
+So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
+
+## Getting Started
+
+If you already have an existing Anansi project
+
+```sh
+cd my-app
+anansi add storybook
+```
+
+For new projects
+
+```bash
+npm install -g @anansi/cli
+```
+
+Then generate your new project:
+
+```bash
+anansi hatch my-app-name
+```
+
+### Typescript
+
+`npx sb init` will select `.ts` starter stories if your `package.json` has typescript as a dependency. If starting a new project,
+run `npm init` and `npm install typescript --save-dev` before initializing storybook to get the typescript starter stories.
+
+---
+
+Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/html/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './types.js';
+export {};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdHlwZXMuanMnO1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFlBQVk7QUFBQyJ9

package/dist/preset.d.ts

@@ -0,0 +1,8 @@
+import type { PresetProperty, Options } from '@storybook/types';
+import type { StorybookConfig } from './types.js';
+export declare const addons: PresetProperty<'addons', StorybookConfig>;
+export declare const frameworkOptions: (_: never, options: Options) => Promise<StorybookConfig['framework']>;
+export declare const core: PresetProperty<'core', StorybookConfig>;
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
+export declare const webpackFinal: StorybookConfig['webpackFinal'];
+//# sourceMappingURL=preset.d.ts.map

package/dist/preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGhE,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,YAAY,CAAC;AAKpE,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,eAAe,CAAM,CAAC;AAQpE,eAAO,MAAM,gBAAgB,MACxB,KAAK,WACC,OAAO,KACf,QAAQ,eAAe,CAAC,WAAW,CAAC,CAyBtC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,eAAe,CAmBxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAExB,CAAC;AAM9C,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,cAAc,CAgBxD,CAAC"}

package/dist/preset.js

@@ -0,0 +1,63 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import { makeStorybookConfigGenerator } from '@anansi/webpack-config';
+import { dirname, join } from 'path';
+const wrapForPnP = input => dirname(require.resolve(join(input, 'package.json')));
+export const addons = [];
+const defaultFrameworkOptions = {
+  legacyRootApi: false,
+  fastRefresh: true,
+  strictMode: true
+};
+export const frameworkOptions = async (_, options) => {
+  const config = await options.presets.apply('framework');
+  if (typeof config === 'string') {
+    return {
+      name: config,
+      options: defaultFrameworkOptions
+    };
+  }
+  if (typeof config === 'undefined') {
+    return {
+      name: wrapForPnP('@anansi/storybook'),
+      options: defaultFrameworkOptions
+    };
+  }
+  return {
+    name: config.name,
+    options: {
+      ...defaultFrameworkOptions,
+      ...config.options
+    }
+  };
+};
+export const core = async (config, options) => {
+  const framework = await options.presets.apply('framework');
+  return {
+    ...config,
+    builder: {
+      name: wrapForPnP('@storybook/builder-webpack5'),
+      options: typeof framework === 'string' ? {} : framework.options.builder || {}
+    },
+    renderer: wrapForPnP('@storybook/react')
+  };
+};
+export const previewAnnotations = (entry = []) => [...entry, require.resolve('./preview')];
+
+/*export const babel: StorybookConfig['babel'] = (config, options) => ({
+  presets: [['@anansi/babel-preset', { typing: 'typescript', loose: true }]],
+});*/
+
+export const webpackFinal = async (storybookConfig, options) => {
+  var _storybookConfig$reso;
+  storybookConfig.resolve = storybookConfig.resolve || {};
+  storybookConfig.resolve.alias = {
+    ...((_storybookConfig$reso = storybookConfig.resolve) == null ? void 0 : _storybookConfig$reso.alias),
+    '@storybook/react': wrapForPnP('@storybook/react')
+  };
+  const projectConfig = require(join(options.configDir, '../webpack.config'));
+  return makeStorybookConfigGenerator(projectConfig)({
+    config: storybookConfig,
+    mode: process.env.NODE_ENV
+  });
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJtYWtlU3Rvcnlib29rQ29uZmlnR2VuZXJhdG9yIiwiZGlybmFtZSIsImpvaW4iLCJ3cmFwRm9yUG5QIiwiaW5wdXQiLCJyZXF1aXJlIiwicmVzb2x2ZSIsImFkZG9ucyIsImRlZmF1bHRGcmFtZXdvcmtPcHRpb25zIiwibGVnYWN5Um9vdEFwaSIsImZhc3RSZWZyZXNoIiwic3RyaWN0TW9kZSIsImZyYW1ld29ya09wdGlvbnMiLCJfIiwib3B0aW9ucyIsImNvbmZpZyIsInByZXNldHMiLCJhcHBseSIsIm5hbWUiLCJjb3JlIiwiZnJhbWV3b3JrIiwiYnVpbGRlciIsInJlbmRlcmVyIiwicHJldmlld0Fubm90YXRpb25zIiwiZW50cnkiLCJ3ZWJwYWNrRmluYWwiLCJzdG9yeWJvb2tDb25maWciLCJfc3Rvcnlib29rQ29uZmlnJHJlc28iLCJhbGlhcyIsInByb2plY3RDb25maWciLCJjb25maWdEaXIiLCJtb2RlIiwicHJvY2VzcyIsImVudiIsIk5PREVfRU5WIl0sInNvdXJjZXMiOlsiLi4vc3JjL3ByZXNldC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdmFyLXJlcXVpcmVzICovXG5pbXBvcnQgeyBtYWtlU3Rvcnlib29rQ29uZmlnR2VuZXJhdG9yIH0gZnJvbSAnQGFuYW5zaS93ZWJwYWNrLWNvbmZpZyc7XG5pbXBvcnQgdHlwZSB7IFByZXNldFByb3BlcnR5LCBPcHRpb25zIH0gZnJvbSAnQHN0b3J5Ym9vay90eXBlcyc7XG5pbXBvcnQgeyBkaXJuYW1lLCBqb2luIH0gZnJvbSAncGF0aCc7XG5cbmltcG9ydCB0eXBlIHsgRnJhbWV3b3JrT3B0aW9ucywgU3Rvcnlib29rQ29uZmlnIH0gZnJvbSAnLi90eXBlcy5qcyc7XG5cbmNvbnN0IHdyYXBGb3JQblAgPSAoaW5wdXQ6IHN0cmluZykgPT5cbiAgZGlybmFtZShyZXF1aXJlLnJlc29sdmUoam9pbihpbnB1dCwgJ3BhY2thZ2UuanNvbicpKSk7XG5cbmV4cG9ydCBjb25zdCBhZGRvbnM6IFByZXNldFByb3BlcnR5PCdhZGRvbnMnLCBTdG9yeWJvb2tDb25maWc+ID0gW107XG5cbmNvbnN0IGRlZmF1bHRGcmFtZXdvcmtPcHRpb25zOiBGcmFtZXdvcmtPcHRpb25zID0ge1xuICBsZWdhY3lSb290QXBpOiBmYWxzZSxcbiAgZmFzdFJlZnJlc2g6IHRydWUsXG4gIHN0cmljdE1vZGU6IHRydWUsXG59O1xuXG5leHBvcnQgY29uc3QgZnJhbWV3b3JrT3B0aW9ucyA9IGFzeW5jIChcbiAgXzogbmV2ZXIsXG4gIG9wdGlvbnM6IE9wdGlvbnMsXG4pOiBQcm9taXNlPFN0b3J5Ym9va0NvbmZpZ1snZnJhbWV3b3JrJ10+ID0+IHtcbiAgY29uc3QgY29uZmlnID0gYXdhaXQgb3B0aW9ucy5wcmVzZXRzLmFwcGx5PFN0b3J5Ym9va0NvbmZpZ1snZnJhbWV3b3JrJ10+KFxuICAgICdmcmFtZXdvcmsnLFxuICApO1xuXG4gIGlmICh0eXBlb2YgY29uZmlnID09PSAnc3RyaW5nJykge1xuICAgIHJldHVybiB7XG4gICAgICBuYW1lOiBjb25maWcsXG4gICAgICBvcHRpb25zOiBkZWZhdWx0RnJhbWV3b3JrT3B0aW9ucyxcbiAgICB9O1xuICB9XG4gIGlmICh0eXBlb2YgY29uZmlnID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB7XG4gICAgICBuYW1lOiB3cmFwRm9yUG5QKCdAYW5hbnNpL3N0b3J5Ym9vaycpIGFzICdAYW5hbnNpL3N0b3J5Ym9vaycsXG4gICAgICBvcHRpb25zOiBkZWZhdWx0RnJhbWV3b3JrT3B0aW9ucyxcbiAgICB9O1xuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBuYW1lOiBjb25maWcubmFtZSxcbiAgICBvcHRpb25zOiB7XG4gICAgICAuLi5kZWZhdWx0RnJhbWV3b3JrT3B0aW9ucyxcbiAgICAgIC4uLmNvbmZpZy5vcHRpb25zLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY29yZTogUHJlc2V0UHJvcGVydHk8J2NvcmUnLCBTdG9yeWJvb2tDb25maWc+ID0gYXN5bmMgKFxuICBjb25maWcsXG4gIG9wdGlvbnMsXG4pID0+IHtcbiAgY29uc3QgZnJhbWV3b3JrID0gYXdhaXQgb3B0aW9ucy5wcmVzZXRzLmFwcGx5PFN0b3J5Ym9va0NvbmZpZ1snZnJhbWV3b3JrJ10+KFxuICAgICdmcmFtZXdvcmsnLFxuICApO1xuXG4gIHJldHVybiB7XG4gICAgLi4uY29uZmlnLFxuICAgIGJ1aWxkZXI6IHtcbiAgICAgIG5hbWU6IHdyYXBGb3JQblAoXG4gICAgICAgICdAc3Rvcnlib29rL2J1aWxkZXItd2VicGFjazUnLFxuICAgICAgKSBhcyAnQHN0b3J5Ym9vay9idWlsZGVyLXdlYnBhY2s1JyxcbiAgICAgIG9wdGlvbnM6XG4gICAgICAgIHR5cGVvZiBmcmFtZXdvcmsgPT09ICdzdHJpbmcnID8ge30gOiBmcmFtZXdvcmsub3B0aW9ucy5idWlsZGVyIHx8IHt9LFxuICAgIH0sXG4gICAgcmVuZGVyZXI6IHdyYXBGb3JQblAoJ0BzdG9yeWJvb2svcmVhY3QnKSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBwcmV2aWV3QW5ub3RhdGlvbnM6IFN0b3J5Ym9va0NvbmZpZ1sncHJldmlld0Fubm90YXRpb25zJ10gPSAoXG4gIGVudHJ5ID0gW10sXG4pID0+IFsuLi5lbnRyeSwgcmVxdWlyZS5yZXNvbHZlKCcuL3ByZXZpZXcnKV07XG5cbi8qZXhwb3J0IGNvbnN0IGJhYmVsOiBTdG9yeWJvb2tDb25maWdbJ2JhYmVsJ10gPSAoY29uZmlnLCBvcHRpb25zKSA9PiAoe1xuICBwcmVzZXRzOiBbWydAYW5hbnNpL2JhYmVsLXByZXNldCcsIHsgdHlwaW5nOiAndHlwZXNjcmlwdCcsIGxvb3NlOiB0cnVlIH1dXSxcbn0pOyovXG5cbmV4cG9ydCBjb25zdCB3ZWJwYWNrRmluYWw6IFN0b3J5Ym9va0NvbmZpZ1snd2VicGFja0ZpbmFsJ10gPSBhc3luYyAoXG4gIHN0b3J5Ym9va0NvbmZpZyxcbiAgb3B0aW9ucyxcbikgPT4ge1xuICBzdG9yeWJvb2tDb25maWcucmVzb2x2ZSA9IHN0b3J5Ym9va0NvbmZpZy5yZXNvbHZlIHx8IHt9O1xuXG4gIHN0b3J5Ym9va0NvbmZpZy5yZXNvbHZlLmFsaWFzID0ge1xuICAgIC4uLnN0b3J5Ym9va0NvbmZpZy5yZXNvbHZlPy5hbGlhcyxcbiAgICAnQHN0b3J5Ym9vay9yZWFjdCc6IHdyYXBGb3JQblAoJ0BzdG9yeWJvb2svcmVhY3QnKSxcbiAgfTtcblxuICBjb25zdCBwcm9qZWN0Q29uZmlnID0gcmVxdWlyZShqb2luKG9wdGlvbnMuY29uZmlnRGlyLCAnLi4vd2VicGFjay5jb25maWcnKSk7XG4gIHJldHVybiBtYWtlU3Rvcnlib29rQ29uZmlnR2VuZXJhdG9yKHByb2plY3RDb25maWcpKHtcbiAgICBjb25maWc6IHN0b3J5Ym9va0NvbmZpZyxcbiAgICBtb2RlOiBwcm9jZXNzLmVudi5OT0RFX0VOVixcbiAgfSk7XG59O1xuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBLFNBQVNBLDRCQUE0QixRQUFRLHdCQUF3QjtBQUVyRSxTQUFTQyxPQUFPLEVBQUVDLElBQUksUUFBUSxNQUFNO0FBSXBDLE1BQU1DLFVBQVUsR0FBSUMsS0FBYSxJQUMvQkgsT0FBTyxDQUFDSSxPQUFPLENBQUNDLE9BQU8sQ0FBQ0osSUFBSSxDQUFDRSxLQUFLLEVBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQztBQUV2RCxPQUFPLE1BQU1HLE1BQWlELEdBQUcsRUFBRTtBQUVuRSxNQUFNQyx1QkFBeUMsR0FBRztFQUNoREMsYUFBYSxFQUFFLEtBQUs7RUFDcEJDLFdBQVcsRUFBRSxJQUFJO0VBQ2pCQyxVQUFVLEVBQUU7QUFDZCxDQUFDO0FBRUQsT0FBTyxNQUFNQyxnQkFBZ0IsR0FBRyxNQUFBQSxDQUM5QkMsQ0FBUSxFQUNSQyxPQUFnQixLQUMwQjtFQUMxQyxNQUFNQyxNQUFNLEdBQUcsTUFBTUQsT0FBTyxDQUFDRSxPQUFPLENBQUNDLEtBQUssQ0FDeEMsV0FBVyxDQUNaO0VBRUQsSUFBSSxPQUFPRixNQUFNLEtBQUssUUFBUSxFQUFFO0lBQzlCLE9BQU87TUFDTEcsSUFBSSxFQUFFSCxNQUFNO01BQ1pELE9BQU8sRUFBRU47SUFDWCxDQUFDO0VBQ0g7RUFDQSxJQUFJLE9BQU9PLE1BQU0sS0FBSyxXQUFXLEVBQUU7SUFDakMsT0FBTztNQUNMRyxJQUFJLEVBQUVmLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBd0I7TUFDNURXLE9BQU8sRUFBRU47SUFDWCxDQUFDO0VBQ0g7RUFFQSxPQUFPO0lBQ0xVLElBQUksRUFBRUgsTUFBTSxDQUFDRyxJQUFJO0lBQ2pCSixPQUFPLEVBQUU7TUFDUCxHQUFHTix1QkFBdUI7TUFDMUIsR0FBR08sTUFBTSxDQUFDRDtJQUNaO0VBQ0YsQ0FBQztBQUNILENBQUM7QUFFRCxPQUFPLE1BQU1LLElBQTZDLEdBQUcsTUFBQUEsQ0FDM0RKLE1BQU0sRUFDTkQsT0FBTyxLQUNKO0VBQ0gsTUFBTU0sU0FBUyxHQUFHLE1BQU1OLE9BQU8sQ0FBQ0UsT0FBTyxDQUFDQyxLQUFLLENBQzNDLFdBQVcsQ0FDWjtFQUVELE9BQU87SUFDTCxHQUFHRixNQUFNO0lBQ1RNLE9BQU8sRUFBRTtNQUNQSCxJQUFJLEVBQUVmLFVBQVUsQ0FDZCw2QkFBNkIsQ0FDRztNQUNsQ1csT0FBTyxFQUNMLE9BQU9NLFNBQVMsS0FBSyxRQUFRLEdBQUcsQ0FBQyxDQUFDLEdBQUdBLFNBQVMsQ0FBQ04sT0FBTyxDQUFDTyxPQUFPLElBQUksQ0FBQztJQUN2RSxDQUFDO0lBQ0RDLFFBQVEsRUFBRW5CLFVBQVUsQ0FBQyxrQkFBa0I7RUFDekMsQ0FBQztBQUNILENBQUM7QUFFRCxPQUFPLE1BQU1vQixrQkFBeUQsR0FBR0EsQ0FDdkVDLEtBQUssR0FBRyxFQUFFLEtBQ1AsQ0FBQyxHQUFHQSxLQUFLLEVBQUVuQixPQUFPLENBQUNDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQzs7QUFFN0M7QUFDQTtBQUNBOztBQUVBLE9BQU8sTUFBTW1CLFlBQTZDLEdBQUcsTUFBQUEsQ0FDM0RDLGVBQWUsRUFDZlosT0FBTyxLQUNKO0VBQUEsSUFBQWEscUJBQUE7RUFDSEQsZUFBZSxDQUFDcEIsT0FBTyxHQUFHb0IsZUFBZSxDQUFDcEIsT0FBTyxJQUFJLENBQUMsQ0FBQztFQUV2RG9CLGVBQWUsQ0FBQ3BCLE9BQU8sQ0FBQ3NCLEtBQUssR0FBRztJQUM5QixLQUFBRCxxQkFBQSxHQUFHRCxlQUFlLENBQUNwQixPQUFPLHFCQUF2QnFCLHFCQUFBLENBQXlCQyxLQUFLO0lBQ2pDLGtCQUFrQixFQUFFekIsVUFBVSxDQUFDLGtCQUFrQjtFQUNuRCxDQUFDO0VBRUQsTUFBTTBCLGFBQWEsR0FBR3hCLE9BQU8sQ0FBQ0gsSUFBSSxDQUFDWSxPQUFPLENBQUNnQixTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztFQUMzRSxPQUFPOUIsNEJBQTRCLENBQUM2QixhQUFhLENBQUMsQ0FBQztJQUNqRGQsTUFBTSxFQUFFVyxlQUFlO0lBQ3ZCSyxJQUFJLEVBQUVDLE9BQU8sQ0FBQ0MsR0FBRyxDQUFDQztFQUNwQixDQUFDLENBQUM7QUFDSixDQUFDIn0=

package/dist/preview.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const decorators: ((Story: React.FC) => JSX.Element)[];
+//# sourceMappingURL=preview.d.ts.map

package/dist/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../src/preview.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,UAAU,WACb,MAAM,EAAE,mBAOjB,CAAC"}

package/dist/preview.js

@@ -0,0 +1,5 @@
+import _jsx from "@babel/runtime/helpers/jsx";
+import React from "react";
+import { CacheProvider, AsyncBoundary } from '@rest-hooks/react';
+export const decorators = [Story => /*#__PURE__*/_jsx(CacheProvider, {}, void 0, /*#__PURE__*/_jsx(AsyncBoundary, {}, void 0, /*#__PURE__*/_jsx(Story, {})))];
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDYWNoZVByb3ZpZGVyIiwiQXN5bmNCb3VuZGFyeSIsImRlY29yYXRvcnMiLCJTdG9yeSIsIl9qc3giXSwic291cmNlcyI6WyIuLi9zcmMvcHJldmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2FjaGVQcm92aWRlciwgQXN5bmNCb3VuZGFyeSB9IGZyb20gJ0ByZXN0LWhvb2tzL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGRlY29yYXRvcnMgPSBbXG4gIChTdG9yeTogUmVhY3QuRkMpID0+IChcbiAgICA8Q2FjaGVQcm92aWRlcj5cbiAgICAgIDxBc3luY0JvdW5kYXJ5PlxuICAgICAgICA8U3RvcnkgLz5cbiAgICAgIDwvQXN5bmNCb3VuZGFyeT5cbiAgICA8L0NhY2hlUHJvdmlkZXI+XG4gICksXG5dO1xuIl0sIm1hcHBpbmdzIjoiOztBQUFBLFNBQVNBLGFBQWEsRUFBRUMsYUFBYSxRQUFRLG1CQUFtQjtBQUVoRSxPQUFPLE1BQU1DLFVBQVUsR0FBRyxDQUN2QkMsS0FBZSxpQkFDZEMsSUFBQSxDQUFDSixhQUFhLDJCQUNaSSxJQUFBLENBQUNILGFBQWEsMkJBQ1pHLElBQUEsQ0FBQ0QsS0FBSyxLQUFHLENBQ0ssQ0FFbkIsQ0FDRiJ9

package/dist/types.d.ts

@@ -0,0 +1,30 @@
+import type { StorybookConfigWebpack, BuilderOptions, TypescriptOptions as TypescriptOptionsBuilder } from '@storybook/builder-webpack5';
+import type { ReactOptions, StorybookConfig as StorybookConfigBase, TypescriptOptions as TypescriptOptionsReact } from '@storybook/preset-react-webpack';
+type FrameworkName = '@anansi/storybook';
+type BuilderName = '@storybook/builder-webpack5';
+export type FrameworkOptions = ReactOptions & {
+    builder?: BuilderOptions;
+    babelOptions?: {
+        typing?: 'typescript';
+        loose: boolean;
+    };
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfigBase['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    typescript?: Partial<TypescriptOptionsBuilder & TypescriptOptionsReact> & StorybookConfigBase['typescript'];
+};
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ */
+export type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,cAAc,EACd,iBAAiB,IAAI,wBAAwB,EAC9C,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,IAAI,mBAAmB,EACtC,iBAAiB,IAAI,sBAAsB,EAC5C,MAAM,iCAAiC,CAAC;AAEzC,KAAK,aAAa,GAAG,mBAAmB,CAAC;AACzC,KAAK,WAAW,GAAG,6BAA6B,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,YAAY,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,YAAY,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;CAC1D,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EACL,aAAa,GACb;QACE,IAAI,EAAE,aAAa,CAAC;QACpB,OAAO,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACN,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAAG;QACnC,OAAO,CAAC,EACJ,WAAW,GACX;YACE,IAAI,EAAE,WAAW,CAAC;YAClB,OAAO,EAAE,cAAc,CAAC;SACzB,CAAC;KACP,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC,wBAAwB,GAAG,sBAAsB,CAAC,GACrE,mBAAmB,CAAC,YAAY,CAAC,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,EACnB,MAAM,sBAAsB,GAAG,MAAM,wBAAwB,CAC9D,GACC,sBAAsB,GACtB,wBAAwB,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL3R5cGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtcbiAgU3Rvcnlib29rQ29uZmlnV2VicGFjayxcbiAgQnVpbGRlck9wdGlvbnMsXG4gIFR5cGVzY3JpcHRPcHRpb25zIGFzIFR5cGVzY3JpcHRPcHRpb25zQnVpbGRlcixcbn0gZnJvbSAnQHN0b3J5Ym9vay9idWlsZGVyLXdlYnBhY2s1JztcbmltcG9ydCB0eXBlIHtcbiAgUmVhY3RPcHRpb25zLFxuICBTdG9yeWJvb2tDb25maWcgYXMgU3Rvcnlib29rQ29uZmlnQmFzZSxcbiAgVHlwZXNjcmlwdE9wdGlvbnMgYXMgVHlwZXNjcmlwdE9wdGlvbnNSZWFjdCxcbn0gZnJvbSAnQHN0b3J5Ym9vay9wcmVzZXQtcmVhY3Qtd2VicGFjayc7XG5cbnR5cGUgRnJhbWV3b3JrTmFtZSA9ICdAYW5hbnNpL3N0b3J5Ym9vayc7XG50eXBlIEJ1aWxkZXJOYW1lID0gJ0BzdG9yeWJvb2svYnVpbGRlci13ZWJwYWNrNSc7XG5cbmV4cG9ydCB0eXBlIEZyYW1ld29ya09wdGlvbnMgPSBSZWFjdE9wdGlvbnMgJiB7XG4gIGJ1aWxkZXI/OiBCdWlsZGVyT3B0aW9ucztcbiAgYmFiZWxPcHRpb25zPzogeyB0eXBpbmc/OiAndHlwZXNjcmlwdCc7IGxvb3NlOiBib29sZWFuIH07XG59O1xuXG50eXBlIFN0b3J5Ym9va0NvbmZpZ0ZyYW1ld29yayA9IHtcbiAgZnJhbWV3b3JrOlxuICAgIHwgRnJhbWV3b3JrTmFtZVxuICAgIHwge1xuICAgICAgICBuYW1lOiBGcmFtZXdvcmtOYW1lO1xuICAgICAgICBvcHRpb25zOiBGcmFtZXdvcmtPcHRpb25zO1xuICAgICAgfTtcbiAgY29yZT86IFN0b3J5Ym9va0NvbmZpZ0Jhc2VbJ2NvcmUnXSAmIHtcbiAgICBidWlsZGVyPzpcbiAgICAgIHwgQnVpbGRlck5hbWVcbiAgICAgIHwge1xuICAgICAgICAgIG5hbWU6IEJ1aWxkZXJOYW1lO1xuICAgICAgICAgIG9wdGlvbnM6IEJ1aWxkZXJPcHRpb25zO1xuICAgICAgICB9O1xuICB9O1xuICB0eXBlc2NyaXB0PzogUGFydGlhbDxUeXBlc2NyaXB0T3B0aW9uc0J1aWxkZXIgJiBUeXBlc2NyaXB0T3B0aW9uc1JlYWN0PiAmXG4gICAgU3Rvcnlib29rQ29uZmlnQmFzZVsndHlwZXNjcmlwdCddO1xufTtcblxuLyoqXG4gKiBUaGUgaW50ZXJmYWNlIGZvciBTdG9yeWJvb2sgY29uZmlndXJhdGlvbiBpbiBgbWFpbi50c2AgZmlsZXMuXG4gKi9cbmV4cG9ydCB0eXBlIFN0b3J5Ym9va0NvbmZpZyA9IE9taXQ8XG4gIFN0b3J5Ym9va0NvbmZpZ0Jhc2UsXG4gIGtleW9mIFN0b3J5Ym9va0NvbmZpZ1dlYnBhY2sgfCBrZXlvZiBTdG9yeWJvb2tDb25maWdGcmFtZXdvcmtcbj4gJlxuICBTdG9yeWJvb2tDb25maWdXZWJwYWNrICZcbiAgU3Rvcnlib29rQ29uZmlnRnJhbWV3b3JrO1xuIl0sIm1hcHBpbmdzIjoiIn0=

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@anansi/storybook",
+  "version": "0.1.0",
+  "description": "Storybook framework for anansi",
+  "homepage": "https://github.com/ntucker/anansi/tree/master/packages/storybook#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com:ntucker/anansi.git",
+    "directory": "packages/storybook"
+  },
+  "license": "Apache-2.0",
+  "author": {
+    "name": "Nathaniel Tucker",
+    "email": "me@ntucker.me",
+    "url": "https://ntucker.true.io"
+  },
+  "files": [
+    "src",
+    "dist",
+    "lib",
+    "preset.js",
+    "preview.js",
+    "LICENSE",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "main": "dist/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "keywords": [
+    "storybook",
+    "react"
+  ],
+  "devDependencies": {
+    "@anansi/babel-preset": "workspace:*",
+    "@anansi/browserslist-config": "workspace:*",
+    "@babel/cli": "7.21.0",
+    "@babel/core": "7.21.3",
+    "jest": "29.5.0",
+    "rimraf": "4.4.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.17.0",
+    "@storybook/builder-webpack5": "7.0.0-rc.3",
+    "@storybook/preset-react-webpack": "^7.0.0-rc.3",
+    "@storybook/react": "7.0.0-rc.3",
+    "@types/node": "^16.0.0"
+  },
+  "peerDependencies": {
+    "@anansi/babel-preset": "^3.0.0 || ^4.0.0",
+    "@anansi/webpack-config": "^13.0.0 || ^14.0.0",
+    "@types/react": "^17.0.40 || ^18.0.0-0",
+    "react": "^18.0.0-0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=16"
+  },
+  "scripts": {
+    "pretest": "eslint --ext .ts,.tsx .",
+    "test": "jest",
+    "test:type": "tsc",
+    "dev": "yarn run build:lib -w",
+    "build": "yarn run build:lib",
+    "build:lib": "NODE_ENV=production BROWSERSLIST_ENV=node16 babel --root-mode upward src --out-dir dist --source-maps inline --extensions '.ts,.tsx,.js' --ignore '**/__tests__/**' --ignore '**/*.d.ts'",
+    "build:clean": "rimraf lib dist ts3.4 legacy dist *.tsbuildinfo",
+    "prepack": "yarn build"
+  }
+}

package/preset.js

@@ -0,0 +1 @@
+module.exports = require('./dist/preset');

package/preview.js

@@ -0,0 +1 @@
+module.exports = require('./dist/preview');

package/src/index.ts

@@ -0,0 +1 @@
+export * from './types.js';

package/src/preset.ts

@@ -0,0 +1,94 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import { makeStorybookConfigGenerator } from '@anansi/webpack-config';
+import type { PresetProperty, Options } from '@storybook/types';
+import { dirname, join } from 'path';
+
+import type { FrameworkOptions, StorybookConfig } from './types.js';
+
+const wrapForPnP = (input: string) =>
+  dirname(require.resolve(join(input, 'package.json')));
+
+export const addons: PresetProperty<'addons', StorybookConfig> = [];
+
+const defaultFrameworkOptions: FrameworkOptions = {
+  legacyRootApi: false,
+  fastRefresh: true,
+  strictMode: true,
+};
+
+export const frameworkOptions = async (
+  _: never,
+  options: Options,
+): Promise<StorybookConfig['framework']> => {
+  const config = await options.presets.apply<StorybookConfig['framework']>(
+    'framework',
+  );
+
+  if (typeof config === 'string') {
+    return {
+      name: config,
+      options: defaultFrameworkOptions,
+    };
+  }
+  if (typeof config === 'undefined') {
+    return {
+      name: wrapForPnP('@anansi/storybook') as '@anansi/storybook',
+      options: defaultFrameworkOptions,
+    };
+  }
+
+  return {
+    name: config.name,
+    options: {
+      ...defaultFrameworkOptions,
+      ...config.options,
+    },
+  };
+};
+
+export const core: PresetProperty<'core', StorybookConfig> = async (
+  config,
+  options,
+) => {
+  const framework = await options.presets.apply<StorybookConfig['framework']>(
+    'framework',
+  );
+
+  return {
+    ...config,
+    builder: {
+      name: wrapForPnP(
+        '@storybook/builder-webpack5',
+      ) as '@storybook/builder-webpack5',
+      options:
+        typeof framework === 'string' ? {} : framework.options.builder || {},
+    },
+    renderer: wrapForPnP('@storybook/react'),
+  };
+};
+
+export const previewAnnotations: StorybookConfig['previewAnnotations'] = (
+  entry = [],
+) => [...entry, require.resolve('./preview')];
+
+/*export const babel: StorybookConfig['babel'] = (config, options) => ({
+  presets: [['@anansi/babel-preset', { typing: 'typescript', loose: true }]],
+});*/
+
+export const webpackFinal: StorybookConfig['webpackFinal'] = async (
+  storybookConfig,
+  options,
+) => {
+  storybookConfig.resolve = storybookConfig.resolve || {};
+
+  storybookConfig.resolve.alias = {
+    ...storybookConfig.resolve?.alias,
+    '@storybook/react': wrapForPnP('@storybook/react'),
+  };
+
+  const projectConfig = require(join(options.configDir, '../webpack.config'));
+  return makeStorybookConfigGenerator(projectConfig)({
+    config: storybookConfig,
+    mode: process.env.NODE_ENV,
+  });
+};

package/src/preview.tsx

@@ -0,0 +1,11 @@
+import { CacheProvider, AsyncBoundary } from '@rest-hooks/react';
+
+export const decorators = [
+  (Story: React.FC) => (
+    <CacheProvider>
+      <AsyncBoundary>
+        <Story />
+      </AsyncBoundary>
+    </CacheProvider>
+  ),
+];

package/src/types.ts

@@ -0,0 +1,47 @@
+import type {
+  StorybookConfigWebpack,
+  BuilderOptions,
+  TypescriptOptions as TypescriptOptionsBuilder,
+} from '@storybook/builder-webpack5';
+import type {
+  ReactOptions,
+  StorybookConfig as StorybookConfigBase,
+  TypescriptOptions as TypescriptOptionsReact,
+} from '@storybook/preset-react-webpack';
+
+type FrameworkName = '@anansi/storybook';
+type BuilderName = '@storybook/builder-webpack5';
+
+export type FrameworkOptions = ReactOptions & {
+  builder?: BuilderOptions;
+  babelOptions?: { typing?: 'typescript'; loose: boolean };
+};
+
+type StorybookConfigFramework = {
+  framework:
+    | FrameworkName
+    | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+      };
+  core?: StorybookConfigBase['core'] & {
+    builder?:
+      | BuilderName
+      | {
+          name: BuilderName;
+          options: BuilderOptions;
+        };
+  };
+  typescript?: Partial<TypescriptOptionsBuilder & TypescriptOptionsReact> &
+    StorybookConfigBase['typescript'];
+};
+
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ */
+export type StorybookConfig = Omit<
+  StorybookConfigBase,
+  keyof StorybookConfigWebpack | keyof StorybookConfigFramework
+> &
+  StorybookConfigWebpack &
+  StorybookConfigFramework;