Skip to main content

Built and signed on GitHub Actions

🧩 A ready-to-use CI/CD Pipeline to publish storybook to Chromatic

This package works with Node.js, Deno, Bun
This package works with Node.js
This package works with Deno
This package works with Bun
JSR Score
64%
Published
2 months ago (0.11.2)

Chromatic Pipeline

fluentci pipeline deno module deno compatibility dagger-min-version ci

A ready-to-use CI/CD Pipeline for your Chromatic Projects. Publishes your Storybook to Chromatic and kicks off tests if they're enabled.

🚀 Usage

Run the following command:

fluentci run chromatic_pipeline

🧩 Dagger Module

Use as a Dagger Module:

dagger install github.com/fluent-ci-templates/chromatic-pipeline@main

Call publish function from this module:

dagger call publish --src . --token CHROMATIC_PROJECT_TOKEN

🛠️ Environment Variables

Variable Description
CHROMATIC_PROJECT_TOKEN Your Chromatic Project Token.
CHROMATIC_VERSION The version of Chromatic CLI. Defaults to latest.

✨ Jobs

Job Description
publish Publishes your Storybook to Chromatic.
publish(
  src: string | Directory,
  token: string | Secret
): Promise<string>

👨‍💻 Programmatic usage

You can also use this pipeline programmatically:

import { publish } from "jsr:@fluentci/chromatic";

await publish(".", Deno.env.get("CHROMATIC_PROJECT_TOKEN")!);
Built and signed on
GitHub Actions
View transparency log

Add Package

deno add jsr:@fluentci/chromatic

Import symbol

import * as chromatic from "@fluentci/chromatic";

---- OR ----

Import directly with a jsr specifier

import * as chromatic from "jsr:@fluentci/chromatic";

Add Package

npx jsr add @fluentci/chromatic

Import symbol

import * as chromatic from "@fluentci/chromatic";

Add Package

yarn dlx jsr add @fluentci/chromatic

Import symbol

import * as chromatic from "@fluentci/chromatic";

Add Package

pnpm dlx jsr add @fluentci/chromatic

Import symbol

import * as chromatic from "@fluentci/chromatic";

Add Package

bunx jsr add @fluentci/chromatic

Import symbol

import * as chromatic from "@fluentci/chromatic";