Add basic plugin

Signed-off-by: Flurb <[email protected]>

Author: Flurb

public/js/plugins.js

@@ -82,6 +82,15 @@ export const officialPlugins = [
     requireDoc: false,
     position: 'top'
   },
+  {
+    name: 'Import from API',
+    src: '/src/menu/CompasImportFromLiander.js',
+    icon: 'create_new_folder',
+    default: false,
+    kind: 'menu',
+    requireDoc: false,
+    position: 'top'
+  },
   {
     name: 'Save project',
     src: '/src/menu/CompasSave.js',

src/menu/CompasImportFromLiander.ts

@@ -0,0 +1,30 @@
+import { html, LitElement } from 'lit-element';
+import { get } from 'lit-translate';
+
+import '../filtered-list.js';
+import '../wizard-textfield.js';
+import {
+  newWizardEvent,
+  Wizard,
+} from '../foundation.js';
+
+export default class ImportFromApiPlugin extends LitElement {
+  private importFromApiWizard(): Wizard {
+    return [
+      {
+        title: get('compas.import.title'),
+        content: [
+          html`<filtered-list>
+          
+          </filtered-list>`,
+        ],
+      },
+    ];
+  }
+
+  async run(): Promise<void> {
+    document
+      .querySelector('open-scd')
+      ?.dispatchEvent(newWizardEvent(this.importFromApiWizard()));
+  }
+}

src/translations/de.ts

@@ -567,6 +567,9 @@ export const de: Translations = {
       minor: '???',
       patch: '???',
     },
+    import: {
+      title: '???'
+    },
     open: {
       title: '???',
       localTitle: '???',

src/translations/en.ts

@@ -563,6 +563,9 @@ export const en = {
       minor: 'Minor change',
       patch: 'Patch change',
     },
+    import: {
+      title: 'Import from API'
+    },
     open: {
       title: 'Open project',
       localTitle: 'Local',

test/integration/__snapshots__/open-scd.test.snap.js

@@ -1,7 +1,7 @@
 /* @web/test-runner snapshot v1 */
 export const snapshots = {};
 
-snapshots["open-scd looks like its snapshot"] =
+snapshots["open-scd looks like its snapshot"] = 
 `<mwc-drawer
   class="mdc-theme--surface"
   hasheader=""
@@ -850,6 +850,21 @@ snapshots["open-scd looks like its snapshot"] =
       </mwc-icon>
       Project from CIM
     </mwc-check-list-item>
+    <mwc-check-list-item
+      aria-disabled="false"
+      class="official"
+      graphic="control"
+      hasmeta=""
+      left=""
+      mwc-list-item=""
+      tabindex="-1"
+      value="/src/menu/CompasImportFromLiander.js"
+    >
+      <mwc-icon slot="meta">
+        create_new_folder
+      </mwc-icon>
+      Import from API
+    </mwc-check-list-item>
     <mwc-check-list-item
       aria-disabled="false"
       class="official"