Initial commit

.babelrc.js

@@ -0,0 +1,23 @@
+const ignore = process.env.IGNORE_FILES ? ['**/*.test.ts', '**/*.d.ts'] : [];
+
+module.exports = {
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    '@babel/preset-typescript',
+    '@babel/preset-react',
+  ],
+  env: {
+    esm: {
+      presets: [
+        [
+          '@babel/preset-env',
+          {
+            modules: false,
+            targets: { node: 'current' },
+          },
+        ],
+      ],
+    },
+  },
+  ignore,
+};

.eslintignore

@@ -0,0 +1,4 @@
+dist/**/*.js
+storybook-static/**/*.js
+
+tsup.config.ts

.eslintrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  extends: ['@storybook/eslint-config-storybook'],
+  overrides: [
+    {
+      files: ['**/*.tsx'],
+      rules: {
+        'react/prop-types': 'off',
+        'react/require-default-props': 'off',
+        'react/default-props-match-prop-types': 'off',
+      },
+    },
+  ],
+  parserOptions: {
+    project: ['tsconfig.json'],
+  },
+};

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,27 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,19 @@
+Issue: #
+
+## What Changed
+
+<!-- Insert a description below. -->
+
+## How to test
+
+<!-- Add an explanation below for the reviewers to help them test your changes. -->
+
+## Change Type
+
+<!-- Indicate the type of change your pull request is: -->
+
+- [ ] `maintenance`
+- [ ] `documentation`
+- [ ] `patch`
+- [ ] `minor`
+- [ ] `major`

.github/workflows/linear-export.yml

@@ -0,0 +1,27 @@
+name: Export to linear
+
+on:
+  issues:
+    types: [labeled]
+  pull_request:
+    types: [labeled]
+
+jobs:
+  trigger:
+    if: github.event.label.name == 'linear'
+    name: Export to linear
+    runs-on: ubuntu-latest
+    steps:
+      # - uses: hmarr/debug-action@v2
+      - name: Linear action
+        uses: shilman/linear-action@v1
+        with:
+          ghIssueNumber: ${{ github.event.number || github.event.issue.number }}
+          ghRepoOwner: ${{ github.event.repository.owner.login }}
+          ghRepoName: ${{ github.event.repository.name }}
+          ghToken: ${{ secrets.LINEAR_GH_TOKEN }}
+          linearIssuePrefix: linear-issue-prefix
+          linearLabel: Storybook
+          linearPRLabel: PR
+          linearTeam: SB
+          linearApiKey: ${{ secrets.LINEAR_API_KEY }}

.github/workflows/release.yml

@@ -0,0 +1,28 @@
+name: Release
+
+on: [push]
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    if: "!contains(github.event.head_commit.message, 'ci skip') && !contains(github.event.head_commit.message, 'skip ci')"
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Prepare repository
+        run: git fetch --unshallow --tags
+
+      - name: Use Node.js 14.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 14.x
+
+      - name: Install dependencies
+        uses: bahmutov/npm-install@v1
+
+      - name: Create Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: |
+          yarn release

.github/workflows/test.yml

@@ -0,0 +1,26 @@
+name: Test
+
+on: [push]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js 14.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 14.x
+
+      - name: Install dependencies
+        uses: bahmutov/npm-install@v1
+
+      - name: Run lint
+        run: |
+          yarn lint
+
+      - name: Run tests
+        run: |
+          yarn test
+

.gitignore

@@ -0,0 +1,8 @@
+dist/
+node_modules/
+storybook-static/
+build-storybook.log
+.DS_Store
+.env
+.cache
+yarn-error.log

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.prettierignore

@@ -0,0 +1 @@
+dist

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "arrowParens": "always"
+}

CONTRIBUTING.md

