ninjapanzer / visual-config-editor

Generate your CircleCI configuration files by building a visual map of your project's workflows.

CircleCI Visual Configuration Editor

Generate your CircleCI configuration files by building a visual map of your project's workflows. No YAML? No problem.

The core features of the VCE include:

• Config Definition Creation, Editing
• Visual Workflow Orchestration
• Public Orb Support
• Circularly Load Configs Created With the VCE

Read more about introduction of the VCE

Try it out for yourself! Fork the repo and contribute to help us make this amazing! Join our discord and discuss work in progress!

Preview

Run Development Server

With Docker

Using npm:

$ npm run start-docker

Using yarn:

$ yarn start-docker

Without Docker

Install

Using yarn:

$ yarn install

After installing your dependencies, ensure you are using the proper version of node by running NVM:

$ nvm use

Start dev server

Using yarn:

$ yarn dev

Example Generated Config

Click here to open this example in the VCE

# This configuration has been automatically generated by the CircleCI Config SDK.
# For more information, see https://github.com/CircleCI-Public/circleci-config-sdk-ts
# SDK Version: 0.9.0-alpha.15
# VCE Version: v0.10.1
# Modeled with the CircleCI visual config editor.
# For more information, see https://github.com/CircleCI-Public/visual-config-editor

version: 2.1
setup: false
jobs:
  build:
    steps:
      - checkout
      - run:
          command: yarn build
      - persist_to_workspace:
          root: ../
          paths:
            - build
    docker:
      - image: cimg/node:16.11.1
    resource_class: medium
  test:
    steps:
      - attach_workspace:
          at: .
      - run:
          command: yarn test
          working_directory: ~/project/build
      - persist_to_workspace:
          root: .
          paths:
            - build
    docker:
      - image: cimg/node:16.11.1
    resource_class: medium
  deploy:
    steps:
      - attach_workspace:
          at: .
      - run:
          command: yarn deploy
          working_directory: ~/project/build
    docker:
      - image: cimg/node:16.11.1
    resource_class: medium
workflows:
  build-and-test:
    jobs:
      - build
      - test:
          requires:
            - build
      - deploy:
          requires:
            - test

Contributing

This repository welcomes community contributions! See our CONTRIBUTING.md for guidance on configuring your development environment and how to submit quality pull requests.

Built with

CircleCI Config SDK

---