revotech-ui-kit 0.0.2 → 0.0.4-beta

package/.github/workflows/deploy-storybook.yml

@@ -0,0 +1,107 @@
+
+name: Deploy Storybook
+on:
+  workflow_dispatch:
+  push:
+    branches: 
+      - master
+      - feature/*
+      - bug/*
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ["20"]
+
+    env:
+      DEPLOY_ENV: 'test'
+      AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+      AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+      AWS_DEFAULT_REGION: ap-southeast-2
+      ACCOUNT_ID: 275214891288
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Authenticate with npm
+        run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc
+
+      - name: Install Node.js Dependencies
+        run: npm ci
+
+      - name: Default push to master (Deploy to Test)
+        if: github.event_name == 'push' && github.ref == 'refs/heads/master'
+        run: echo "DEPLOY_ENV=test" >> $GITHUB_ENV
+
+      - name: Set env variables based on deploy environment
+        run: |
+          if [ "${{ env.DEPLOY_ENV }}" == "dev" ]; then
+            echo "SDK_CF_ID=E3VB38NI6WZNAU" >> $GITHUB_ENV
+            echo "DEPLOY_STAGE=dev" >> $GITHUB_ENV
+            echo "BUCKET_NAME=revotech-uikit" >> $GITHUB_ENV
+          elif [ "${{ env.DEPLOY_ENV }}" == "test" ]; then
+            echo "SDK_CF_ID=E3JH8KTVJX4T4O" >> $GITHUB_ENV
+            echo "DEPLOY_STAGE=test" >> $GITHUB_ENV
+            echo "BUCKET_NAME=revotech-uikit" >> $GITHUB_ENV 
+          elif [ "${{ env.DEPLOY_ENV }}" == "sb" ]; then    
+            echo "SDK_CF_ID=E7DB160FQZKN5" >> $GITHUB_ENV
+            echo "DEPLOY_STAGE=sb" >> $GITHUB_ENV
+            echo "BUCKET_NAME=revotech-uikit" >> $GITHUB_ENV
+            echo "ACCOUNT_ID=271541505793" >> $GITHUB_ENV              
+          elif [ "${{ env.DEPLOY_ENV }}" == "prod" ]; then
+            echo "SDK_CF_ID=E3OWSYBMVYVVXJ" >> $GITHUB_ENV
+            echo "DEPLOY_STAGE=prod" >> $GITHUB_ENV
+            echo "BUCKET_NAME=revotech-uikit" >> $GITHUB_ENV
+            echo "ACCOUNT_ID=650361931399" >> $GITHUB_ENV 
+          fi
+
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ env.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ env.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ${{env.AWS_DEFAULT_REGION}}
+  
+      - name: Run roles as admin
+        run: chmod +x ./assume_role.sh
+  
+      - name: Build Project
+        run: |
+          echo "Building..."
+          npx vite build
+
+      - name: Build sdk
+        run: |
+          npm run build 
+
+      - name: Build Storybook
+        run: |
+          npm run storybook:build 
+
+      - name: Start Storybook
+        run: |
+          npm run storybook &
+          STORYBOOK_PID=$!
+          
+      - name: Install playwright for run storybook test
+        run: |
+          npx playwright install
+
+      - name: Run Storybook Tests
+        run: |
+          npm run test-storybook
+          
+      - name: Deploy to S3 and Invalidate CloudFront Cache
+        run: |
+          echo "Deploying..."
+          bash assume_role.sh arn:aws:iam::${ACCOUNT_ID}:role/TravisCrossAccount ${DEPLOY_STAGE}
+          aws s3 cp --profile ${DEPLOY_STAGE} ./storybook-static/ s3://${BUCKET_NAME}/ --recursive
+          : # aws cloudfront create-invalidation --profile ${DEPLOY_STAGE} --distribution-id ${SDK_CF_ID} --paths "/*"
+          echo "Deployed."

package/.storybook/main.ts

@@ -1,17 +1,17 @@
 import type { StorybookConfig } from '@storybook/web-components-vite';
+
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
     '@storybook/addon-actions',
+    '@storybook/addon-interactions', // Add this line
   ],
   framework: {
     name: '@storybook/web-components-vite',
     options: {},
   },
-  docs: {
-    autodocs: 'tag',
-  },
 };
 export default config;

package/assume_role.sh

@@ -0,0 +1,18 @@
+ROLE_ARN=$1
+OUTPUT_PROFILE=$2
+
+echo "Assuming role $ROLE_ARN"
+sts=$(aws sts assume-role \
+  --role-arn "$ROLE_ARN" \
+  --role-session-name "$OUTPUT_PROFILE" \
+  --query 'Credentials.[AccessKeyId,SecretAccessKey,SessionToken]' \
+  --output text)
+echo "Converting sts to array"
+sts=($sts)
+echo "AWS_ACCESS_KEY_ID is ${sts[0]}"
+
+# Uncomment below lines only when you want to configure your AWS CLI 
+aws configure set aws_access_key_id ${sts[0]} --profile $OUTPUT_PROFILE
+aws configure set aws_secret_access_key ${sts[1]} --profile $OUTPUT_PROFILE
+aws configure set aws_session_token ${sts[2]} --profile $OUTPUT_PROFILE
+echo "credentials stored in the profile named $OUTPUT_PROFILE"

package/dist/183c6c38.js

@@ -0,0 +1 @@
+(function(t,e){!t||t.getElementById("livereloadscript")||(e=t.createElement("script"),e.async=1,e.src="//"+(self.location.host||"localhost").split(":")[0]+":35729/livereload.js?snipver=1",e.id="livereloadscript",t.getElementsByTagName("head")[0].appendChild(e))})(self.document);var l="noop";export{l as default};

package/dist/f28fd4b1.js

@@ -0,0 +1 @@
+var a="noop";export{a as default};

package/dist/index.ts

@@ -0,0 +1 @@
+<html><head></head><body>export * from './components/';<script inject-service-worker="">"serviceWorker"in navigator&&window.addEventListener("load",(function(){navigator.serviceWorker.register("sw.js").then((function(){console.log('ServiceWorker registered from "sw.js".')})).catch((function(e){console.log("ServiceWorker registration failed: ",e)}))}))</script></body></html>