4 move compas save

.github/workflows/test-on-pr-branch.yml

@@ -11,13 +11,18 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: "16"
 
       - name: Install dependencies
-        run: npm ci
+        run: |
+          npm i @nx/nx-linux-x64-gnu
+          npm ci
 
       - name: Install playwright browsers
         run: npx playwright install --with-deps
 
-      - name: Run tests
-        run: npm run-script test
+      - name: Build project
+        run: npm run build
+
+      - name: Run tests for compas-docops
+        run: npx lerna run test

.github/workflows/test.yml

@@ -11,16 +11,22 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: "16"
 
       - name: Install dependencies
-        run: npm ci
+        run: |
+          npm i @nx/nx-linux-x64-gnu
+          npm ci
 
       - name: Install playwright browsers
         run: npx playwright install --with-deps
 
-      - name: Run unit tests
-        run: npm run-script test:unit
+      - name: Build project
+        run: npm run build
+
+      - name: Run unit tests for compas-docops
+        run: npx lerna run test:unit
+
   visual:
     runs-on: ubuntu-latest
     steps:
@@ -30,24 +36,31 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: "16"
 
       - name: Install dependencies
-        run: npm ci
+        run: |
+          npm i @nx/nx-linux-x64-gnu
+          npm ci
 
       - name: Install playwright browsers
         run: npx playwright install --with-deps
 
-      - name: Run visual test
+      - name: Build project
+        run: npm run build
+
+      - name: Run visual test for compas-open
+        working-directory: ./components/compas-open
         run: npm run-script test:visual
 
-      - name: Update screenshots
+      - name: Update screenshots for compas-open
         if: failure()
+        working-directory: ./components/compas-open
         run: npm run test:update
 
       - name: Commit changes
         if: failure()
         uses: EndBug/add-and-commit@v9
         with:
-          message: 'ci: update screenshots'
-          add: 'screenshots'
+          message: "ci: update screenshots"
+          add: "components/compas-open/screenshots"

.gitignore

@@ -1,28 +1,3 @@
-## editors
-/.idea
-/.vscode
-
-## system files
-.DS_Store
-
-## npm
-/node_modules/
-/npm-debug.log
-
-## testing
-/coverage/
-
-## failed screenshots
-/screenshots/*/failed/
-
-## temp folders
-/.tmp/
-
-# build
-/_site/
-/dist/
-/out-tsc/
-/.rollup.cache/
-
-storybook-static
-custom-elements.json
+node_modules/
+**/.tsbuildinfo
+lerna-debug.log

README.md

@@ -1,81 +0,0 @@
-# \<compas-open>
-
-This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
-
-## Installation
-
-```bash
-npm i compas-open
-```
-
-## Usage
-
-```html
-<script type="module">
-  import 'compas-open';
-</script>
-
-<compas-open></compas-open>
-```
-
-## Linting and formatting
-
-To scan the project for linting and formatting errors, run
-
-```bash
-npm run lint
-```
-
-To automatically fix linting and formatting errors, run
-
-```bash
-npm run format
-```
-
-## Testing with Web Test Runner
-
-To execute a single test run:
-
-```bash
-npm run test
-```
-
-To run the tests in interactive watch mode run:
-
-```bash
-npm run test:watch
-```
-
-## Demoing with Storybook
-
-To run a local instance of Storybook for your component, run
-
-```bash
-npm run storybook
-```
-
-To build a production version of Storybook, run
-
-```bash
-npm run storybook:build
-```
-
-## Tooling configs
-
-For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.
-
-If you customize the configuration a lot, you can consider moving them to individual files.
-
-## Local Demo with `web-dev-server`
-
-```bash
-npm start
-```
-
-To run a local development server that serves the basic demo located in `demo/index.html`
-
-
-
-
-
-&copy; 1970 THE AUTHORS

components/compas-docops-components/.gitignore

