@flowfuse/nr-assistant 0.1.0 → 0.1.1-8f87835-202407031618.0

package/.github/workflows/publish.yaml

@@ -0,0 +1,51 @@
+name: Build and push packages
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    uses: 'flowfuse/github-actions-workflows/.github/workflows/build_node_package.yml@v0.19.0'
+    with:
+      node: '[
+              {"version": "16", "tests": true, "lint": false},
+              {"version": "18", "tests": true, "lint": true},
+              {"version": "20", "tests": true, "lint": true},
+            ]'
+
+  publish:
+    needs: build
+    # if: |
+    #   ( github.event_name == 'push' && github.ref == 'refs/heads/main' ) ||
+    #   ( github.event_name == 'workflow_dispatch' && github.ref == 'refs/heads/main' )
+    uses: 'flowfuse/github-actions-workflows/.github/workflows/publish_node_package.yml@v0.19.0'
+    with:
+      package_name: nr-assistant
+      publish_package: true
+    secrets:
+      npm_registry_token: ${{ secrets.NPM_PUBLISH_TOKEN }}
+
+  dispatch_nr_launcher:
+    name: Dispatch nr-launcher package build
+    needs: publish
+    runs-on: ubuntu-latest
+    steps:
+      - name: Generate a token
+        id: generate_token
+        uses: tibdex/github-app-token@v1
+        with:
+          app_id: ${{ secrets.GH_BOT_APP_ID }}
+          private_key: ${{ secrets.GH_BOT_APP_KEY }}
+      - name: Trigger nr-launcher package build
+        uses: benc-uk/workflow-dispatch@v1
+        with:
+          workflow: publish.yml
+          repo: flowfuse/nr-launcher
+          ref: main
+          token: ${{ steps.generate_token.outputs.token }}

package/.github/workflows/release-publish.yml

@@ -13,7 +13,7 @@ jobs:
         with:
           node-version: 16
       - run: npm ci --omit=dev
-      - uses: JS-DevTools/npm-publish@v3
+      - uses: JS-DevTools/npm-publish@v2
         with:
           token: ${{ secrets.NPM_PUBLISH_TOKEN }}
           access: public

package/index.html

@@ -90,7 +90,7 @@
                         codeLens.command = {
                             id: codeLens.id,
                             title: 'Ask the FlowFuse Assistant 🪄',
-                            tooltip: 'Click to ask FlowFuse Assistant for help writing code',
+                            tooltip: 'Click to ask FlowFuse Assistant for help writing JavaScript',
                             arguments: [model, codeLens, token]
                         }
                         return codeLens
