@vdwpsmt/node-red-contrib-flow-splitter-extended 1.0.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,256 @@
+# node-red-contrib-flow-splitter-extended
+
+Node-RED plugin to split your **_flows.json_** file in individual YAML or JSON files (per tab, subflow and config-node) **with automatic extraction of function and ui-template node code**.
+
+## Purpose
+
+This plugin is useful if you regularly edit Node-RED applications in combination with editing in VS code or other IDEs.
+
+It will make the diffs of your version control much more controlled and readable:  It will also allow to edit (complex) function and UI-template nodes from within an external IDE
+
+- Commit files individually
+- Nodes are ordered alphabetically with their id
+- **Function and ui-template node code is extracted into separate `.js`, `.vue`, and `.md` files for easier editing in VS Code or other IDEs**
+- **Edit function code externally and reload changes without restarting Node-RED**
+
+**Note:** Add **_flows.json_** (or its equivalent given in the `package.json`) to your project `.gitignore` file.
+
+## Features
+
+### Flow Splitting
+- Splits flows.json into separate files for tabs, subflows, and config-nodes
+- Supports both YAML and JSON formats
+- Maintains tab order through configuration
+
+### Function & Template Extraction (NEW)
+- Automatically extracts code from `function` nodes into `.js` files
+- Extracts `ui-template` (Dashboard 2.0) content into `.vue` files
+- Supports function `initialize` and `finalize` code in separate files
+- Extracts node `info` documentation into `.md` files
+- Organizes extracted files in subdirectories alongside their parent tab/subflow
+- Automatically syncs changes back to Node-RED on startup
+
+## Functioning
+
+This plugin does not modify Node-RED core behavior. Node-RED core will still compile the flows into the JSON file stipulated in the `package.json`.
+
+The code is executed at each start of the flows, i.e. a start of Node-RED or a "deploy" action.
+
+It will take the running JSON file used by Node-RED specified in the Node-RED `package.json` (**_flows.json_** by default) and create all files in the directory `src` (_by default_) and their sub-directories : `tabs`, `subflows` and `config-nodes` at the root of the Node-RED userDir or the active project folder.
+
+### Function/Template Extraction Workflow
+
+When you deploy flows containing function or ui-template nodes:
+
+1. **Extraction Phase**: After splitting the flow files, the plugin scans each tab and subflow for function and ui-template nodes
+2. **File Creation**: For each node, it creates a subdirectory named after the tab/subflow and extracts:
+   - Main code into `<node-name>.js` (function) or `<node-name>.vue` (ui-template)
+   - Initialize code into `<node-name>.initialize.js` (if present)
+   - Finalize code into `<node-name>.finalize.js` (if present)
+   - Info documentation into `<node-name>.info.md` (if present)
+3. **Manifest**: A `.manifest.json` file tracks the mapping between nodes and extracted files
+
+When Node-RED starts with no flows.json:
+
+1. **Collection Phase**: The plugin reads all extracted function/template files
+2. **Update**: Updates the split flow files with the current code from disk
+3. **Rebuild**: Reconstructs the flows.json from the updated split files
+
+This allows you to edit function and template code in your favorite IDE with full syntax highlighting, linting, code assist and version control benefits!
+
+### Manual Reload (Live Editing)
+
+When Node-RED is running and you edit function/template files externally, use the **manual reload** endpoint to apply changes without restarting:
+
+**HTTP Endpoint:**
+```bash
+POST http://localhost:1880/flow-splitter/reload
+```
+
+**Usage Examples:**
+```powershell
+# PowerShell (Windows)
+Invoke-RestMethod -Uri http://localhost:1880/flow-splitter/reload -Method Post
+
+# Bash (Linux/Mac)
+curl -X POST http://localhost:1880/flow-splitter/reload
+
+# From browser console or bookmarklet
+fetch('http://localhost:1880/flow-splitter/reload', {method: 'POST'})
+  .then(r => r.json()).then(console.log);
+```
+
+This allows you to:
+1. Edit function/template files in VS Code
+2. Save changes
+3. Run the reload command
+4. See changes immediately in Node-RED (without deploy/restart)
+
+## File Structure Example
+
+```
+project/
+├── flows.json (auto-deleted after split)
+├── .config.flow-splitter.json
+└── src/
+    ├── tabs/
+    │   ├── Dashboard.yaml
+    │   └── Dashboard/
+    │       ├── .manifest.json
+    │       ├── process_data.js
+    │       ├── process_data.initialize.js
+    │       ├── process_data.finalize.js
+    │       ├── process_data.info.md
+    │       ├── header_template.vue
+    │       └── status_widget.vue
+    ├── subflows/
+    │   ├── DataProcessor.yaml
+    │   └── DataProcessor/
+    │       ├── .manifest.json
+    │       ├── transform.js
+    │       └── validate.js
+    └── config-nodes/
+        └── mqtt-broker.yaml
+```
+
+## Configuration
+
+The plugin will generate a configuration file `.config.flow-splitter.json` at the root of the Node-RED userDir or the active project folder.
+
+Default configuration file =
+
+```json
+{
+  "fileFormat": "yaml",
+  "destinationFolder": "src",
+  "tabsOrder": [],
+  "extractFunctionsTemplates": true
+}
+```
+
+You can freely edit the config file, the changes are taken into account at the next restart of the flows.
+
+- `fileFormat`: parsing language for your split source files (either `yaml` or `json`)
+- `destinationFolder`: path where to create the `tabs`, `subflows` and `config-nodes` sub-directories
+- `tabsOrder`: position of each tab (ordered array of the Ids of each tab node)
+- `extractFunctionsTemplates`: additional extraction of function and ui-template nodes
+## Installation
+
+```bash
+npm install node-red-contrib-flow-splitter-extended
+```
+
+Or install via the Node-RED palette manager.
+
+## Quick Start
+
+1. **Install the plugin** (see above)
+2. **Start Node-RED** and deploy your flows
+3. **Plugin automatically:**
+   - Splits flows.json into separate files in `src/` directory
+   - Extracts function and ui-template code into `.js` and `.vue` files
+   - Creates `.config.flow-splitter.json` configuration file
+4. **Edit extracted files** in VS Code or your favorite editor
+5. **Reload changes** using the manual reload command (see above)
+
+## Usage Workflows
+
+### Option 1: Edit & Restart (Simple)
+1. Edit function/template files in `src/tabs/<TabName>/`
+2. Stop Node-RED
+3. Start Node-RED
+4. Changes are automatically collected and applied
+
+### Option 2: Edit & Manual Reload (Fast)
+1. Edit function/template files in `src/tabs/<TabName>/`
+2. Save files
+3. Run reload command: `curl -X POST http://localhost:1880/flow-splitter/reload`
+4. Changes applied immediately (no restart needed)
+
+## Working with Extracted Code
+
+### Function Nodes
+
+Function nodes are extracted to `.js` files:
+- **Main code:** `<node-name>.js`
+- **Initialize code:** `<node-name>.initialize.js` (if present)
+- **Finalize code:** `<node-name>.finalize.js` (if present)
+- **Documentation:** `<node-name>.info.md` (if present)
+
+**Example:** A function node named "Process Data" creates:
+```
+src/tabs/MyTab/Process_Data.js
+src/tabs/MyTab/Process_Data.initialize.js
+src/tabs/MyTab/Process_Data.finalize.js
+src/tabs/MyTab/Process_Data.info.md
+```
+
+### UI Template Nodes
+
+Dashboard 2.0 ui-template nodes are extracted to `.vue` files:
+- **Template code:** `<node-name>.vue`
+- **Documentation:** `<node-name>.info.md` (if present)
+
+**Example:** A ui-template node named "Header Widget" creates:
+```
+src/tabs/Dashboard/Header_Widget.vue
+src/tabs/Dashboard/Header_Widget.info.md
+```
+
+## Benefits for Development
+
+### Version Control
+- Each function/template is in its own file - perfect for git diffs
+- See exactly what changed in each function
+- Review code changes more easily in pull requests
+
+### IDE Integration
+- Full syntax highlighting in VS Code or your favorite editor
+- Linting and formatting support
+- IntelliSense and autocomplete
+- Search across all functions easily
+
+### Code Organization
+- Functions grouped by their parent tab/subflow
+- Easy to find and navigate function code
+- Consistent file structure across projects
+
+## Troubleshooting
+
+### Changes Not Appearing After Manual Reload
+
+1. **Check Node-RED is running:** Ensure Node-RED is started and accessible at the URL
+2. **Verify endpoint:** Test with `curl -X POST http://localhost:1880/flow-splitter/reload`
+3. **Check file paths:** Ensure you're editing files in the correct `src/` subdirectory
+4. **Review manifest:** Check `.manifest.json` to verify node-to-file mappings
+
+### Files Not Extracted After Deploy
+
+1. **Check configuration:** Ensure `extractFunctionsTemplates: true` in `.config.flow-splitter.json`
+2. **Verify node types:** Only `function` and `ui-template` nodes are extracted
+3. **Node naming:** Ensure nodes have names (unnamed nodes use their ID)
+
+### Split Files Not Rebuilding
+
+1. **Check flows.json:** Ensure flows.json doesn't exist (it should be deleted after split)
+2. **Verify file format:** Ensure split files match the configured format (YAML/JSON)
+3. **Restart Node-RED:** A full restart rebuilds flows.json from split files
+
+## Compatibility
+
+- Works with Node-RED project mode
+- Compatible with function nodes (core)
+- Compatible with Dashboard 2.0 ui-template nodes
+- Supports both CommonJS and modern JavaScript
+
+## Credits
+
+This extended version combines the flow-splitting functionality from the original [node-red-contrib-flow-splitter](https://github.com/vgo-exo/node-red-contrib-flow-splitter) with function/template extraction inspired by [functions-templates-manager](https://github.com/daniel-payne/functions-templates-manager).
+
+## License
+
+See LICENSE file for details.
+
+
+
+

package/functions-templates-handler.js

@@ -0,0 +1,301 @@
+const path = require('path')
+const fs = require('fs-extra')
+
+/**
+ * Functions and Templates nodes Handler
+ * Extracts function and ui-template node code into separate files
+ * and collects them back when rebuilding flows
+ */
+
+/**
+ * Extract functions and templates from flow nodes into separate files
+ * @param {Array} flowNodes - Array of nodes from a tab or subflow
+ * @param {string} flowName - Name of the tab or subflow
+ * @param {string} flowDir - Directory where the flow file is stored
+ * @param {object} RED - Node-RED runtime
+ */
+function extractFunctionsAndTemplates(flowNodes, flowName, flowDir, RED) {
+    if (!flowNodes || flowNodes.length === 0) return
+
+    const extractedDir = path.join(flowDir, flowName)
+    const manifest = {}
+    const fileNames = []
+    let count = 0
+
+    flowNodes.forEach((node) => {
+        const id = node.id
+        const type = node.type
+
+        let name
+
+        if (type === 'function') {
+            name = node.name || 'unnamed-function'
+        } else if (type === 'ui-template') {
+            name = node.name || 'unnamed-template'
+        } else {
+            return
+        }
+
+        const sanitizedName = name.replace(/[\/\\:*?"<>|]/g, '-')
+        fileNames.push(sanitizedName)
+        const nameCount = fileNames.filter((n) => n === sanitizedName).length
+
+        let fileName
+        if (nameCount > 1) {
+            fileName = `${sanitizedName}(${nameCount})`
+        } else {
+            fileName = sanitizedName
+        }
+
+        // Detect if it's a Vue template or a function
+        const hasTemplate = node.format?.trim().indexOf('<template>') !== -1 ?? false
+        const hasScript = node.format?.trim().indexOf('<script>') !== -1 ?? false
+        const isVue = (typeof node.format === 'string' && (hasTemplate || hasScript))
+        const isFun = (
+            (typeof node.func === 'string' && node.func.trim().length > 0) ||
+            (typeof node.initialize === 'string' && node.initialize.trim().length > 0) ||
+            (typeof node.finalize === 'string' && node.finalize.trim().length > 0)
+        ) && isVue === false
+
+        let code = isVue ? node.format : node.func
+        let initialize = isFun ? node.initialize : undefined
+        let finalize = isFun ? node.finalize : undefined
+        let info = node.info ?? undefined
+
+        // Clean up empty values
+        if ((code ?? '').trim().length === 0) code = undefined
+        if ((initialize ?? '').trim().length === 0) initialize = undefined
+        if ((finalize ?? '').trim().length === 0) finalize = undefined
+        if ((info ?? '').trim().length === 0) info = undefined
+
+        if (isVue || isFun) {
+            // Ensure output directory exists
+            if (!fs.existsSync(extractedDir)) {
+                fs.mkdirSync(extractedDir, { recursive: true })
+            }
+
+            count++
+
+            const baseName = fileName
+            const codeName = `${baseName}.${isVue ? 'vue' : 'js'}`
+            const initializeName = `${baseName}.initialize.js`
+            const finalizeName = `${baseName}.finalize.js`
+            const infoName = `${baseName}.info.md`
+
+            const codeFile = path.join(extractedDir, codeName)
+            const initializeFile = path.join(extractedDir, initializeName)
+            const finalizeFile = path.join(extractedDir, finalizeName)
+            const infoFile = path.join(extractedDir, infoName)
+
+            // Write files
+            if (code != null) {
+                fs.writeFileSync(codeFile, code, 'utf8')
+            }
+            if (initialize != null) {
+                fs.writeFileSync(initializeFile, initialize, 'utf8')
+            }
+            if (finalize != null) {
+                fs.writeFileSync(finalizeFile, finalize, 'utf8')
+            }
+            if (info != null) {
+                fs.writeFileSync(infoFile, info, 'utf8')
+            }
+
+            // Store in manifest
+            manifest[id] = {
+                nodeId: id,
+                name,
+                sanitizedName,
+                fileName,
+                isVue,
+                isFun,
+                hasCode: code != null,
+                hasInitialize: initialize != null,
+                hasFinalize: finalize != null,
+                hasInfo: info != null
+            }
+        }
+    })
+
+    // Save manifest if we extracted anything
+    if (count > 0) {
+        const manifestFile = path.join(extractedDir, '.manifest.json')
+        fs.writeFileSync(manifestFile, JSON.stringify(manifest, null, 2), 'utf8')
+        
+        RED.log.info(`[node-red-contrib-flow-splitter] Extracted ${count} functions/templates for "${flowName}"`)
+    }
+
+    // Clean up unused files
+    cleanupUnusedFiles(extractedDir, manifest, RED)
+}
+
+/**
+ * Collect functions and templates from separate files back into flow nodes
+ * @param {Array} flowNodes - Array of nodes from a tab or subflow
+ * @param {string} flowName - Name of the tab or subflow
+ * @param {string} flowDir - Directory where the flow file is stored
+ * @param {object} RED - Node-RED runtime
+ * @returns {Array} - Updated flow nodes
+ */
+function collectFunctionsAndTemplates(flowNodes, flowName, flowDir, RED) {
+    if (!flowNodes || flowNodes.length === 0) return flowNodes
+
+    const extractedDir = path.join(flowDir, flowName)
+    const manifestFile = path.join(extractedDir, '.manifest.json')
+
+    // Check if manifest exists
+    if (!fs.existsSync(manifestFile)) {
+        return flowNodes
+    }
+
+    let manifest
+    try {
+        manifest = JSON.parse(fs.readFileSync(manifestFile, 'utf8'))
+    } catch (error) {
+        RED.log.warn(`[node-red-contrib-flow-splitter] Could not read manifest for "${flowName}": ${error.message}`)
+        return flowNodes
+    }
+
+    let updatedCount = 0
+
+    // Update nodes with content from files
+    Object.keys(manifest).forEach((nodeId) => {
+        const item = manifest[nodeId]
+        const node = flowNodes.find(n => n.id === nodeId)
+
+        if (!node) {
+            RED.log.warn(`[node-red-contrib-flow-splitter] Node ${nodeId} not found in flow "${flowName}"`)
+            return
+        }
+
+        const baseName = item.fileName
+        const codeName = `${baseName}.${item.isVue ? 'vue' : 'js'}`
+        const initializeName = `${baseName}.initialize.js`
+        const finalizeName = `${baseName}.finalize.js`
+        const infoName = `${baseName}.info.md`
+
+        const codeFile = path.join(extractedDir, codeName)
+        const initializeFile = path.join(extractedDir, initializeName)
+        const finalizeFile = path.join(extractedDir, finalizeName)
+        const infoFile = path.join(extractedDir, infoName)
+
+        // Read and update code
+        if (item.hasCode && fs.existsSync(codeFile)) {
+            const content = fs.readFileSync(codeFile, 'utf8')
+            if (item.isVue) {
+                if (node.format !== content) {
+                    node.format = content
+                    node.func = content
+                    updatedCount++
+                }
+            } else if (item.isFun) {
+                if (node.func !== content) {
+                    node.func = content
+                    updatedCount++
+                }
+            }
+        }
+
+        // Read and update initialize
+        if (item.hasInitialize && fs.existsSync(initializeFile)) {
+            const content = fs.readFileSync(initializeFile, 'utf8')
+            if (node.initialize !== content) {
+                node.initialize = content
+                updatedCount++
+            }
+        }
+
+        // Read and update finalize
+        if (item.hasFinalize && fs.existsSync(finalizeFile)) {
+            const content = fs.readFileSync(finalizeFile, 'utf8')
+            if (node.finalize !== content) {
+                node.finalize = content
+                updatedCount++
+            }
+        }
+
+        // Read and update info
+        if (item.hasInfo && fs.existsSync(infoFile)) {
+            const content = fs.readFileSync(infoFile, 'utf8')
+            if (node.info !== content) {
+                node.info = content
+                updatedCount++
+            }
+        }
+    })
+
+    if (updatedCount > 0) {
+        RED.log.info(`[node-red-contrib-flow-splitter] Collected ${updatedCount} functions/templates for "${flowName}"`)
+    }
+
+    return flowNodes
+}
+
+/**
+ * Clean up files that are no longer in the manifest
+ * @param {string} extractedDir - Directory containing extracted files
+ * @param {object} manifest - Manifest object
+ * @param {object} RED - Node-RED runtime
+ */
+function cleanupUnusedFiles(extractedDir, manifest, RED) {
+    if (!fs.existsSync(extractedDir)) return
+
+    const validExtensions = ['.vue', '.js', '.md']
+    const files = getAllFiles(extractedDir, validExtensions)
+
+    files.forEach(file => {
+        // Skip manifest file
+        if (file.endsWith('.manifest.json')) return
+
+        let found = false
+        Object.keys(manifest).forEach((id) => {
+            const item = manifest[id]
+            if (file.indexOf(item.fileName) > -1) {
+                found = true
+            }
+        })
+
+        if (!found) {
+            const filePath = path.join(extractedDir, file)
+            try {
+                fs.removeSync(filePath)
+                RED.log.info(`[node-red-contrib-flow-splitter] Removed unused file: ${file}`)
+            } catch (error) {
+                RED.log.warn(`[node-red-contrib-flow-splitter] Could not remove file ${file}: ${error.message}`)
+            }
+        }
+    })
+}
+
+/**
+ * Get all files with specified extensions from a directory
+ * @param {string} dir - Directory to search
+ * @param {Array<string>} exts - Array of extensions to match
+ * @param {Array<string>} fileList - Accumulated file list
+ * @param {string} relDir - Relative directory path
+ * @returns {Array<string>} - List of file paths
+ */
+function getAllFiles(dir, exts, fileList = [], relDir = '') {
+    if (!fs.existsSync(dir)) return fileList
+
+    const files = fs.readdirSync(dir)
+
+    files.forEach(file => {
+        const filePath = path.join(dir, file)
+        const relPath = path.join(relDir, file)
+        const stat = fs.statSync(filePath)
+
+        if (stat.isDirectory()) {
+            getAllFiles(filePath, exts, fileList, relPath)
+        } else if (exts.some(ext => file.endsWith(ext))) {
+            fileList.push(relPath)
+        }
+    })
+
+    return fileList
+}
+
+module.exports = {
+    extractFunctionsAndTemplates,
+    collectFunctionsAndTemplates
+}

package/index.d.ts

@@ -0,0 +1,31 @@
+import {NodeDef} from "@node-red/registry";
+
+/**
+ * This typings files is made to ease developpement of plugins by defining types that are not defined by the NodeRed libraries.
+ * When a type is defined by the nodered lib but needs to be extended, it is also done here.
+ */
+
+export namespace noderedEvent {
+    export interface FlowStartedEvent {
+        config: FlowConfig;
+        type: "flows" | "node" | "full";
+        diff?: FlowDiff;
+    }
+
+    export interface FlowDiff {
+        added: [string];
+        changed: [string];
+        removed: [string];
+        rewired: [string];
+        linked: [string];
+    }
+
+    export interface FlowConfig {
+        flows: [ExtendedNodeDef],
+        rev: string
+    }
+
+    export interface ExtendedNodeDef extends NodeDef {
+        [key: string]: any
+    }
+}

package/index.js

@@ -0,0 +1,342 @@
+const path = require('path')
+const fs = require('fs')
+const manager = require('flows-file-manager')
+const eol = require('eol')
+const yaml = require('js-yaml')
+const functionsTemplatesHandler = require('./functions-templates-handler')
+
+/**
+ * Here we define some types to allow the IDE to provide us autocompletion.
+ * Some are documented directly by the nodered team but some are not.
+ * 
+ * That's why we also made an `index.d.ts` for undocumented types we need to manipulate.
+ * Those are defined by analysing the nodered code and some logging of those objects.
+ * In this regard, the types defined by ourselves might be incomplete.
+ * 
+ * @typedef {import('./index').noderedEvent.FlowStartedEvent} FlowStartedEventType
+ * @typedef {import('./index').noderedEvent.ExtendedNodeDef} ExtendedNodeDef
+ * @typedef {import("node-red").NodeRedApp} REDType
+ */
+
+/**
+ * Exposing the RED runtime globally to avoid passing it in every functions.
+ * @type {REDType}
+ */
+let RED
+
+const splitCfgFilename = '.config.flow-splitter.json'
+const DEFAULT_CFG = {
+    fileFormat: 'yaml',
+    destinationFolder: 'src',
+    tabsOrder: [],
+    monolithFilename: "flows.json",
+    extractFunctionsTemplates: true
+}
+
+/**
+ * Write splitter configuration to disk
+ * @param {object} cfg - Splitter configuration
+ * @param {string} projectPath - Path to the project
+ */
+function writeSplitterConfig(cfg, projectPath) {
+    RED.log.info("[node-red-contrib-flow-splitter-extended] Writing new config")
+    try {
+        const splitterCfgToWrite = JSON.parse(JSON.stringify(cfg))
+        delete splitterCfgToWrite.monolithFilename
+        fs.writeFileSync(path.join(projectPath, splitCfgFilename), eol.auto(JSON.stringify(splitterCfgToWrite, null, 2)))
+    } catch (error) {
+        RED.log.warn(`[node-red-contrib-flow-splitter-extended] Could not write splitter config '${splitCfgFilename}': ${error}`)
+    }
+}
+
+/**
+ * Get the project path (handles both project mode and non-project mode)
+ * @returns {string} Project path
+ */
+function getProjectPath() {
+    const userDir = RED.settings.userDir
+    const projectsConfigFile = path.join(userDir, '.config.projects.json')
+
+    if (fs.existsSync(projectsConfigFile)) {
+        const nrProjectsCfg = JSON.parse(fs.readFileSync(projectsConfigFile))
+        return path.join(userDir, 'projects', nrProjectsCfg.activeProject)
+    }
+    return userDir
+}
+
+/**
+ * Load splitter configuration from disk
+ * @param {string} projectPath - Path to the project
+ * @returns {object} Splitter configuration
+ */
+function loadSplitterConfig(projectPath) {
+    let cfg = { ...DEFAULT_CFG }
+    cfg.monolithFilename = RED.settings.flowFile || 'flows.json'
+    
+    const configPath = path.join(projectPath, splitCfgFilename)
+    if (fs.existsSync(configPath)) {
+        const loadedCfg = JSON.parse(fs.readFileSync(configPath))
+        cfg = { ...cfg, ...loadedCfg }
+        cfg.monolithFilename = loadedCfg.monolithFilename || RED.settings.flowFile || 'flows.json'
+    }
+    return cfg
+}
+
+/**
+ * Get private RED instance to access internal APIs
+ * @returns {REDType} Private RED instance
+ */
+function getPrivateRED() {
+    for (const child of require.main.children) {
+        if (child.filename.endsWith('red.js')) {
+            return require(child.filename)
+        }
+    }
+    return require('node-red')
+}
+
+/**
+ * Extract functions and templates from split flow files
+ * @param {object} cfg - Splitter configuration
+ * @param {string} projectPath - Path to the project
+ */
+function extractFunctionsTemplatesFromSplitFiles(cfg, projectPath) {
+    if (cfg.extractFunctionsTemplates === false) {
+        return
+    }
+
+    const srcDir = path.join(projectPath, cfg.destinationFolder || 'src')
+    const tabsDir = path.join(srcDir, 'tabs')
+    const subflowsDir = path.join(srcDir, 'subflows')
+
+    RED.log.info("[node-red-contrib-flow-splitter-extended] Extracting functions and templates...")
+
+    processFlowDirectory(tabsDir, cfg.fileFormat, 'tab')
+    processFlowDirectory(subflowsDir, cfg.fileFormat, 'subflow')
+}
+
+/**
+ * Process a directory of flow files to extract functions/templates
+ * @param {string} dir - Directory to process
+ * @param {string} fileFormat - File format (yaml or json)
+ * @param {string} flowType - Type of flow (tab or subflow)
+ */
+function processFlowDirectory(dir, fileFormat, flowType) {
+    if (!fs.existsSync(dir)) {
+        return
+    }
+
+    const extension = fileFormat === 'yaml' ? '.yaml' : '.json'
+    const files = fs.readdirSync(dir).filter(f => f.endsWith(extension))
+
+    files.forEach(file => {
+        const filePath = path.join(dir, file)
+        const flowName = path.basename(file, extension)
+
+        try {
+            let flowData
+            const fileContent = fs.readFileSync(filePath, 'utf8')
+
+            if (fileFormat === 'yaml') {
+                flowData = yaml.load(fileContent)
+            } else {
+                flowData = JSON.parse(fileContent)
+            }
+
+            const flowNodes = Array.isArray(flowData) ? flowData : [flowData]
+            functionsTemplatesHandler.extractFunctionsAndTemplates(flowNodes, flowName, dir, RED)
+
+        } catch (error) {
+            RED.log.warn(`[node-red-contrib-flow-splitter-extended] Error processing ${flowType} ${flowName}: ${error.message}`)
+        }
+    })
+}
+
+/**
+ * Collect functions and templates back into split flow files before rebuilding monolith
+ * @param {object} cfg - Splitter configuration
+ * @param {string} projectPath - Path to the project
+ */
+function collectFunctionsTemplatesIntoSplitFiles(cfg, projectPath) {
+    if (cfg.extractFunctionsTemplates === false) {
+        return
+    }
+
+    const srcDir = path.join(projectPath, cfg.destinationFolder || 'src')
+    const tabsDir = path.join(srcDir, 'tabs')
+    const subflowsDir = path.join(srcDir, 'subflows')
+
+    RED.log.info("[node-red-contrib-flow-splitter-extended] Collecting functions and templates...")
+
+    collectFromFlowDirectory(tabsDir, cfg.fileFormat, 'tab')
+    collectFromFlowDirectory(subflowsDir, cfg.fileFormat, 'subflow')
+}
+
+/**
+ * Process a directory of flow files to collect functions/templates
+ * @param {string} dir - Directory to process
+ * @param {string} fileFormat - File format (yaml or json)
+ * @param {string} flowType - Type of flow (tab or subflow)
+ */
+function collectFromFlowDirectory(dir, fileFormat, flowType) {
+    if (!fs.existsSync(dir)) {
+        return
+    }
+
+    const extension = fileFormat === 'yaml' ? '.yaml' : '.json'
+    const files = fs.readdirSync(dir).filter(f => f.endsWith(extension))
+
+    files.forEach(file => {
+        const filePath = path.join(dir, file)
+        const flowName = path.basename(file, extension)
+
+        try {
+            let flowData
+            const fileContent = fs.readFileSync(filePath, 'utf8')
+
+            if (fileFormat === 'yaml') {
+                flowData = yaml.load(fileContent)
+            } else {
+                flowData = JSON.parse(fileContent)
+            }
+
+            let flowNodes = Array.isArray(flowData) ? flowData : [flowData]
+            flowNodes = functionsTemplatesHandler.collectFunctionsAndTemplates(flowNodes, flowName, dir, RED)
+
+            if (fileFormat === 'yaml') {
+                const yamlContent = yaml.dump(flowNodes, {
+                    indent: 2,
+                    lineWidth: -1,
+                    noRefs: true,
+                    sortKeys: false
+                })
+                fs.writeFileSync(filePath, eol.auto(yamlContent), 'utf8')
+            } else {
+                fs.writeFileSync(filePath, eol.auto(JSON.stringify(flowNodes, null, 2)), 'utf8')
+            }
+
+        } catch (error) {
+            RED.log.warn(`[node-red-contrib-flow-splitter-extended] Error collecting ${flowType} ${flowName}: ${error.message}`)
+        }
+    })
+}
+
+/**
+ * Manual reload endpoint handler
+ * Collects functions/templates from files and reloads flows
+ */
+async function manualReload(req, res) {
+    try {
+        RED.log.info("[node-red-contrib-flow-splitter-extended] Manual reload triggered")
+
+        const projectPath = getProjectPath()
+        const cfg = loadSplitterConfig(projectPath)
+
+        collectFunctionsTemplatesIntoSplitFiles(cfg, projectPath)
+
+        const flowSet = manager.constructFlowSetFromTreeFiles(cfg, projectPath)
+
+        if (!flowSet) {
+            RED.log.error("[node-red-contrib-flow-splitter-extended] Cannot build FlowSet from source tree files")
+            return res.status(500).json({ 
+                success: false, 
+                error: "Cannot build FlowSet from source tree files" 
+            })
+        }
+
+        manager.constructMonolithFileFromFlowSet(flowSet, cfg, projectPath, false)
+
+        const PRIVATE_RED = getPrivateRED()
+        await PRIVATE_RED.nodes.loadFlows(true)
+
+        RED.log.info("[node-red-contrib-flow-splitter-extended] Manual reload completed successfully")
+        
+        res.json({ 
+            success: true, 
+            message: "Functions and templates reloaded successfully"
+        })
+
+    } catch (error) {
+        RED.log.error(`[node-red-contrib-flow-splitter-extended] Manual reload failed: ${error.message}`)
+        res.status(500).json({ 
+            success: false, 
+            error: error.message 
+        })
+    }
+}
+
+/**
+ * Main function executed on each flow restart
+ * @param {FlowStartedEventType} flowEventData
+ * @returns {void}
+ */
+async function onFlowReload(flowEventData) {
+    RED.log.info("[node-red-contrib-flow-splitter-extended] Flow restart event")
+
+    const projectPath = getProjectPath()
+    const cfg = loadSplitterConfig(projectPath)
+
+    if (flowEventData.config.flows.length === 0) {
+        // The flow file does not exist or is empty - rebuild from split files
+        RED.log.info("[node-red-contrib-flow-splitter-extended] Rebuilding monolith file from source files")
+        
+        collectFunctionsTemplatesIntoSplitFiles(cfg, projectPath)
+        
+        const flowSet = manager.constructFlowSetFromTreeFiles(cfg, projectPath)
+
+        if (!flowSet) {
+            RED.log.error("[node-red-contrib-flow-splitter-extended] Cannot build FlowSet from source tree files")
+            return
+        }
+
+        const updatedCfg = manager.constructMonolithFileFromFlowSet(flowSet, cfg, projectPath, false)
+        writeSplitterConfig(updatedCfg, projectPath)
+
+        const PRIVATE_RED = getPrivateRED()
+
+        RED.log.info("[node-red-contrib-flow-splitter-extended] Stopping and loading nodes")
+
+        PRIVATE_RED.nodes.loadFlows(true).then(function () {
+            RED.log.info("[node-red-contrib-flow-splitter-extended] Flows are rebuilt and available")
+        })
+        return
+    }
+
+    // Flows exist - split into source files
+    const flowSet = manager.constructFlowSetFromMonolithObject(flowEventData.config.flows)
+
+    const updatedCfg = manager.constructTreeFilesFromFlowSet(flowSet, cfg, projectPath)
+    writeSplitterConfig(updatedCfg, projectPath)
+
+    extractFunctionsTemplatesFromSplitFiles(updatedCfg, projectPath)
+
+    try {
+        const delay = ms => new Promise(resolve => setTimeout(resolve, ms))
+        await delay(150) // Wait for Node-RED to create the flowFile before erasing it
+        fs.unlinkSync(path.join(projectPath, RED.settings.flowFile))
+    } catch (error) {
+        RED.log.warn(`[node-red-contrib-flow-splitter-extended] Cannot erase file '${RED.settings.flowFile}': ${error.message}`)
+    }
+}
+
+/**
+ * @param {REDType} REDRuntime 
+ */
+module.exports = function (REDRuntime) {
+    RED = REDRuntime
+
+    // Register the plugin for Node-RED
+    RED.plugins.registerPlugin("node-red-contrib-flow-splitter-extended", {
+        type: "exotec-deploy-plugins",
+        onadd: function () {
+            RED.log.info("[node-red-contrib-flow-splitter-extended] Initialized plugin successfully")
+        }
+    })
+
+    // Register HTTP endpoint for manual reload
+    RED.httpAdmin.post("/flow-splitter/reload", manualReload)
+    RED.log.info("[node-red-contrib-flow-splitter-extended] Manual reload endpoint registered at POST /flow-splitter/reload")
+
+    // Code to launch on every restart of the flows = boot or deploy event
+    RED.events.on('flows:started', onFlowReload)
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@vdwpsmt/node-red-contrib-flow-splitter-extended",
+  "version": "1.0.0",
+  "description": "Split your flows.json file in individual YAML or JSON files (per tab, subflow and config-node) with optional function and ui-template node code extraction.",
+  "main": "index.js",
+  "keywords": [
+    "node-red",
+    "flows",
+    "tabs",
+    "split",
+    "splitter",
+    "flows-split",
+    "tabs-split",
+    "flow-splitter",
+    "tabs-splitter",
+    "version-control",
+    "git",
+    "diff",
+    "svn",
+    "ide",
+    "editor",
+    "code",
+    "function",
+    "template",
+    "extract"
+  ],
+  "author": "vdwpsmt",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vdwpsmt/node-red-contrib-flow-splitter-extended.git"
+  },
+  "license": "Apache-2.0",
+  "dependencies": {
+    "eol": "^0.10.0",
+    "flows-file-manager": "^0.2.0",
+    "fs-extra": "^11.3.0",
+    "js-yaml": "^4.1.0",
+    "node-red": "^1.3.7"
+  },
+  "node-red": {
+    "version": ">=1.3.7",
+    "plugins": {
+      "node-red-contrib-flow-splitter-extended": "index.js"
+    }
+  },
+  "engines": {
+    "node": ">=18.5"
+  }
+}