chore(release): @khudadad414/studio-v1.1.1

.github/workflows/if-nodejs-release.yml

@@ -17,58 +17,7 @@ on:
       - alpha
 
 jobs:
-
-  test-nodejs:
-    # We just check the message of first commit as there is always just one commit because we squash into one before merging
-    # "commits" contains array of objects where one of the properties is commit "message"
-    # Release workflow will be skipped if release conventional commits are not used
-    if: |
-      startsWith( github.repository, 'asyncapi/' ) && 
-      (startsWith( github.event.commits[0].message , 'fix:' ) ||
-      startsWith( github.event.commits[0].message, 'fix!:' ) ||
-      startsWith( github.event.commits[0].message, 'feat:' ) ||
-      startsWith( github.event.commits[0].message, 'feat!:' ))
-    name: Test NodeJS release on ${{ matrix.os }}
-    runs-on: ${{ matrix.os }}
-    strategy:
-      matrix:
-        os: [ubuntu-latest, macos-latest, windows-latest]
-    steps:
-      - name: Set git to use LF #to once and for all finish neverending fight between Unix and Windows
-        run: |
-          git config --global core.autocrlf false
-          git config --global core.eol lf
-      - name: Checkout repository
-        uses: actions/checkout@v2
-      - name: Check if Node.js project and has package.json
-        id: packagejson
-        run: test -e ./package.json && echo "::set-output name=exists::true" || echo "::set-output name=exists::false"
-        shell: bash
-      - if: steps.packagejson.outputs.exists == 'true'
-        name: Setup Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 14
-          cache: 'npm'
-          cache-dependency-path: '**/package-lock.json'
-      - if: steps.packagejson.outputs.exists == 'true'
-        name: Install dependencies
-        run: npm install
-      - if: steps.packagejson.outputs.exists == 'true'
-        name: Run test
-        run: npm test
-      - if: failure() # Only, on failure, send a message on the 94_bot-failing-ci slack channel
-        name: Report workflow run status to Slack
-        uses: 8398a7/action-slack@v3
-        with:
-          status: ${{ job.status }}
-          fields: repo,action,workflow
-          text: 'Release workflow failed in testing job'
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}
-
   release:
-    needs: [test-nodejs]
     name: Publish to any of NPM, Github, and Docker Hub
     runs-on: ubuntu-latest
     steps:
@@ -77,18 +26,28 @@ jobs:
           git config --global core.autocrlf false
           git config --global core.eol lf
       - name: Checkout repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.GH_TOKEN }}
       - name: Check if Node.js project and has package.json
         id: packagejson
         run: test -e ./package.json && echo "::set-output name=exists::true" || echo "::set-output name=exists::false"
       - if: steps.packagejson.outputs.exists == 'true'
         name: Setup Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 18
       - if: steps.packagejson.outputs.exists == 'true'
         name: Install dependencies
         run: npm install
+      - name: Check secrets
+        run: |
+          if [[ "${{ secrets.GH_TOKEN }}" == "" ]]; then
+            echo "Secret is not available. Skipping..."
+            exit 0
+          else
+            echo "Secret is available."
+          fi
       - if: steps.packagejson.outputs.exists == 'true'
         name: Publish to any of NPM, Github, and Docker Hub
         id: release
@@ -97,10 +56,10 @@ jobs:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
           DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
-          GIT_AUTHOR_NAME: asyncapi-bot
-          GIT_AUTHOR_EMAIL: [email protected]
-          GIT_COMMITTER_NAME: asyncapi-bot
-          GIT_COMMITTER_EMAIL: [email protected]
+          GIT_AUTHOR_NAME: KhudaDad414
+          GIT_AUTHOR_EMAIL: [email protected]
+          GIT_COMMITTER_NAME: KhudaDad414
+          GIT_COMMITTER_EMAIL: [email protected]
         run: npm run release
       - if: failure() # Only, on failure, send a message on the 94_bot-failing-ci slack channel
         name: Report workflow run status to Slack
@@ -110,4 +69,4 @@ jobs:
           fields: repo,action,workflow
           text: 'Release workflow failed in release job'
         env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}

.github/workflows/if-nodejs-version-bump.yml

@@ -15,7 +15,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           # target branch of release. More info https://docs.github.com/en/rest/reference/repos#releases
           # in case release is created from release branch then we need to checkout from given branch
