Chromatic

Run the following command to run the pre-built Chromatic Pipeline in your project to publish your storybook to Chromatic:

Dagger

fluentci run chromatic publish

Wasm

fluentci run --wasm chromatic publich

Environment variables

Variable	Description
CHROMATIC_PROJECT_TOKEN	Your Chromatic Project Token

Jobs

Job	Description
publish	Publishes your Storybook to Chromatic.

Programmatic usage

You can also use this pipeline programmatically:

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

await publish();

CI/CD integrations

The following example shows how to integrate FluentCI with popular CI providers to publish your Storybook to Chromatic:

Github Actions

ci.yml

name: 
on:
  push:
    branches:
      - main
jobs:
  tasks:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Publish
        uses: fluentci-io/setup-fluentci@v5
        with:
          wasm: true
          plugin: chromatic
          args: |
            publish
        env:
          CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
      

GitLab CI

.gitlab-ci.yml

.docker:
  image: denoland/deno:debian-1.42.4
  services:
    - docker:${DOCKER_VERSION}-dind
  variables:
    DOCKER_HOST: tcp://docker:2376
    DOCKER_TLS_VERIFY: "1"
    DOCKER_TLS_CERTDIR: /certs
    DOCKER_CERT_PATH: /certs/client
    DOCKER_DRIVER: overlay2
    DOCKER_VERSION: 20.10.16
    GITLAB_ACCESS_TOKEN: $GITLAB_ACCESS_TOKEN
.fluentci:
  extends: .docker
  before_script:
    - apt-get update
    - apt-get install -y curl tar gzip ca-certificates openssl git unzip libncursesw6
    - deno install -A -r https://cli.fluentci.io -n fluentci
    - fluentci --version
    - curl -L https://dl.dagger.io/dagger/install.sh | DAGGER_VERSION=0.12.3 sh
    - mv bin/dagger /usr/local/bin
    - dagger version
publish:
  extends: .fluentci
  script:
    - fluentci run --wasm chromatic publish

Circle CI

.circleci/config.yml

version: 2.1
jobs:
  job:
    steps:
      - checkout
      - run: |
          sudo apt-get update && sudo apt-get install -y curl unzip
          curl -fsSL https://cli.fluentci.io | bash
          fluentci --version
        name: Setup FluentCI
      - run: fluentci run --wasm chromatic publish
        name: publish
    machine:
      image: ubuntu-2004:2023.07.1
workflows:
  fluentci:
    jobs:
      - job

Azure Pipelines

azure-pipelines.yml

trigger:
  - main
pool:
  vmImage: ubuntu-latest
steps:
  - script: |
      curl -fsSL https://cli.fluentci.io | bash
      fluentci --version
      echo "##vso[task.prependpath]${HOME}/.deno/bin
    displayName: Publish to Chromatic
  - script: |
      fluentci run --wasm chromatic publish 
    displayName: publish

AWS CodePipeline

buildspec.yml

version: 0.2
phases:
  install:
    commands:
      - curl -fsSL https://cli.fluentci.io | bash
      - fluentci --version
  build:
    commands:
      - fluentci run --wasm chromatic publish
  post_build:
    commands:
      - echo Build completed on `date`