NPM publishing via GitHub workflow to GitHub Packages

.github/workflows/ci.yml

@@ -0,0 +1,13 @@
+name: CI
+on: [push]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+      - run: npm ci
+      - run: npm run build

.github/workflows/publish.yml

@@ -0,0 +1,30 @@
+name: Publish
+on:
+  release:
+    types: [published]
+  workflow_run:
+    branches: [main]
+    types: [completed]
+
+jobs:
+  publish:
+    name: "Publish NPM package to GitHub Packages"
+    runs-on: ubuntu-latest
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+      cancel-in-progress: ${{ github.ref != 'refs/heads/main' }}
+    permissions:
+      contents: read
+      packages: write
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+          registry-url: 'https://npm.pkg.github.com'
+          scope: '@the-curve-consulting'
+      - run: npm ci
+      - run: npm build
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.npmrc

@@ -0,0 +1 @@
+@the-curve-consulting:registry=https://npm.pkg.github.com

package.json

@@ -1,34 +1,30 @@
 {
-  "name": "texmo-react-components",
+  "name": "@the-curve-consulting/texmo-react-components",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/the-curve-consulting/texmo-react-components.git"
+  },
   "version": "0.1.0",
-  "keywords": [],
   "description": "",
   "main": "dist/index.min.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
-  "repository": {
-    "url": "",
-    "type": "git"
-  },
-  "homepage": "",
+  "homepage": "https://github.com/the-curve-consulting/texmo-react-components",
   "license": "MIT",
-  "private": true,
+  "private": false,
   "scripts": {
     "start": "rollup -c rollup.config.js -w",
     "build": "tsc && rollup -c rollup.config.js",
-    "coverage": "codecov -e TRAVIS_NODE_VERSION -f coverage/*.json",
     "test": "jest --coverage",
     "test:watch": "jest --coverage --watch",
     "test:ci": "cross-env CI=1 jest",
-    "predeploy": "cd example && npm install && npm run build",
-    "deploy": "gh-pages -d example/build",
     "prepare": "husky install"
   },
   "engines": {
-    "node": ">=16"
+    "node": ">=18"
   },
   "peerDependencies": {
     "react": ">=18",

scss/texmo-react-components.scss

@@ -9,4 +9,4 @@
 @import '../src/components/button/Button.scss';
 @import '../src/components/title/Title.scss';
 @import '../src/components/card/Card.scss';
-@import '../src/components/form/components/FormRichText.scss';
+@import '../src/components/form/components/FormRichText.scss';