Merge pull request #16 from hidetak/add-creating-dashboard-client-plugin

Add creating wot client plugin

.gitignore

@@ -3,3 +3,4 @@ node_modules
 .vscode/settings.json
 .DS_Store
 dist
+resources

node-red-node-wot/README.md

@@ -142,4 +142,25 @@ Currently, the supported binding types are HTTP, CoAP, and MQTT. As shown in the
 
 Also, it is unclear how to define the flow when the data type is null.
 
+## Create WoT Client Flow Automaticaly
 
+Provides the ability to automatically create client flows for WoT that can be used from a web browser.
+
+Please install the `@flowfuse/node-red-dashboard` node beforehand.
+Nodes are installed by clicking on the menu icon in the upper right corner and then clicking on Manage palette.
+
+The procedure for creating a client flow and using it from a web browser is as follows.
+
+1. Click on `Create WoT client flow` that appears when you click on the menu icon in the upper right corner.  
+![Menu Cleate WoT Client Flow](screenshots/menu-create-wot-client-flow.png)
+1. When the dialog screen for entering the Thing Description appears, copy and paste the Thing Description and click the `OK` button.
+![Dialog for Create WoT Client Flow](screenshots/dialog-for-create-wot-client-flow.png)
+1. When the new flow screen appears, place the created flow.
+![Created WoT Client Flow](screenshots/created-wot-client-flow.png)
+1. Press the `Deploy` button to execute the created flow.
+1. Display the `Dashboard 2.0` tab and press the `Open Dashboard` button.
+![Dashboard tab](screenshots/dashboard-tab.png)
+1. The WoT client screen will appear in your web browser.
+![WoT Client Screen](screenshots/wot-client-screen.png)
+
+Feel free to modify the created flow to create a client screen of your choice.

node-red-node-wot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thingweb/node-red-node-wot",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Web of Things nodes for Node-RED using node-wot",
   "author": "Eclipse Thingweb <[email protected]> (https://thingweb.io/)",
   "license": "MIT",
@@ -34,11 +34,16 @@
       "wot-server-event": "dist/wot-server-event.js",
       "wot-server-td": "dist/wot-server-td.js"
     },
+    "plugins": {
+      "node-wot-plugin": "plugin/node-wot-plugin.html"
+    },
     "version": ">=1.3.7"
   },
   "scripts": {
-    "build": "npm run copy:src2dist && tsc",
+    "build": "npm run copy:src2dist && tsc && npm run build:plugin",
     "copy:src2dist": "node -e \"require('fs-extra').copySync('./src', './dist')\"",
+    "build:plugin": "npm run copy:plugin-resources-src2resources && tsc --project ./tsconfig-for-plugin.json",
+    "copy:plugin-resources-src2resources": "node -e \"require('fs-extra').copySync('./plugin-resources-src', './resources')\"",
     "publish": "npm publish --access=public",
     "publish:beta": "npm publish --access=public --tag=beta",
     "test": "mocha --require ts-node/register --extension ts --exit"