Editor | Pipeline Studio

Pipeline Studio

Editor workspace

Built for GitLab CI • Not affiliatedby jkana.xyz

Graph View

Drag jobs, connect arrows, and inspect artifacts.

build_matrix

build

active

node:22-alpine

echo "Building $TARGET"

npm ci

npm run build -- --target $TARGET

echo "Pushing to $REGISTRY/$APP_NAME:$CI_COMMIT_SHA-$TARGET"

Artifacts

dist/

test_component

test

active

node:22-alpine

echo "Testing component version $[[ component.version ]]"

echo "Component SHA $[[ component.sha ]]"

npm run test

Artifacts

No artifact paths

Preserved fields: spec

secret_detection

test

active

Artifacts

No artifact paths

deploy_prod

deploy

uncertain

alpine:3.21

echo "Deploying $APP_NAME to production"

echo "Using OIDC token $OIDC_TOKEN"

Artifacts

No artifact paths

stop_production

deploy

uncertain

echo "Stopping production environment"

Artifacts

No artifact paths

React Flow

YAML View

Autocomplete includes job names, stages, keywords, and top Docker images.

Selected job: build_matrix

Show details

Scenario

Pipeline sourceBranchTagVariables

Selected Job

NameStageImageWhenArtifactsAllow failure

Rule Visibility

build_matrix

No rules

test_component

No rules

secret_detection

No rules

deploy_prod

$CI_COMMIT_BRANCH == "main"

stop_production

$CI_COMMIT_BRANCH == "main"

Lint & Inspect

Live worker

0 error0 warning2 info

info

Job "test_component" contains unsupported fields: spec.

info

Job "test_component" contains fields that the visual editor preserves but cannot fully model.

Ignore unresolved !reference tags

Settings

Show stage linesSync stage lines to job stages