plugins: examples: Add example plugin for Activities

Author: sniok

plugins/README.md

@@ -23,6 +23,7 @@ There you will see detailed API documentation, examples, and guides on how to de
 | Folder                                                 | Description                                   |
 | ------------------------------------------------------ | --------------------------------------------- |
 | [examples/](examples)                                  | Examples folder.                              |
+| [examples/activity](examples/activity)                 | Create Activities (popup windows).            |
 | [examples/app-menus](examples/app-menus)               | Add app window menus.                         |
 | [examples/change-logo](examples/change-logo)           | Change the logo.                              |
 | [examples/cluster-chooser](examples/cluster-chooser)   | Override default chooser button.              |

plugins/examples/activity/.gitignore

@@ -0,0 +1,29 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# The output for npm run storybook-book, static html built storybook for the plugin
+storybook-static
+
+.eslintcache
+

plugins/examples/activity/.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+  // See http://go.microsoft.com/fwlink/?LinkId=827846
+  // for the documentation about the extensions.json format
+  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+}

plugins/examples/activity/.vscode/settings.json

@@ -0,0 +1,17 @@
+// Place your settings in this file to overwrite default and user settings.
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

plugins/examples/activity/.vscode/tasks.json

@@ -0,0 +1,33 @@
+// See https://go.microsoft.com/fwlink/?LinkId=733558
+// for the documentation about the tasks.json format
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "problemMatcher": ["$tsc-watch", "$eslint-compact"],
+      "isBackground": true,
+      "presentation": {
+        "reveal": "never"
+      },
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "problemMatcher": ["$tsc-watch", "$eslint-compact"],
+      "isBackground": true,
+      "presentation": {
+        "reveal": "always"
+      },
+      "group": {
+        "kind": "test",
+        "isDefault": true
+      }
+    }
+  ]
+}

plugins/examples/activity/README.md

@@ -0,0 +1,6 @@
+# Activity usage example
+
+This plugin demonstrates how to use Activities.
+
+Activity is a popup window that can be created, resized, minimized.
+This code example shows how to create, dynamically update and close activities.