New Dist Process

.github/workflows/publish-preview.yml

@@ -0,0 +1,46 @@
+name: Publish Preview Betsy Web Components
+
+on:
+  push:
+    branches:
+      - preview
+
+env:
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+  GITHUB_TOKEN: ${{ secrets.ACCESS_TOKEN }}
+
+permissions:
+  contents: write
+
+jobs:
+  publish:
+    name: Publish Preview
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          token: ${{ secrets.CI_USER_BETSY }}
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@d882d12c64e032187b2edb46d3a0d003b7a43598
+
+      - name: Setup Node with pnpm Cache
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - name: Run pnpm Install
+        run: pnpm i
+
+      - name: Run publish
+        run: pnpm publish
+
+      - name: Commit changes
+        run: |
+          git config --global user.name 'Betsy CI'
+          git config --global user.email '[email protected]'
+          git commit -am "Automated report"
+          git push

.github/workflows/publish.yml

@@ -10,10 +10,16 @@ env:
   NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
   GITHUB_TOKEN: ${{ secrets.ACCESS_TOKEN }}
 
+permissions:
+  contents: write
+
 jobs:
   publish:
     name: Publish
     runs-on: ubuntu-latest
+    outputs:
+      tag: ${{ steps.semantic-release.outputs.tag }}
+      url: ${{ steps.semantic-release.outputs.url }}
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
@@ -33,4 +39,11 @@ jobs:
         run: pnpm i
 
       - name: Semantic Release
-        run: pnpm run semantic-release
+        run: |
+          pnpm run semantic-release >> semantic-release.log
+          echo "url=$(cat semantic-release.log | grep -o 'https.*/tag/.*' | tr -d '\n')" >> $GITHUB_OUTPUT
+          echo "tag=$(cat semantic-release.log | grep -o '/tag/.*' | tr -d '/tag/')" >> $GITHUB_OUTPUT
+        env:
+          GITHUB_TOKEN: ${{ secrets.CI_USER_BETSY }}
+          GIT_AUTHOR_NAME: ci-betsy
+          GIT_AUTHOR_EMAIL: [email protected]

.gitignore

@@ -35,3 +35,5 @@ node_modules
 /coverage
 /src/**/*.js
 /src/**/*.js.map
+/dev-app/**/*.js
+/dev-app/**/*.js.map

README.md

@@ -11,11 +11,13 @@ Note this plugin project comes with a dev-app. The above command starts the dev
 
 Install the npm package
 
