storybookjs / action

🚢 WIP, storybook github action - build your storybook from github

Create a JavaScript Action using TypeScript

Code in Master

Install the dependencies

$ npm install

Build the typescript

$ npm run build

Run the tests ✔️

$ npm test

 PASS  ./index.test.js
  ✓ throws invalid number (3ms)
  ✓ wait 500 ms (504ms)
  ✓ test runs (95ms)

...

Change action.yml

The action.yml contains defines the inputs and output for your action.

Update the action.yml with your name, description, inputs and outputs for your action.

See the documentation

Change the Code

Most toolkit and CI/CD operations involve async operations so the action is run in an async function.

import * as core from '@actions/core';
...

async function run() {
  try { 
      ...
  } 
  catch (error) {
    core.setFailed(error.message);
  }
}

run()

See the toolkit documentation for the various packages.

Publish to a distribution branch

Actions are run from GitHub repos. We will create a releases branch and only checkin production modules (core in this case).

Comment out node_modules in .gitignore and create a releases/v1 branch

# comment out in distribution branches
# node_modules/

$ git checkout -b releases/v1
$ git commit -a -m "prod dependencies"

$ npm prune --production
$ git add node_modules
$ git commit -a -m "prod dependencies"
$ git push origin releases/v1

Your action is now published! 🚀

See the versioning documentation

Validate

You can now validate the action by referencing the releases/v1 branch

uses: storybookjs/action@releases/v1
with:
  milliseconds: 1000

See the actions tab for runs of this action! 🚀

Usage:

After testing you can create a v1 tag to reference the stable and tested action

uses: storybookjs/action@v1
with:
  milliseconds: 1000

action's Issues

[Question] Plans on maintaining this action?

Hey guys, just curious if there are plans to continue work on this Github Action, or if we should look to third party solutions for this?

Volunteering to help with this action

Hi there 👋

I've just been learning about GitHub actions and was wondering if you needed a hand fleshing out this action! I could help write an action that uses storybook-deployer to deploy a StoryBook site to GitHub Pages.