Release/v3.6.0

.github/workflows/dev.yaml

@@ -3,6 +3,9 @@ name: Dev release pipeline
 on:
   pull_request:
 
+env:
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
 jobs:
   sync_dev:
     runs-on: ubuntu-latest
@@ -36,7 +39,7 @@ jobs:
       - name: Get pnpm store directory
         id: pnpm-cache
         run: |
-          echo "pnpm_cache_dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+          echo "pnpm_cache_dir=$(pnpm store path | tr -d '\n')" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         name: Setup pnpm cache
@@ -52,6 +55,28 @@ jobs:
       - name: build storybook
         run: pnpm run storybook:build
 
+      - name: get version
+        id: version
+        run: echo "current_version=$(node -p "require('./package.json').version")" >> $GITHUB_OUTPUT
+
+      - name: increase version (pre-release)
+        run: pnpm standard-version --release-as ${{ steps.version.outputs.current_version }} --prerelease alpha.$(git rev-parse --short HEAD) --skip.changelog --skip.commit --skip.tag
+
+      - name: unpublish old version
+        if: "contains(github.event.pull_request.title, '(sdk):')"
+        continue-on-error: true
+        run: |
+          prev=$(npm view @amityco/ui-kit dist-tags.dev/${{ github.event.pull_request.number }})
+          [[ ! -z $prev ]] && npm unpublish @amityco/ui-kit@$prev
+
+      - name: build
+        run: pnpm run build
+
+      - name: publish on npm with dev dist-tag
+        if: "contains(github.event.pull_request.title, '(sdk):')"
+        continue-on-error: true
+        run: npm publish --tag dev/${{ github.event.pull_request.number }}
+
       - name: publish on s3
         uses: jakejarvis/s3-sync-action@master
         with:

.github/workflows/production.yaml

@@ -4,11 +4,25 @@ on:
   workflow_dispatch:
     inputs:
       release_as:
+        type: choice
         description: 'release as'
         required: false
+        options:
+          - none
+          - major
+          - minor
+          - patch
       pre-release:
+        type: choice
         description: 'prerelease'
         required: false
+        options:
+          - none
+          - alpha
+          - beta
+
+env:
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
 jobs:
   publish:
@@ -34,7 +48,7 @@ jobs:
       - name: Get pnpm store directory
         id: pnpm-cache
         run: |
-          echo "pnpm_cache_dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+          echo "pnpm_cache_dir=$(pnpm store path | tr -d '\n')" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         name: Setup pnpm cache
@@ -48,32 +62,32 @@ jobs:
         run: pnpm install
 
       - name: increase version (patch)
-        run: pnpm standard-version --yes --release-as patch
-        if: github.event.inputs.release_as == 'patch' && github.event.inputs.pre-release == ''
+        run: pnpm standard-version --yes
+        if: github.event.inputs.release_as == 'patch' && github.event.inputs.pre-release == 'none'
 
       - name: increase version (patch) (pre-release)
         run: pnpm standard-version --yes --release-as patch --prerelease ${{ github.event.inputs.pre-release }}
-        if: github.event.inputs.release_as == 'patch' && github.event.inputs.pre-release != ''
+        if: github.event.inputs.release_as == 'patch' && github.event.inputs.pre-release != 'none'
 
       - name: increase version (minor)
         run: pnpm standard-version --yes --release-as minor
-        if: github.event.inputs.release_as == 'minor' && github.event.inputs.pre-release == ''
+        if: github.event.inputs.release_as == 'minor' && github.event.inputs.pre-release == 'none'
 
       - name: increase version (minor) (pre-release)
         run: pnpm standard-version --yes --prerelease ${{ github.event.inputs.pre-release }}
-        if: github.event.inputs.release_as == 'minor' && github.event.inputs.pre-release != ''
+        if: github.event.inputs.release_as == 'minor' && github.event.inputs.pre-release != 'none'
 
       - name: increase version (major)
         run: pnpm standard-version --yes --release-as major
-        if: github.event.inputs.release_as == 'major' && github.event.inputs.pre-release == ''
+        if: github.event.inputs.release_as == 'major' && github.event.inputs.pre-release == 'none'
 
       - name: increase version (major) (pre-release)
         run: pnpm standard-version --yes --release-as major --prerelease ${{ github.event.inputs.pre-release }}