-    pnpm install @betsybot/web-components
+    npm install @worm425/betsy-web-components
 
 Register the components in your `main.ts` or `main.js` file
 ```js
 import * as BetsyWebComponentsPlugin from '@betsybot/web-components';
+//Don't forget the styles!
+import '@worm425/betsy-web-components/dist/style.css';
 
 Aurelia
     // Load all exports from the plugin

dev-app/.eslintrc.json

@@ -0,0 +1,22 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": [
+    "@typescript-eslint"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2019,
+    "sourceType": "module"
+  },
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true,
+    "jest": true
+  }
+}

dev-app/.gitignore

@@ -0,0 +1,36 @@
+
+# You may want to customise this file depending on your Operating System
+# and the editor that you use.
+#
+# We recommend that you use a Global Gitignore for files that are not related
+# to the project. (https://help.github.com/articles/ignoring-files/#create-a-global-gitignore)
+
+# OS
+#
+# Ref: https://github.com/github/gitignore/blob/master/Global/macOS.gitignore
+# Ref: https://github.com/github/gitignore/blob/master/Global/Windows.gitignore
+# Ref: https://github.com/github/gitignore/blob/master/Global/Linux.gitignore
+.DS_STORE
+Thumbs.db
+
+# Editors
+#
+# Ref: https://github.com/github/gitignore/blob/master/Global
+# Ref: https://github.com/github/gitignore/blob/master/Global/JetBrains.gitignore
+# Ref: https://github.com/github/gitignore/blob/master/Global/VisualStudioCode.gitignore
+.idea
+.chrome
+/*.log
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# Dependencies
+node_modules
+
+# Compiled files
+/dist
+/.nyc_output
+/coverage

dev-app/.htmlhintrc

@@ -0,0 +1,12 @@
+{
+  "tagname-lowercase": true,
+  "attr-lowercase": false,
+  "attr-value-double-quotes": true,
+  "attr-no-duplication": true,
+  "doctype-first": false,
+  "tag-pair": true,
+  "spec-char-escape": true,
+  "id-unique": true,
+  "src-not-empty": true,
+  "title-require": true
+}

dev-app/.npmrc

@@ -0,0 +1,3 @@
+# for pnpm, use flat node_modules
+shamefully-hoist=true
+auto-install-peers=true

dev-app/.yarnrc.yml

@@ -0,0 +1,2 @@
+# For compatibility in yarn 2+
+nodeLinker: node-modules

dev-app/README.md

@@ -0,0 +1,37 @@
+# dev-app
+
+This project is bootstrapped by [aurelia/new](https://github.com/aurelia/new).
+
+## Start dev web server
+
+    npm start
+
+## Build the app in production mode
+
+    npm run build
+
+It builds all files to dist folder. To deploy to production server, copy all the `dist/*` files to production root folder.
+
+For example
+```
+dist/index.html
+dist/foo.12345.js
+```
+Copy to production root folder
+```
+root_folder/index.html
+root_folder/foo.12345.js
+```
+
+## Unit Tests
+
+    npm run test
+
+Run unit tests in watch mode.
+
+    npm run test:watch
+
+
+## Analyze webpack bundle
+
+    npm run analyze

dev-app/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Aurelia</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <base href="/">
+</head>
+
+<body>
+  <my-app></my-app>
+</body>
+
+</html>

dev-app/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "dev-app",
+  "description": "An Aurelia 2 client application.",
+  "version": "0.1.0",
+  "repository": {
+    "type": "git",
+    "url": "???"
+  },
+  "license": "UNLICENSED",
+  "dependencies": {
+    "aurelia": "latest",
+    "@aurelia/router": "latest"
+  },
+  "devDependencies": {
+    "@worm425/betsy-web-components": "0.0.14",
+    "eslint": "^8.43.0",
+    "@aurelia/testing": "latest",
+    "htmlhint": "^1.1.4",
+    "rimraf": "^5.0.1",
+    "webpack": "^5.88.1",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
+    "html-webpack-plugin": "^5.5.3",
+    "webpack-bundle-analyzer": "^4.9.0",
+    "style-loader": "^3.3.3",
+    "css-loader": "^6.8.1",
+    "dotenv-webpack": "^8.0.1",
+    "@aurelia/webpack-loader": "latest",
+    "ts-loader": "^9.4.4",
+    "postcss-loader": "^7.3.3",
+    "postcss": "^8.4.24",
+    "autoprefixer": "^10.4.14",
+    "@types/node": "^18.11.18",
+    "typescript": "^5.1.6",
+    "tslib": "^2.6.0",
+    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/parser": "^5.60.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-transform-stub": "^2.0.0",
+    "@types/jest": "^29.5.2",
+    "@aurelia/ts-jest": "latest"
+  },
+  "scripts": {
+    "lint:js": "eslint src test --ext .js,.ts",
+    "lint:html": "htmlhint -c .htmlhintrc src",
+    "lint": "npm run lint:js && npm run lint:html",
+    "pretest": "npm run lint",
+    "start": "webpack serve",
+    "build": "rimraf dist && webpack --env production",
+    "analyze": "rimraf dist && webpack --env production --analyze",
+    "test": "jest"
+  },
+  "jest": {
+    "testMatch": [
+      "<rootDir>/test/**/*.spec.ts"
+    ],
+    "testEnvironment": "jsdom",
+    "transform": {
+      "\\.(css|less|sass|scss|styl|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "jest-transform-stub",
+      "\\.(ts|html)$": "@aurelia/ts-jest"
+    },
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "src/**/*.ts",
+      "!src/**/*.d.ts"
+    ],
+    "globals": {
+      "ts-jest": {
+        "isolatedModules": true
+      }
+    }
+  }
+}