Fix build configs to use the pagoda-core module appropriate on custom view side

Author: syucream

.github/workflows/build-frontend.yml

@@ -51,6 +51,8 @@ jobs:
           NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}
       - name: build
         run: npm run build:development
+      - name: build(library)
+        run: npm run build:lib
   test:
     runs-on: ubuntu-latest
     permissions:

.github/workflows/release-pagoda-core.yml

@@ -0,0 +1,37 @@
+name: Release pagoda-core npm package for custom views to GitHub npm Registry
+
+on:
+  push:
+    tags:
+      # NOTE it should be pagoda-core-<major>.<minor>.<patch>
+      - 'pagoda-core-*'
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          registry-url: https://npm.pkg.github.com/
+          scope: "@dmm-com"
+      - name: Get tag name
+        id: get_tag
+        run: echo "tag=${GITHUB_REF#refs/tags/pagoda-core-}" >> $GITHUB_OUTPUT
+      - name: Set version
+        run: |
+          npm version "${GITHUB_REF#refs/tags/pagoda-core-}" --no-git-tag-version
+      - name: Install dependencies
+        run: npm ci
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}
+      - name: Build library
+        run: npm run build:lib
+      - name: Publish package
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}

docs/content/getting_started/development.md

@@ -264,7 +264,7 @@ user@hostname:~/airone$ source virtualenv/bin/activate
 (virtualenv) user@hostname:~/airone$ celery -A airone worker -l info
 ```
 
-## [Experimental] Build the new UI with React
+## Build the new UI with React
 
 `/ui/` serves React-based new UI. Before you try it, you need to build `ui.js`:
 
@@ -366,3 +366,14 @@ When you want to run individual test (e.g. frontend/src/components/user/UserList
 ```
 user@hostname:~/airone$ npx jest -u frontend/src/components/user/UserList.test.tsx
 ```
+
+## Release pagoda-core package for custom views
+
+We publish the `pagoda-core` package to GitHub npm Registry for custom views.
+When you want to release a new version of the package, create a tag with the format `pagoda-core-x.y.z` (e.g. `pagoda-core-0.0.1`). The GitHub Actions workflow will automatically build and publish the package.
+
+If you hope to try building the module:
+
+```sh
+$ npm run build:lib
+```

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@syucream/pagoda-core",
+  "name": "@dmm-com/pagoda-core",
   "version": "1.0.0",
   "description": "[![CircleCI](https://circleci.com/gh/dmm-com/airone.svg?style=svg&circle-token=2e12c068b0ed1bab9d0c2d72529d5ee1da9b53b4)](https://circleci.com/gh/dmm-com/airone)",
   "main": "frontend/dist/pagoda-core.js",
@@ -33,7 +33,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syucream/airone.git"
+    "url": "git+https://github.com/dmm-com/airone.git"
   },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
@@ -45,9 +45,9 @@
   "author": "Hiroyasu OHYAMA",
   "license": "GPLv2",
   "bugs": {
-    "url": "https://github.com/userlocalhost/airone/issues"
+    "url": "https://github.com/dmm-com/pagoda/issues"
   },
-  "homepage": "https://github.com/userlocalhost/airone#readme",
+  "homepage": "https://github.com/dmm-com/pagoda#readme",
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@babel/plugin-transform-runtime": "^7.14.5",
@@ -117,5 +117,9 @@
     "webpack-bundle-analyzer": "^4.9.0",
     "webpack-cli": "^4.4.0",
     "zod": "^3.22.4"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   }
 }

webpack.library.config.js

@@ -39,4 +39,5 @@ module.exports = {
       'node_modules',
     ],
   },
+  externals: ['react', 'react-dom'],
 }