bb_component_networkdiagram 1.0.1

package/README.md

@@ -0,0 +1,25 @@
+# NetworkDiagram
+
+NetworkDiagram
+
+An interactive network topology diagram component for visualizing network infrastructure, devices, and connections.
+
+## Metadata
+
+| | |
+|---|---|
+| **Type** | Budibase Component |
+| **Category** | network |
+| **Topics** | `budibase`, `component`, `network` |
+
+## Development
+
+```bash
+bun install
+bun link @poirazis/superlib
+bun run build
+```
+
+## Schema
+
+See `schema.json` for the component definition.

package/dist/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "bb_component_networkdiagram",
+  "version": "1.0.1",
+  "description": "NetworkDiagram",
+  "license": "MIT",
+  "author": "Michael Poirazi - https://github.com/poirazis"
+}

package/dist/plugin.min.js

@@ -0,0 +1,2 @@
+!function(){try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".plugin-error.svelte-1q1ah0h{border:1px solid var(--spectrum-global-color-red-400);background:var(--spectrum-global-color-red-100);color:var(--spectrum-global-color-red-800);box-sizing:border-box;border-radius:4px;flex-direction:column;gap:.25rem;width:100%;padding:.5rem .75rem;font-size:13px;display:flex}.plugin-error-title.svelte-1q1ah0h{font-weight:600}.plugin-error-detail.svelte-1q1ah0h{color:var(--spectrum-global-color-red-700);word-break:break-word;font-size:12px}\n/*$vite$:1*/")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+var plugin=function(e,t,o){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});var r,n,a,s=Object.create,i=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,c=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;a=null!=(r=t)?s(c(r)):{};var d=(t=((e,t,o,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var n,a=l(t),s=0,c=a.length;s<c;s++)n=a[s],m.call(e,n)||n===o||i(e,n,{get:(e=>t[e]).bind(null,n),enumerable:!(r=p(t,n))||r.enumerable});return e})(!n&&r&&r.__esModule?a:i(a,"default",{value:r,enumerable:!0}),r)).from_html("<div> </div>");function u(e,r){t.push(r,!0);const[n,a]=t.setup_stores(),{styleable:s}=(0,o.getContext)("sdk"),i=(0,o.getContext)("component");var p=d(),l=t.child(p);t.reset(p),t.action(p,(e,t)=>s?.(e,t),()=>t.store_get(i,"$component",n).styles),t.template_effect(()=>t.set_text(l,`This is a custom component. The text setting is: ${r.text??""}.`)),t.append(e,p),t.pop(),a()}var f=t.from_html('<span class="plugin-error-detail svelte-1q1ah0h"> </span>'),g=t.from_html('<div class="plugin-error svelte-1q1ah0h" role="alert"><span class="plugin-error-title svelte-1q1ah0h">NetworkDiagram failed to render</span> <!></div>');function v(e,o){t.push(o,!0);let r=t.rest_props(o,["$$slots","$$events","$$legacy"]);var n=t.comment(),a=t.first_child(n);{const e=(e,o=t.noop)=>{var r=g(),n=t.sibling(t.child(r),2),a=e=>{var r=f(),n=t.child(r,!0);t.reset(r),t.template_effect(()=>t.set_text(n,o().message)),t.append(e,r)};t.if(n,e=>{o()instanceof Error&&o().message&&e(a)}),t.reset(r),t.append(e,r)};t.boundary(a,{onerror:e=>{console.error("[NetworkDiagram]",e)},failed:e},e=>{u(e,t.spread_props(()=>r,{children:(e,r)=>{var n=t.comment(),a=t.first_child(n);t.snippet(a,()=>o.children??t.noop),t.append(e,n)},$$slots:{default:!0}}))})}t.append(e,n),t.pop()}var h={type:"component",metadata:{svelteMajor:5},schema:{name:"bb_component_networkdiagram",friendlyName:"Super Network Diagram",description:"A Network Diagram component for Budibase",icon:"Text",settings:[{type:"text",key:"text",label:"Text"}]}},_="1.0.1";if(window){const e={Component:v,schema:h,version:_};window["##BUDIBASE_CUSTOM_COMPONENTS##"]||(window["##BUDIBASE_CUSTOM_COMPONENTS##"]=[]),window["##BUDIBASE_CUSTOM_COMPONENTS##"].push(e),window.registerCustomComponent&&window.registerCustomComponent(e)}var b=v,w=_;return e.Component=b,e.schema=h,e.version=w,e}({},svelteInternal,svelte);

package/dist/schema.json

@@ -0,0 +1,21 @@
+{
+  "type": "component",
+  "metadata": {
+    "svelteMajor": 5
+  },
+  "schema": {
+    "name": "bb_component_networkdiagram",
+    "friendlyName": "Super Network Diagram",
+    "description": "A Network Diagram component for Budibase",
+    "icon": "Text",
+    "settings": [
+      {
+        "type": "text",
+        "key": "text",
+        "label": "Text"
+      }
+    ]
+  },
+  "hash": "ef77dea1b86716d5b997198284266d4158a79fa3",
+  "version": "1.0.1"
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "bb_component_networkdiagram",
+  "version": "1.0.1",
+  "description": "NetworkDiagram",
+  "author": "Michael Poirazi - https://github.com/poirazis",
+  "license": "MIT",
+  "svelte": "index.js",
+  "module": "dist/plugin.min.js",
+  "schema.metadata.svelteMajor": 5,
+  "type": "module",
+  "files": [
+    "dist/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "watch": "NODE_ENV=development vite build --watch --mode development"
+  },
+  "dependencies": {},
+  "exports": {
+    ".": {
+      "import": "./dist/plugin.min.js",
+      "require": "./dist/plugin.min.js"
+    }
+  },
+  "devDependencies": {
+    "@budibase/backend-core": "^3.39.22",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "tar": "^7.5.16",
+    "terser": "^5.48.0",
+    "vite": "^8.1.0",
+    "vite-plugin-css-injected-by-js": "^5.0.1",
+    "vite-plugin-singlefile": "^2.3.3",
+    "svelte": "5.55.10"
+  },
+  "peerDependencies": {
+    "svelte": "5.55.10"
+  },
+  "overrides": {
+    "svelte": "5.55.10"
+  }
+}