Feature/publish ci

.github/workflows/chat-widget.yml

@@ -4,6 +4,17 @@ on:
   push:
     branches: main
   pull_request:
+  workflow_dispatch:
+    inputs:
+      version:
+        required: true
+        type: choice
+        description: Increment ChatWidget NPM version
+        default: 'patch'
+        options:
+          - patch
+          - minor
+          - major
 
 jobs:
   build:
@@ -37,3 +48,15 @@ jobs:
 
       - name: E2E - Run automation suite
         run: npm run e2e:run
+
+      - name: Authenticate with private NPM package
+        if: ${{ github.event_name == 'workflow_dispatch' }}
+        run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > ~/.npmrc
+
+      - name: NPM Publish ChatWidget
+        if: ${{ github.event_name == 'workflow_dispatch' }}
+        # `--force-publish` flag keeps versions consistent across our packages. Totally wild name for this kind of a flag :shrug:
+        run: |
+          git config --global user.email "[email protected]"
+          git config --global user.name "RasaHQ ChatWidget"
+          npx lerna publish ${{ inputs.version }} --yes --force-publish

.github/workflows/storybook.yml

@@ -15,9 +15,7 @@ on:
 jobs:
   build:
     runs-on: ubuntu-22.04
-    defaults:
-      run:
-        working-directory: storybook/
+
     steps:
       - name: Checkout repository
         uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332
@@ -28,19 +26,18 @@ jobs:
         uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b
         with:
           node-version-file: '.nvmrc'  # Root of the repository.
-
-      # TODO: NPM login instead of auth token?
-      - name: Authenticate with private NPM package
-        run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > ~/.npmrc
 
       - name: Install dependencies
         run: npm ci --ignore-scripts
+
+      - name: Build packages
+        run: npm run build 
 
       - name: Lint check
         run: npm run lint
 
-      - name: Build
-        run: npm run build-storybook
+      - name: Install and Build Storybook
+        run: cd storybook/ && npm install && npm run build-storybook
 
         # We upload the artifact and deploy to GitHub Pages only when this workflow is manually triggered.
       - name: Upload pages artifact

lerna.json

@@ -1,4 +1,4 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "0.1.2"
-}
+  "version": "0.1.0"
+}

package.json

@@ -11,7 +11,8 @@
     "lint": "lerna run lint",
     "eslint": "eslint packages/ storybook/ --max-warnings 0",
     "e2e:install": "cd e2e && npm ci",
-    "e2e:run": "(npm run dev&) && sleep 3s && cd e2e && npm run cy:run"
+    "e2e:run": "(npm run dev&) && sleep 3s && cd e2e && npm run cy:run",
+    "lerna": "lerna"
   },
   "devDependencies": {
     "@types/node": "^20.14.12",

packages/react/dist/types/RasaChatbotWidget.d.ts

@@ -1,5 +1,5 @@
-import { RasaChatbotWidget as RasaChatbotWidgetElement } from "@rasahq/chat-widget-ui/dist/components/rasa-chatbot-widget.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { RasaChatbotWidget as RasaChatbotWidgetElement } from "@rasahq/chat-widget-ui/dist/components/rasa-chatbot-widget.js";
 type RasaChatbotWidgetEvents = {
     onChatSessionStarted: EventName<CustomEvent<{
         sessionId: string;

packages/react/lib/components/stencil-generated/RasaChatbotWidget.ts

@@ -7,9 +7,9 @@
 
 /* eslint-disable */
 
-import { RasaChatbotWidget as RasaChatbotWidgetElement, defineCustomElement as defineRasaChatbotWidget } from "@rasahq/chat-widget-ui/dist/components/rasa-chatbot-widget.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent } from '@stencil/react-output-target/runtime';
+import { RasaChatbotWidget as RasaChatbotWidgetElement, defineCustomElement as defineRasaChatbotWidget } from "@rasahq/chat-widget-ui/dist/components/rasa-chatbot-widget.js";
 import React from 'react';
 
 type RasaChatbotWidgetEvents = {

packages/react/package.json

@@ -1,9 +1,6 @@
 {
   "name": "@rasahq/chat-widget-react",
   "version": "0.1.0",
-  "publishConfig": {
-    "access": "restricted"
-  },
   "description": "The Rasa Chatbot React Library enables seamless integration of Rasa-powered chatbot into React applications using web components.",
   "homepage": "https://github.com/RasaHQ/chat-widget#readme",
   "license": "ISC",

packages/sdk/package.json

@@ -1,9 +1,6 @@
 {
   "name": "@rasahq/chat-widget-sdk",
   "version": "0.1.0",
-  "publishConfig": {
-    "access": "restricted"
-  },
   "description": "The core package provides essential functionality to connect and interact with a Rasa server.",
   "homepage": "https://github.com/RasaHQ/chat-widget#readme",
   "license": "ISC",

packages/ui/package.json

@@ -1,9 +1,6 @@
 {
   "name": "@rasahq/chat-widget-ui",
   "version": "0.1.0",
-  "publishConfig": {
-    "access": "restricted"
-  },
   "description": "A lightweight and efficient chatbot widget built with StencilJS, designed for seamless integration and customizable interface.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

storybook/.storybook/main.ts

@@ -24,5 +24,16 @@ const config: StorybookConfig = {
     docsMode: true,
     defaultName: "Documentation",
   },
+  async viteFinal(config) {
+    const { mergeConfig } = await import('vite');
+
+    return mergeConfig(config, {
+      server: {
+        fs: {
+          allow: ['../']
+        }
+      }
+    });
+  },
 };
 export default config;