https://github.com/fluent-ci-templates/chromatic-pipeline

A ready-to-use CI/CD Pipeline and jobs for Chromatic projects.
https://github.com/fluent-ci-templates/chromatic-pipeline

chromatic cicd continuous-delivery continuous-integration dagger deno pipeline storybook typescript

Last synced: 4 months ago
JSON representation

A ready-to-use CI/CD Pipeline and jobs for Chromatic projects.

• Host: GitHub
• URL: https://github.com/fluent-ci-templates/chromatic-pipeline
• Owner: fluent-ci-templates
• License: mit
• Created: 2023-08-07T07:06:58.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-18T15:42:16.000Z (about 1 year ago)
• Last Synced: 2025-01-16T21:14:12.771Z (6 months ago)
• Topics: chromatic, cicd, continuous-delivery, continuous-integration, dagger, deno, pipeline, storybook, typescript
• Language: TypeScript
• Homepage:
• Size: 197 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Chromatic Pipeline

[![fluentci pipeline](https://shield.fluentci.io/x/chromatic_pipeline)](https://pkg.fluentci.io/chromatic_pipeline)

[![deno module](https://shield.deno.dev/x/chromatic_pipeline)](https://deno.land/x/chromatic_pipeline)

![deno compatibility](https://shield.deno.dev/deno/^1.41)

[![dagger-min-version](https://shield.fluentci.io/dagger/v0.11.7)](https://dagger.io)

[![](https://jsr.io/badges/@fluentci/chromatic)](https://jsr.io/@fluentci/chromatic)

[![](https://img.shields.io/codecov/c/gh/fluent-ci-templates/chromatic-pipeline)](https://codecov.io/gh/fluent-ci-templates/chromatic-pipeline)

[![ci](https://github.com/fluent-ci-templates/chromatic-pipeline/actions/workflows/ci.yml/badge.svg)](https://github.com/fluent-ci-templates/chromatic-pipeline/actions/workflows/ci.yml)

A ready-to-use CI/CD Pipeline for your [Chromatic](https://chromatic.com/)

Projects. Publishes your Storybook to Chromatic and kicks off tests if they're

enabled.

## 🚀 Usage

Run the following command:

```bash

fluentci run chromatic_pipeline

```

## 🧩 Dagger Module

Use as a [Dagger](https://dagger.io) Module:

```bash

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

```

Call `publish` function from this module:

```bash

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. |

```typescript

publish(

  src: string | Directory,

  token: string | Secret

): Promise

```

## 👨‍💻 Programmatic usage

You can also use this pipeline programmatically:

```typescript

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

await publish(".", Deno.env.get("CHROMATIC_PROJECT_TOKEN")!);

```