Blackburn components

What is this repository for?

• UI components for Rosalind(Activator 3), Arcane and Amplify

How do I get set up?

• npm i
• For component develop go to src/dev.js

Examples

Multiple component with complex layout/conditions:

<template>
  <div>
    <component1 :number="number" @event="onEvent" />
    <component2 :type="type" />
  </div>
</template>

<script>
import { ref } from 'vue';

import Component1 from './Component1.vue';
import Component2 from './Component2.vue';

export default {
  name: 'ComplexLayout',

  components: { Component1, Component2 },

  setup() {
    const number = ref(5);
    const type = ref('public');

    const onEvent = () => {};

    return {
      number,
      type,
      onEvent,
    };
  },
};
</script>

Contribution guidelines

• Code review
• Format and lint before

Publish

• Checkout to develop branch, pull all changes.
• npm run ca:login
• Check available versions: aws codeartifact list-package-versions --package blackburn-components --domain-owner 078173794644 --repository AnthillActivatorRepo --region eu-west-1 --format npm --domain anthill-code-artifacts
• npm version {major, minor, patch}

  npm version reference

• npm publish

Release a new Storybook Build

Commit all changes and then run the follwing command:

npm run chromatic

Who do I talk to?

• Repo owner: Stefan Liden
• Initial developers v1: Oleksandr Vanilchuk, Oleh Karpovych, Andrey Stepurko
• Initial developers v2: Andrei Miron, Rares Modure