Merge branch 'main' into merge-upstream-071

Signed-off-by: Dennis Labordus <[email protected]>

Author: Dennis Labordus

.github/workflows/automate-projects.yml

@@ -0,0 +1,40 @@
+# SPDX-FileCopyrightText: 2021 Alliander N.V.
+#
+# SPDX-License-Identifier: CC-BY-4.0
+
+name: Add issues and pull request to project boards
+
+on: [ issues, pull_request ]
+
+jobs:
+  github-actions-automate-projects:
+    runs-on: ubuntu-latest
+    steps:
+      - name: add-new-issues-to-repository-based-project-column
+        uses: docker://takanabe/github-actions-automate-projects:v0.0.1
+        if: github.event_name == 'issues' && github.event.action == 'opened'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_PROJECT_URL: https://github.com/com-pas/compas-open-scd/projects/1
+          GITHUB_PROJECT_COLUMN_NAME: To do
+      - name: add-new-pull-request-to-repository-based-project-column
+        uses: docker://takanabe/github-actions-automate-projects:v0.0.1
+        if: github.event_name == 'pull_request' && github.event.action == 'opened'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_PROJECT_URL: https://github.com/com-pas/compas-open-scd/projects/1
+          GITHUB_PROJECT_COLUMN_NAME: To do
+      - name: add-new-issues-to-organization-based-project-column
+        uses: docker://takanabe/github-actions-automate-projects:v0.0.1
+        if: github.event_name == 'issues' && github.event.action == 'opened'
+        env:
+          GITHUB_TOKEN: ${{ secrets.ORG_GITHUB_ACTION_SECRET }}
+          GITHUB_PROJECT_URL: https://github.com/orgs/com-pas/projects/1
+          GITHUB_PROJECT_COLUMN_NAME: To do
+      - name: add-new-pull-request-to-organization-based-project-column
+        uses: docker://takanabe/github-actions-automate-projects:v0.0.1
+        if: github.event_name == 'pull_request' && github.event.action == 'opened'
+        env:
+          GITHUB_TOKEN: ${{ secrets.ORG_GITHUB_ACTION_SECRET }}
+          GITHUB_PROJECT_URL: https://github.com/orgs/com-pas/projects/2
+          GITHUB_PROJECT_COLUMN_NAME: To do

.github/workflows/build-project.yml

@@ -0,0 +1,26 @@
+name: Build Project
+
+on: push
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js 14.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: '14.x'
+      - name: Build application with npm
+        run: |
+          npm ci
+          npm run-script build
+      - name: Build docker image
+        uses: docker/build-push-action@v2
+        with:
+          # Set the context to use the current directory and not execute it's own git checkout.
+          context: .
+          push: false

.github/workflows/release-project.yml

@@ -0,0 +1,45 @@
+# SPDX-FileCopyrightText: 2021 Alliander N.V.
+#
+# SPDX-License-Identifier: Apache-2.0
+
+name: Release Project
+
+on:
+  release:
+    types: [released]
+
+jobs:
+  push_to_registry:
+    name: Build and publish
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v2
+      - name: Extract tag name
+        id: extract_tagname
+        shell: bash
+        # Extra the tagname form the git reference, value of GITHUB_REF will be something like refs/tags/<tag_name>.
+        run: echo "##[set-output name=tagname;]$(echo ${GITHUB_REF##*/})"
+      - name: Use Node.js 14.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: '14.x'
+      - name: Build application with npm
+        run: |
+          npm ci
+          npm run-script build
+      - name: Login to Docker Hub
+        uses: docker/login-action@v1
+        with:
+          username: ${{ secrets.DOCKER_HUB_USERNAME }}
+          password: ${{ secrets.DOCKER_HUB_TOKEN }}
+      - name: Build and push docker image to Docker Hub
+        uses: docker/build-push-action@v2
+        with:
+          # Set the context to use the current directory and not execute it's own git checkout.
+          context: .
+          push: true
+          # Tag the images using the tagname and also latest.
+          tags: |
+            lfenergy/compas-open-scd:${{ steps.extract_tagname.outputs.tagname }}
+            lfenergy/compas-open-scd:latest

Dockerfile

@@ -0,0 +1,2 @@
+FROM nginx:latest
+COPY build/. /usr/share/nginx/html/

README.md

@@ -1,8 +1,8 @@
-# `OpenSCD`
+# `OpenSCD CoMPAS Edition`
 