@@ -26,17 +26,14 @@ jobs:
         run: test -e ./package.json && echo "::set-output name=exists::true" || echo "::set-output name=exists::false"
       - if: steps.packagejson.outputs.exists == 'true'
         name: Setup Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 18
           cache: 'npm'
           cache-dependency-path: '**/package-lock.json'
       - if: steps.packagejson.outputs.exists == 'true'
         name: Install dependencies
         run: npm install
-      - if: steps.packagejson.outputs.exists == 'true'
-        name: Assets generation
-        run: npm run generate:assets
       - if: steps.packagejson.outputs.exists == 'true'  
         name: Bump version in package.json
         # There is no need to substract "v" from the tag as version script handles it
@@ -49,8 +46,8 @@ jobs:
         with:
           token: ${{ secrets.GH_TOKEN }}
           commit-message: 'chore(release): ${{github.event.release.tag_name}}'
-          committer: asyncapi-bot <[email protected]>
-          author: asyncapi-bot <[email protected]>
+          committer: KhudaDad414
+          author: KhudaDad414
           title: 'chore(release): ${{github.event.release.tag_name}}'
           body: 'Version bump in package.json for release [${{github.event.release.tag_name}}](${{github.event.release.html_url}})'
           branch: version-bump/${{github.event.release.tag_name}}
@@ -62,4 +59,4 @@ jobs:
           fields: repo,action,workflow
           text: 'Unable to bump the version in package.json after the release'
         env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}

.github/workflows/test-test.yml

@@ -0,0 +1,24 @@
+name: CI
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Check secrets
+      run: |
+        if [[ "${{ vars.GH_TOKEN }}" == "" ]]; then
+          echo "Secret is not available. Skipping..."
+          exit 0
+        else
+          echo "Secret is available."
+        fi

.gitignore

@@ -3,3 +3,4 @@
 .vscode/
 /lib
 /build
+.env

.gitpod.yml

@@ -1,7 +1,7 @@
 # List the start up tasks. Learn more https://www.gitpod.io/docs/config-start-tasks/
 tasks:
   - init: npm install # runs during prebuild
-    command: npm start
+    command: npm start --workspace apps/studio
 
 # List the ports to expose. Learn more https://www.gitpod.io/docs/config-ports/
 ports:

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

apps/design-system/.babelrc.json

@@ -0,0 +1,15 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

apps/design-system/.gitignore

@@ -0,0 +1,29 @@
+node_modules
+build
+npm-debug.log
+.env
+.DS_Store# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+.turbo
+storybook-static
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

apps/design-system/.storybook/main.js

@@ -0,0 +1,29 @@
+export default {
+  "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    {
+      name: "@storybook/addon-styling",
+      options: {
+        // Check out https://github.com/storybookjs/addon-styling/blob/main/docs/api.md
+        // For more details on this addon's options.
+        postCss: true,
+      },
+    },
+    "@storybook/addon-docs",
+    "@storybook/addon-mdx-gfm",
+    "@storybook/preset-typescript"
+  ],
+  "framework": {
+    name: "@storybook/react-webpack5",
+    options: {}
+  },
+  typescript: {
+    reactDocgen: "react-docgen-typescript-plugin"
+  },
+  docs: {
+    autodocs: true
+  }
+};

apps/design-system/.storybook/manager.js

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

apps/design-system/.storybook/preview.js

@@ -0,0 +1,14 @@
+import '../src/index.css'
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+  storySort: {
+    method: 'alphabetical'
+  },
+}

apps/design-system/.storybook/storybook-theme.js

@@ -0,0 +1,9 @@
+import { create } from '@storybook/theming';
+
+import brandImage from './GradientLogo.svg';
+
+export default create({
+  brandTitle: 'AsyncAPI Design System',
+  brandUrl: 'https://asyncapi.com/',
+  brandImage,
+});

apps/design-system/README.md

@@ -0,0 +1,21 @@
+[![AsyncAPI Design System](/assets/github-repobanner-atom.png)](https://www.asyncapi.com)
+
+# :deciduous_tree: Environment Setup
+
+### :joystick: How to setup storybook locally
+
+1
+
+- Install all essential prerequisites before launching the Storybook environment locally. To install the dependencies, run the command below:
+
+  ```cmd
+  npm install
+  ```
+
+- Now that you've installed all of the `node modules` in your project, you can launch the Storybook environment. To get started, type the command below:
+
+  ```cmd
+  npm run storybook
+  ```
+
+- By default, this will launch your local Storybook environment on port `6006`.