@@ -0,0 +1,26 @@
+Storybook is a community-oriented open source project that welcomes contributions. Some of our most popular features started with a developer wanting to solve a problem for themselves.
+
+## Table of Contents
+
+- [1. Contributor covenant](#contributor-covenant)
+- [2. About the Project](#about-the-project)
+- [3. Getting Started](#getting-started)
+- [4. Useful resources](#useful-resources)
+
+# Contributor covenant
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. [Continue reading our contributor covenant »](https://github.com/storybookjs/storybook/blob/next/CODE_OF_CONDUCT.md)
+
+# About the project
+
+FIXME: add description
+
+# Getting started
+
+First of all, thank you so much for taking the time to contribute to this project.
+
+FIXME: add steps
+
+### Useful resources
+
+- Storybook has a discord community! And we need more people like you. Please [join us](https://discord.gg/storybook) and say hi in the #contributors channel! 👋

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Storybook contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,87 @@
+# Storybook Library Kit
+
+Simplify the creation of Storybook libraries
+
+- 📝 Live-editing in development
+- ⚛️ React/JSX support
+- 📦 Transpiling and bundling with Babel
+- 🚢 Release management with [Auto](https://github.com/intuit/auto)
+- 🧺 Boilerplate and sample code + Jest tests
+- 📕 Storybook example
+- 👷 Github workflows (test, release, linear)
+- 🖼 Github templates (issues, pull request)
+- 🛠 Husky + Lint-staged + Prettier + ESLint
+- 🛄 ESM support
+- 🛂 TypeScript
+
+> ⚠️ This template is intended to help bootstrap libraries and not addons. Please check [Storybook's addon kit](https://github.com/storybookjs/addon-kit) for addons instead!
+
+## Getting Started
+
+Click the **Use this template** button to get started.
+
+![](https://user-images.githubusercontent.com/1671563/154354190-e145b3d1-7ca9-4243-afac-96e3c39cb895.gif)
+
+Clone your repository and install dependencies.
+
+```sh
+yarn
+```
+
+After installing the dependencies, you will be onboarded with some questions to help setup the project. After answering them, the project will fill in the necessary info, delete the unnecessary code and create an initial commit with everything ready for you to succeed!
+
+### Development scripts
+
+- `yarn start` runs babel in watch mode and starts Storybook
+- `yarn build` build and package your library code
+
+## Release Management
+
+### Setup
+
+This project is configured to use [auto](https://github.com/intuit/auto) for release management. It generates a changelog and pushes it to both GitHub and npm. Therefore, you need to configure access to both:
+
+- [`NPM_TOKEN`](https://docs.npmjs.com/creating-and-viewing-access-tokens#creating-access-tokens) Create a token with both _Read and Publish_ permissions.
+- [`GH_TOKEN`](https://github.com/settings/tokens) Create a token with the `repo` scope.
+
+#### Local
+
+To use `auto` locally create a `.env` file at the root of your project and add your tokens to it:
+
+```bash
+GH_TOKEN=<value you just got from GitHub>
+NPM_TOKEN=<value you just got from npm>
+```
+
+Lastly, **create labels on GitHub**. You’ll use these labels in the future when making changes to the package.
+
+```bash
+npx auto create-labels
+```
+
+If you check on GitHub, you’ll now see a set of labels that `auto` would like you to use. Use these to tag future pull requests.
+
+#### GitHub Actions
+
+This template comes with GitHub actions already set up to publish your library anytime someone pushes to your repository.
+
+Go to `Settings > Secrets`, click `New repository secret`, and add your `NPM_TOKEN`.
+
+### Creating a release
+
+To create a release locally you can run the following command, otherwise the GitHub action will make the release for you.
+
+```sh
+yarn release
+```
+
+That will:
+
+- Build and package the addon code
+- Bump the version
+- Push a release to GitHub and npm
+- Push a changelog to GitHub
+
+### Credits
+
+This project is highly inspired by [Storybook's addon kit](https://github.com/storybookjs/addon-kit).

jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  testMatch: ['**/*.test.*'],
+};