-        if: github.event.inputs.release_as == 'major' && github.event.inputs.pre-release != ''
+        if: github.event.inputs.release_as == 'major' && github.event.inputs.pre-release != 'none'
 
       - name: increase version (pre-release)
         run: pnpm standard-version --prerelease ${{ github.event.inputs.pre-release }}
-        if: github.event.inputs.release_as == '' && github.event.inputs.pre-release != ''
+        if: github.event.inputs.release_as == 'none' && github.event.inputs.pre-release != 'none'
 
       - name: increase version (custom)
         run: pnpm standard-version --yes --release-as ${{ github.event.inputs.custom_version }}

.github/workflows/staging.yaml

@@ -33,12 +33,7 @@ jobs:
       - uses: pnpm/action-setup@v2
         with:
           version: 8
-          run_install: false
-
-      - name: Get pnpm store directory
-        id: pnpm-cache
-        run: |
-          echo "pnpm_cache_dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+          run_install: true
 
       - uses: actions/cache@v3
         name: Setup pnpm cache
@@ -48,9 +43,6 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-pnpm-store-
 
-      - name: Install dependencies
-        run: pnpm install
-
       - name: build storybook
         run: pnpm run storybook:build
 

.npmrc

@@ -1 +1 @@
-@fortawesome:registry=https://registry.npmjs.org
+//registry.npmjs.org/:_authToken=${NPM_TOKEN}

.storybook/main.ts

@@ -13,6 +13,7 @@ const config: StorybookConfig = {
     '@storybook/addon-a11y',
   ],
   framework: '@storybook/react-vite',
+  staticDirs: ['../static'],
 };
 
 export default config;

.storybook/preview.ts

@@ -26,6 +26,7 @@ const preview: Preview = {
   globalTypes: {
     ...FluidControl.global,
     ...UiKitDecorator.global,
+    ...UiKitV4Decorator.global,
   },
 };
 

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## 3.6.0 (2024-06-07)
+
+### Bug Fixes
+
+- remove v4 ([c3d005c](https://github.com/AmityCo/Amity-Social-Cloud-UIKit-Web-OpenSource/commit/c3d005ce97203cd412fb38c9a6e8539b4e16613e))
+
 ## 3.5.0 (2024-04-26)
 
 ## 3.5.0 (2024-04-26)

README.md

@@ -133,4 +133,4 @@ A: Try to structure your project to be like this:
 ```
 
 Q: The modifications I made to the code do not appear to be applied.
-A: Please attempt to execute `npm cache clean` or `npm cache clean --force` to resolve this issue.
+A: Please attempt to execute `npm cache clean` or `npm cache clean --force` to resolve this issue.

amity-uikit.config.json

@@ -27,6 +27,13 @@
     }
   },
   "excludes": [],
+  "message_reactions": [
+    { "name": "heart", "image": "message_reaction_heart.png" },
+    { "name": "like", "image": "message_reaction_like.png" },
+    { "name": "fire", "image": "message_reaction_fire.png" },
+    { "name": "grinning", "image": "message_reaction_grinning.png" },
+    { "name": "sad", "image": "message_reaction_sad.png" }
+  ],
   "customizations": {
     "select_target_page/*/*": {
       "theme": {},

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amityco/ui-kit-open-source",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "engines": {
     "node": ">=16",
     "pnpm": ">=8"
@@ -39,10 +39,7 @@
     "react-dom": ">=17.0.2"
   },
   "devDependencies": {
-    "@amityco/ts-sdk": "^6.23.0",
-    "@fortawesome/fontawesome-svg-core": "^1.2.36",
-    "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@amityco/ts-sdk": "^6.26.0",
     "@storybook/addon-a11y": "^7.6.7",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-backgrounds": "^7.6.7",
@@ -104,6 +101,7 @@
     "clsx": "^2.1.0",
     "extract-colors": "^4.0.2",
     "filesize": "^9.0.11",
+    "framer-motion": "^11.1.7",
     "hls.js": "^1.4.14",
     "linkify-react": "^4.1.3",
     "linkifyjs": "^4.1.3",