beem-component 1.0.2 → 1.0.3

package/.storybook/main.js

@@ -0,0 +1,15 @@
+const path = require("path");
+
+module.exports = {
+  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-knobs",
+    "@storybook/addon-docs",
+    "@storybook/addon-essentials",
+    "@storybook/addon-actions",
+    "@storybook/addon-viewport",
+    "@storybook/preset-create-react-app",
+    "storybook-addon-jsx",
+  ],
+};

package/.storybook/manager-head.html

@@ -0,0 +1,14 @@
+<link rel="shortcut icon" href="./favicon.ico">
+<link rel="icon" href="./favicon.ico" sizes="192x192">
+
+<script>
+    var observer = new MutationObserver(function(mutations) {
+        if (document.title.match(/Storybook$/)) {
+            document.title = "Beem Components";
+        }
+    }).observe(document.querySelector("title"), {
+        childList: true,
+        subtree: true,
+        characterData: true
+    });
+</script>

package/.storybook/manager.js

@@ -0,0 +1,6 @@
+import { addons } from "@storybook/addons";
+import yourTheme from "./theme";
+
+addons.setConfig({
+  theme: yourTheme,
+});

package/.storybook/preview.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { addDecorator } from "@storybook/react";
+import { GlobalStyle } from "../src/lib/components/globalStyles";
+
+addDecorator((Story) => (
+  <>
+    <GlobalStyle />
+    <Story />
+  </>
+));

package/.storybook/theme.js

@@ -0,0 +1,10 @@
+import { create } from "@storybook/theming";
+import beemLogo from "./logo-blue.png";
+
+export default create({
+  colorPrimary: 'hotpink',
+  colorSecondary: 'deepskyblue',
+  base: "light",
+  brandTitle: "Beem Components",
+  brandImage: beemLogo,
+});

package/Dockerfile

@@ -0,0 +1,30 @@
+FROM node:lts as build
+
+WORKDIR /app
+
+ENV PATH /app/node_modules/.bin:$PATH
+
+COPY ./package.json /app/
+
+COPY ./package-lock.json /app/
+
+RUN npm install
+
+COPY . /app
+
+RUN npm run build-storybook
+
+# stage 2 - build the final image and copy the react build files
+FROM nginx:alpine
+
+RUN rm -rf /usr/share/nginx/html/*
+
+COPY --from=build /app/storybook-static /usr/share/nginx/html
+
+RUN rm /etc/nginx/conf.d/default.conf
+
+COPY nginx.conf /etc/nginx/conf.d/
+
+EXPOSE 3000
+
+CMD ["nginx", "-g", "daemon off;"]

package/Jenkinsfile

@@ -0,0 +1,73 @@
+pipeline{
+    agent any
+    tools {nodejs "nodejs"}
+    environment
+    {
+        VERSION = "v1.0.${BUILD_NUMBER}"
+        PROJECT = "bm-components"
+        IMAGE = "$PROJECT:$VERSION"
+        ECRURL = "https://347944191864.dkr.ecr.eu-west-1.amazonaws.com"
+        ECRCRED = "ecr:eu-west-1:awscred"
+    }
+
+    stages{
+        stage('Deploy for development') {
+            when {
+                branch 'develop'
+            }
+            steps {
+                git branch: 'develop',credentialsId: 'bitbucket',url: "https://bitbucket.org/bongolive/${PROJECT}.git"
+            }
+        }
+        stage('Deploy for production') {
+            when {
+                branch 'master'
+            }
+            steps {
+                git branch: 'master',credentialsId: 'bitbucket',url: "https://bitbucket.org/bongolive/${PROJECT}.git"
+            }
+        }
+        stage('Image build') {
+            steps{
+                script
+                {
+                    docker.build("$IMAGE")
+                }
+            }
+        }
+        stage('Image push') {
+            steps {
+                script
+                {
+                    docker.withRegistry("$ECRURL", "$ECRCRED"){
+                        docker.image("$IMAGE").push()
+                    }
+                }
+            }
+        }
+    }
+    post {
+        always {
+            sh "docker rmi $IMAGE | true"
+            echo "build started"
+            // slackSend color: 'good', message: "build started, version: ${VERSION}, Job ${JOB_NAME} build ${BUILD_NUMBER} \n More info at: ${BUILD_URL}"
+        }
+        fixed {
+            echo 'Fixed'
+            // slackSend color: 'good', message: "Fixed, version: ${VERSION}"
+        }
+        failure {
+            echo 'Failure'
+            // slackSend color: 'danger', message: "Failure, version: ${VERSION}"
+        }
+        success {
+            echo 'Success'
+            // slackSend color: 'good', message: "Success, version: ${VERSION}"
+        }
+        unsuccessful {
+            echo 'unsuccessful'
+            // slackSend color: 'danger', message: "unsuccessful, version: ${VERSION}"
+        }
+        
+    }
+}