@@ -0,0 +1,33 @@
+## editors
+/.idea
+/.vscode
+
+## system files
+.DS_Store
+
+## npm
+/node_modules/
+/npm-debug.log
+
+## failed screenshots
+/screenshots/*/failed/
+
+## testing
+/coverage/
+
+## local debug
+/.npmrc
+
+## temp folders
+/.tmp/
+
+# build
+/_site/
+/dist/
+/out-tsc/
+/.tsbuildinfo
+
+storybook-static
+custom-elements.json
+
+.rollup.cache/

components/compas-docops-components/.npmignore

@@ -0,0 +1,29 @@
+## editors
+/.idea
+/.vscode
+
+## system files
+.DS_Store
+
+## npm
+/node_modules/
+/npm-debug.log
+
+## failed screenshots
+/screenshots/*/failed/
+
+## testing
+/coverage/
+
+## local debug
+/.npmrc
+
+## temp folders
+/.tmp/
+
+# build
+/_site/
+/out-tsc/
+
+storybook-static
+custom-elements.json

components/compas-docops-components/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@com-pas/compas-docops-components",
+  "description": "Compas-docops-components following open-wc recommendations",
+  "license": "Apache-2.0",
+  "author": "CoMPAS",
+  "version": "0.0.0",
+  "browser": "./dist/CompasDocopsComponent.js",
+  "module": "./dist/CompasDocopsComponent.js",
+  "types": "./dist/CompasDocopsComponent.d.ts",
+  "exports": {
+    ".": "./dist/CompasDocopsComponent.js",
+    "./compas-change-set-radiogroup.js": "./dist/compas-change-set-radiogroup.js",
+    "./compas-comment.js": "./dist/compas-comment.js",
+    "./compas-labels-field.js": "./dist/compas-labels-field.js",
+    "./compas-scltype-select.js": "./dist/compas-scltype-select.js"
+  },
+  "type": "module",
+  "scripts": {
+    "analyze": "cem analyze",
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "build": "tsc && npm run analyze -- --exclude dist",
+    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "clean": "rimraf .tsbuildinfo custom-elements.json dist"
+  },
+  "dependencies": {
+    "@material/mwc-list": "^0.27.0",
+    "@material/mwc-icon": "^0.27.0",
+    "@material/mwc-icon-button": "^0.27.0",
+    "@material/mwc-select": "^0.27.0",
+    "@com-pas/compas-open-core": "*",
+    "@openscd/oscd-textfield": "*",
+    "lit": "^2.7.4",
+    "lit-element": "2.5.1",
+    "lit-html": "1.4.1"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.16.4",
+    "@custom-elements-manifest/analyzer": "^0.4.17",
+    "@open-wc/building-rollup": "^2.0.2",
+    "@open-wc/eslint-config": "^9.2.1",
+    "@open-wc/testing": "^3.1.6",
+    "@rollup/plugin-typescript": "^9.0.2",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
+    "@web/dev-server": "^0.1.34",
+    "@web/dev-server-storybook": "^0.5.4",
+    "@web/rollup-plugin-html": "^1.11.0",
+    "@web/rollup-plugin-import-meta-assets": "^1.0.7",
+    "@web/test-runner": "^0.14.0",
+    "babel-plugin-template-html-minifier": "^4.1.0",
+    "cem-plugin-readme": "^0.1.4",
+    "concurrently": "^5.3.0",
+    "deepmerge": "^4.2.2",
+    "eslint": "^8.31.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^4.3.8",
+    "lint-staged": "^10.5.4",
+    "prettier": "^2.4.1",
+    "sinon": "^11.1.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.60.0",
+    "rollup-plugin-esbuild": "^5.0.0",
+    "rollup-plugin-workbox": "^6.2.0",
+    "tslib": "^2.3.1",
+    "typescript": "^4.9.2"
+  },
+  "customElements": "custom-elements.json"
+}

components/compas-docops-components/src/CompasDocopsComponent.ts

@@ -0,0 +1,19 @@
+import { CompasChangeSetRadiogroup } from "./compas-change-set-radiogroup.js";
+import { CompasCommentElement } from "./compas-comment.js";
+import { CompasLabelsFieldElement } from "./compas-labels-field";
+import { CompasSclTypeSelect } from "./compas-scltype-select.js";
+
+window.customElements.define("compas-comment", CompasCommentElement);
+window.customElements.define(
+  "compas-changeset-radiogroup",
+  CompasChangeSetRadiogroup
+);
+window.customElements.define("compas-labels-field", CompasLabelsFieldElement);
+window.customElements.define("compas-scltype-select", CompasSclTypeSelect);
+
+export {
+  CompasCommentElement,
+  CompasChangeSetRadiogroup,
+  CompasLabelsFieldElement,
+  CompasSclTypeSelect,
+};