@@ -134,9 +134,8 @@
 
                         getUserInput({
                             defaultInput: previousPrompt,
-                            title: 'FlowFuse Assistant : Function Code',
-                            explanation: 'The FlowFuse Assistant can help you write code.',
-                            description: 'Enter a short description of what you want the function to do.'
+                            title: 'FlowFuse JavaScript Assistant',
+                            description: 'Enter a short prompt explaining what you want the function to do.'
                         }).then((prompt) => {
                             if (prompt) {
                                 previousPrompt = prompt
@@ -248,43 +247,37 @@
             // const flowBuilderTitle = 'FlowFuse Flow Assistant'
             // RED.actions.add('ff:nr-assistant-flow-builder', showFlowBuilderPrompt, { label: flowBuilderTitle })
 
-            // Add toolbar button
+            // Add toolbar button with menu items
             const toolbarMenuButton = $('<li><a id="red-ui-header-button-ff-ai" class="button fa fa-magic" href="#"></a></li>')
             toolbarMenuButton.prependTo('.red-ui-header-toolbar')
-            toolbarMenuButton.on('click', function (e) {
-                RED.actions.invoke('ff:nr-assistant-function-builder')
+            RED.menu.init({
+                id: 'red-ui-header-button-ff-ai',
+                options: [
+                    { id: 'menu-item-ff-ai-new-func', label: funcBuilderTitle, disabled: !assistantOptions.enabled, onselect: 'ff:nr-assistant-function-builder' }
+                    // { id: "menu-item-ff-ai-new-flow", label: flowBuilderTitle, disabled: !assistantOptions.enabled, onselect: "ff:nr-assistant-flow-builder" } // FUTURE: enable this when the flow builder is ready
+                ]
             })
-            RED.popover.tooltip(toolbarMenuButton, 'FlowFuse Assistant')
             assistantInitialised = true
         }
 
-        function getUserInput ({ title, explanation, description, placeholder, defaultInput } = {
+        function getUserInput ({ title, description, placeholder, defaultInput } = {
             title: 'FlowFuse Assistant',
-            explanation: 'The FlowFuse Assistant can help you create things.',
-            description: 'Enter a short description explaining what you want it to do.',
-            placeholder: '',
+            description: 'Enter a short prompt explaining what you want the function node to do.',
+            placeholder: 'Example: convert the payload to uppercase',
             defaultInput: ''
         }) {
-            const bodyText = []
-            if (explanation) {
-                bodyText.push(`<p style="">${explanation}</p>`)
-            }
-            if (description) {
-                bodyText.push(`<p>${description}</p>`)
-            }
-            const body = bodyText.join('')
             return new Promise((resolve, reject) => {
                 const dialog = $('<div id="ff-nr-ai-dialog-input" class="hide red-ui-editor"></div>')
                 const containerDiv = $('<div style="height: 100%;display: flex;flex-direction: column; height: calc(100% - 12px);">')
-                if (body) {
-                    containerDiv.append('<div style="margin-bottom: 8px; margin-top: -10px">' + body + '</div>')
+                if (description) {
+                    containerDiv.append('<div style="margin-bottom: 12px; margin-top: -8px">' + description + '</div>')
                 }
                 const form = $('<form id="ff-nr-ai-dialog-input-fields" style="flex-grow: 1; margin-bottom: 6px;"></form>')
                 const input = $('<textarea id="ff-nr-ai-dialog-input-editor" style="height:100%;width:100%; position:relative; resize: none;" maxlength="400" placeholder="' + (placeholder || '') + '">' + (defaultInput || '') + '</textarea>')
                 form.append(input)
                 containerDiv.append(form)
                 dialog.append(containerDiv)
-                const minHeight = 260 + (description ? 32 : 0) + (explanation ? 32 : 0)
+                const minHeight = 200 + (description ? 32 : 0)
                 const minWidth = 480
                 dialog.dialog({
                     autoOpen: true,
@@ -292,7 +285,7 @@
                     modal: true,
                     closeOnEscape: true,
                     height: minHeight,
-                    width: minWidth,
+                    width: 580,
                     minHeight,
                     minWidth,
                     resizable: true,
@@ -325,16 +318,15 @@
         }
 
         let previousFunctionBuilderPrompt
-        function showFunctionBuilderPrompt (title) {
+        function showFunctionBuilderPrompt (title, description) {
             if (!assistantOptions.enabled) {
                 RED.notify('The FlowFuse Assistant is not enabled', 'warning')
                 return
             }
             getUserInput({
                 defaultInput: previousFunctionBuilderPrompt,
-                title: title || 'FlowFuse Assistant : Create A Function Node',
-                explanation: 'The FlowFuse Assistant can help you create a Function Node.',
-                description: 'Enter a short description of what you want it to do.'
+                title: title || 'FlowFuse Function Node Assistant',
+                description: description || 'Enter a short prompt explaining what you want the function node to do.'
             }).then((prompt) => {
                 /** @type {JQueryXHR} */
                 let xhr = null
@@ -391,16 +383,15 @@
 
         let previousFlowBuilderPrompt
         // eslint-disable-next-line no-unused-vars
-        function showFlowBuilderPrompt (title) {
+        function showFlowBuilderPrompt (title, description) {
             if (!assistantOptions.enabled) {
                 RED.notify('The FlowFuse Assistant is not enabled', 'warning')
                 return
             }
             getUserInput({
                 defaultInput: previousFlowBuilderPrompt,
-                title: title || 'FlowFuse Assistant : Flow Builder',
-                explanation: 'The FlowFuse Assistant can help you create a new flow.',
-                description: 'Enter a short description of what you want the flow to do.'
+                title: title || 'FlowFuse Flow Builder',
+                description: description || 'Enter a short prompt explaining what you want the flow to do.'
             }).then((prompt) => {
                 /** @type {JQueryXHR} */
                 let xhr = null

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@flowfuse/nr-assistant",
-    "version": "0.1.0",
+    "version": "0.1.1-8f87835-202407031618.0",
     "description": "FlowFuse Node-RED assistant plugin",
     "main": "index.js",
     "scripts": {
@@ -44,4 +44,4 @@
         "eslint-plugin-html": "7.1.0",
         "eslint-plugin-no-only-tests": "^3.1.0"
     }
-}
+}