4 move compas save

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

@@ -11,13 +11,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 tests
+      - name: Build project
+        run: npm run build
+
+      - name: Run tests for compas-open
+        working-directory: ./components/compas-open
+        run: npm run-script test
+
+      - name: Run tests for compas-open-plugin
+        working-directory: ./packages/compas-open-plugin
+        run: npm run-script test
+
+      - name: Run tests for compas-save-to-file
+        working-directory: ./components/compas-save-to-file
+        run: npm run-script test
+
+      - name: Run tests for compas-save-plugin
+        working-directory: ./packages/compas-save-plugin
         run: npm run-script test

.github/workflows/test.yml

@@ -11,15 +11,33 @@ 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
+      - name: Build project
+        run: npm run build
+
+      - name: Run unit tests for compas-open
+        working-directory: ./components/compas-open
+        run: npm run-script test:unit
+
+      - name: Run unit tests for compas-open-plugin
+        working-directory: ./packages/compas-open-plugin
+        run: npm run-script test:unit
+
+      - name: Run unit tests for compas-save-to-file
+        working-directory: ./components/compas-save-to-file
+        run: npm run-script test:unit
+
+      - name: Run unit tests for compas-save-plugin
+        working-directory: ./packages/compas-save-plugin
         run: npm run-script test:unit
   visual:
     runs-on: ubuntu-latest
@@ -30,24 +48,47 @@ 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 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: "components/compas-open/screenshots"
+
+      - name: Run visual test for compas-save-to-file
+        working-directory: ./components/compas-save-to-file
         run: npm run-script test:visual
 
-      - name: Update screenshots
+      - name: Update screenshots for compas-save-to-file
         if: failure()
+        working-directory: ./components/compas-save-to-file
         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-save-to-file/screenshots"

.gitignore

@@ -1,28 +1,2 @@
-## 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

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-loading/.gitignore

@@ -0,0 +1,32 @@
+## 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/
+
+storybook-static
+custom-elements.json
+
+.rollup.cache/

components/compas-loading/.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-loading/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@com-pas/compas-loading",
+  "description": "Webcomponent compas-loading following open-wc recommendations",
+  "license": "Apache-2.0",
+  "author": "CoMPAS",
+  "version": "0.0.0",
+  "browser": "./dist/CompasLoading.js",
+  "module": "./dist/CompasLoading.js",
+  "types": "./dist/CompasLoading.d.ts",
+  "exports": {
+    ".": "./dist/CompasLoading.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",
+    "test": "tsc --p tsconfig.test.json && wtr --coverage",
+    "test:unit": "tsc --p tsconfig.test.json && wtr --group default",
+    "test:visual": "tsc --p tsconfig.test.json && wtr --group visual",
+    "test:update": "tsc --p tsconfig.test.json && wtr --group visual --update-visual-baseline",
+    "test:watch": "tsc --p tsconfig.test.json && concurrently -k -r \"tsc --p tsconfig.test.json --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "clean": "rimraf .tsbuildinfo custom-elements.json dist"
+  },
+  "dependencies": {
+    "@material/mwc-list": "^0.27.0",
+    "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-loading/src/CompasLoading.ts

@@ -0,0 +1,4 @@
+import { CompasLoadingElement } from "./compas-loading.js";
+
+window.customElements.define("compas-loading", CompasLoadingElement);
+export { CompasLoadingElement };

components/compas-loading/src/compas-loading.ts

@@ -0,0 +1,16 @@
+import { html, LitElement, TemplateResult, property } from "lit-element";
+import "@material/mwc-list";
+import "@material/mwc-list/mwc-list-item";
+
+export class CompasLoadingElement extends LitElement {
+  @property()
+  message: string | undefined;
+
+  render(): TemplateResult {
+    return html`
+      <mwc-list>
+        <mwc-list-item><i>${this.message ?? "Loading..."}</i></mwc-list-item>
+      </mwc-list>
+    `;
+  }
+}