-[![Build Status](https://travis-ci.org/openscd/open-scd.svg?branch=main)](https://travis-ci.org/openscd/open-scd)
-[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fopenscd%2Fopen-scd.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fopenscd%2Fopen-scd?ref=badge_shield)
-[![Built with open-wc recommendations](https://img.shields.io/badge/built%20with-open--wc-blue.svg)](https://github.com/open-wc)
+[![NodeJS Build Github Action Status](<https://img.shields.io/github/workflow/status/com-pas/compas-open-scd/NodeJS%20Build?logo=GitHub>)](https://github.com/com-pas/compas-open-scd/actions?query=workflow%3A%22NodeJS+Build%22)
+[![LFX Security Status](https://img.shields.io/badge/dynamic/json?color=orange&label=LFX%20Security%20Tool&query=issues%5B%3F%28%40%5B%27repository-name%27%5D%20%3D%3D%20%27compas-open-scd%27%29%5D%5B%27high-open-issues%27%5D&suffix=%20High%20open%20issues&url=https%3A%2F%2Fapi.security.lfx.linuxfoundation.org%2Fv1%2Fproject%2Fe8b6fdf9-2686-44c5-bbaa-6965d04ad3e1%2Fissues)](https://security.lfx.linuxfoundation.org/#/e8b6fdf9-2686-44c5-bbaa-6965d04ad3e1/issues)
+[![Slack](https://raw.githubusercontent.com/com-pas/compas-architecture/master/public/LFEnergy-slack.svg)](http://lfenergy.slack.com/)
 
 Open Substation Communication Designer is an editor for SCL files as described in `IEC 61850-6`.
 
@@ -24,6 +24,25 @@ npm start
 - `lint` runs the linter
 - `doc` builds markdown documentation in the `doc` directory
 
+### Docker
+It's also possible to run OpenSCD CoMPAS Edition as a docker. Of every release a docker image is created and pushed to Docker Hub.
+To run the docker container use the following command.
+
+```
+docker run -it --rm -d -p 8080:80 --name compas-open-scd lfenergy/compas-open-scd:latest
+```
+Now open a browser and go to "http://localhost:8080". OpenSCD is shown.
+
+### CoMPAS Service
+
+During development, it is sometimes handy to use running backend services, like CIM Mapping or SCL Data Service.
+The problem is that these services need an Authorization Header to work. Normally these are injected by a reverse proxy 
+or something like that. 
+
+There is a work-around and that is using the ModHeader Extension of the Browser (Chrome, Firefox, ...).
+With this extension the header 'Authorization' can be added with a value 'Bearer <access token>'. 
+The AccessToken can be retrieved from a running KeyCloak instance. 
+
 ## License
 
 The [IEC 61850](https://webstore.iec.ch/publication/63319) XSD and NSD code components used are
@@ -33,4 +52,3 @@ This project is licensed under the [Apache License 2.0](LICENSE.md).
 
 &copy; 2020-2021 OMICRON electronics GmbH
 
-[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fopenscd%2Fopen-scd.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fopenscd%2Fopen-scd?ref=badge_large)

__snapshots__/Communication Plugin.md

@@ -7,12 +7,12 @@
 ```html
 <h1>
   <span style="color: var(--base1)">
-    [communication.missing]
+    No subnetwork
   </span>
   <mwc-fab
     extended=""
     icon="add"
-    label="[subnetwork.wizard.title.add]"
+    label="Add subnetwork"
   >
   </mwc-fab>
 </h1>

__snapshots__/DAType wizards.md

@@ -7,7 +7,7 @@
 ```html
 <mwc-dialog
   defaultaction="close"
-  heading="[datype.wizard.title.add]"
+  heading="Add DAType"
   open=""
 >
   <div id="wizard-content">
@@ -581,7 +581,7 @@
     </mwc-select>
     <wizard-textfield
       dialoginitialfocus=""
-      helper="[scl.id]"
+      helper="ID"
       label="id"
       maxlength="255"
       minlength="1"
@@ -591,7 +591,7 @@
     </wizard-textfield>
     <wizard-textfield
       disabled=""
-      helper="[scl.desc]"
+      helper="Description"
       label="desc"
       nullable=""
       pattern="([ -~]|[…]|[ -퟿]|[-�]|[𐀀\-􏿿])*"
@@ -600,15 +600,15 @@
   </div>
   <mwc-button
     dialogaction="close"
-    label="[cancel]"
+    label="Cancel"
     slot="secondaryAction"
     style="--mdc-theme-primary: var(--mdc-theme-error)"
   >
   </mwc-button>
   <mwc-button
     dialoginitialfocus=""
     icon="add"
-    label="[add]"
+    label="Add"
     slot="primaryAction"
     trailingicon=""
   >
@@ -624,20 +624,20 @@
 ```html
 <mwc-dialog
   defaultaction="close"
-  heading="[datype.wizard.title.edit]"
+  heading="Edit DAType"
   open=""
 >
   <div id="wizard-content">
     <mwc-button
       fullwidth=""
       icon="delete"
-      label="[remove]"
+      label="Remove"
       trailingicon=""
     >
     </mwc-button>
     <wizard-textfield
       dialoginitialfocus=""
-      helper="[scl.id]"
+      helper="ID"
       label="id"
       maxlength="127"
       minlength="1"
@@ -647,15 +647,15 @@
     </wizard-textfield>
     <wizard-textfield
       disabled=""
-      helper="[scl.desc]"
+      helper="Description"
       label="desc"
       nullable=""
       pattern="([ -~]|[…]|[ -퟿]|[-�]|[𐀀\-􏿿])*"
     >
     </wizard-textfield>
     <mwc-button
       icon="playlist_add"
-      label="[scl.DA]"
+      label="Data attribute"
       slot="graphic"
       trailingicon=""
     >
@@ -749,15 +749,15 @@
   </div>
   <mwc-button
     dialogaction="close"
-    label="[cancel]"
+    label="Cancel"
     slot="secondaryAction"
     style="--mdc-theme-primary: var(--mdc-theme-error)"
   >
   </mwc-button>
   <mwc-button
     dialoginitialfocus=""
     icon=""
-    label="[save]"
+    label="Save"
     slot="primaryAction"
     trailingicon=""
   >