bb_component_supertextbox 1.0.1

package/README.md

@@ -0,0 +1,25 @@
+# SuperTextbox
+
+Super Textbox
+
+A rich text display component for rendering formatted content with support for markdown, HTML, and variable bindings.
+
+## Metadata
+
+| | |
+|---|---|
+| **Type** | Budibase Component |
+| **Category** | basic |
+| **Topics** | `budibase`, `component`, `basic` |
+
+## 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_supertextbox",
+  "version": "1.0.1",
+  "description": "Super Textbox",
+  "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(".textbox.value.svelte-826hul{background-color:#0000;flex:1 0 100%;align-items:center;gap:.5rem;min-width:0;display:flex;overflow:hidden}.textbox.value.svelte-826hul:focus{outline:none}.textbox-icon.svelte-826hul{color:var(--spectrum-global-color-gray-600);margin-left:-.25rem}.textbox.value.monospace.svelte-826hul{font-family:var(--spectrum-global-font-family-monospace)}.textbox.value.copyable.svelte-826hul{justify-content:space-between;min-width:0}.copy-icon.svelte-826hul{font-size:15px;transition:color .15s}.copy-icon.copied.svelte-826hul{color:var(--spectrum-global-color-green-700)!important}.textbox.value.copyable.svelte-826hul .copy-icon:where(.svelte-826hul){opacity:.45;color:var(--spectrum-global-color-gray-600);flex-shrink:0;align-items:center;margin-left:.5rem;transition:opacity .15s;display:flex}.textbox.value.copyable.icon-on-hover.svelte-826hul .copy-icon:where(.svelte-826hul){opacity:0}.textbox.value.copyable.svelte-826hul:hover:not(.disabled) .copy-icon:where(.svelte-826hul),.textbox.value.copyable.svelte-826hul:focus:not(.disabled) .copy-icon:where(.svelte-826hul){opacity:.85}.textbox.value.copyable.svelte-826hul:hover:not(.disabled) .copy-icon:where(.svelte-826hul):hover{opacity:1}.textbox-text.svelte-826hul{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.textbox-text.wrap.svelte-826hul{white-space:normal;text-overflow:unset;word-break:break-word;overflow:visible}.textbox-wrapper.svelte-1l9u2si{overflow:hidden}.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(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+var plugin=function(e,t,o){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});var a,p,r,l=Object.create,n=Object.defineProperty,s=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;r=null!=(a=t)?l(c(a)):{};var u=(t=((e,t,o,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var p,r=i(t),l=0,c=r.length;l<c;l++)p=r[l],d.call(e,p)||p===o||n(e,p,{get:(e=>t[e]).bind(null,p),enumerable:!(a=s(t,p))||a.enumerable});return e})(!p&&a&&a.__esModule?r:n(r,"default",{value:a,enumerable:!0}),a)).from_html('<i aria-hidden="true"></i>'),b=t.from_html('<i aria-hidden="true"></i>'),y=t.from_html('<span role="button"><!> <span> </span> <!></span>');var v=t.from_html('<div class="textbox-wrapper svelte-1l9u2si"><!></div>');function m(e,a){t.push(a,!0);const[p,r]=t.setup_stores(),{styleable:l}=(0,o.getContext)("sdk"),n=(0,o.getContext)("component");let s=t.prop(a,"value",3,""),i=t.prop(a,"disabled",3,!1),c=t.prop(a,"copyLabel",3,"Copy to clipboard"),d=t.prop(a,"copiedLabel",3,"Copied !"),m=t.prop(a,"wrap",3,!1),g=t.prop(a,"monospace",3,!0);function f(e){a.onCopy?.(e)}var h=v(),_=t.child(h);{let e=t.derived(()=>a.onCopy?f:void 0);!function(e,o){t.push(o,!0);let a=t.prop(o,"value",3,""),p=t.prop(o,"align",3,"left"),r=t.prop(o,"disabled",3,!1),l=t.prop(o,"copyable",3,!1),n=t.prop(o,"copyIcon",3,"always"),s=t.prop(o,"copyLabel",3,"Copy to clipboard"),i=t.prop(o,"copiedLabel",3,"Copied !"),c=t.prop(o,"wrap",3,!1),d=t.prop(o,"justCopied",15,!1),v=t.prop(o,"monospace",3,!1),m=t.state(void 0),g=t.derived(()=>String(a()??"").trim()),f=t.derived(()=>o.icon?`ph ph-${o.icon}`:null),h=t.derived(()=>d()?"ph ph-check":"ph ph-copy");function _(){if(r()||!t.get(g)||d()||!l())return;const e=window.getSelection()?.toString()||"";o.oncopy?o.oncopy({value:t.get(g)}):navigator.clipboard.writeText(e||t.get(g)).then(()=>{d(!0),clearTimeout(t.get(m)),t.set(m,setTimeout(()=>{d(!1)},400),!0)}).catch(e=>{console.error("Failed to copy to clipboard:",e)})}t.user_effect(()=>()=>{clearTimeout(t.get(m))});var x=y();let C;var w=t.child(x),O=e=>{var o=u();t.template_effect(()=>t.set_class(o,1,t.get(f)+" textbox-icon","svelte-826hul")),t.append(e,o)};t.if(w,e=>{t.get(f)&&e(O)});var S=t.sibling(w,2);let T;var k=t.child(S,!0);t.reset(S);var M=t.sibling(S,2),j=e=>{var o=b();let a;t.template_effect(()=>a=t.set_class(o,1,t.clsx(t.get(h)),"svelte-826hul",a,{copied:d(),"copy-icon":copy-icon})),t.append(e,o)};t.if(M,e=>{l()&&e(j)}),t.reset(x),t.template_effect(()=>{C=t.set_class(x,1,"textbox value svelte-826hul",null,C,{copyable:l(),copied:d(),disabled:r(),"icon-on-hover":"onhover"===n()&&"right"!==p(),wrap:c(),monospace:v()}),t.set_attribute(x,"tabindex",r()?-1:0),t.set_attribute(x,"title",l()?d()?i():s():void 0),T=t.set_class(S,1,"textbox-text svelte-826hul",null,T,{wrap:c()}),t.set_style(S,`text-align: ${p()??""}`),t.set_text(k,t.get(g))}),t.event("click",x,_),t.event("keydown",x,function(e){!r()&&l()&&("Enter"!==e.key&&" "!==e.key||d()||(e.preventDefault(),_()))}),t.append(e,x),t.pop()}(_,{get value(){return s()},get disabled(){return i()},copyable:!0,get copyLabel(){return c()},get copiedLabel(){return d()},get wrap(){return m()},get monospace(){return g()},get oncopy(){return t.get(e)}})}t.reset(h),t.action(h,(e,t)=>l?.(e,t),()=>t.store_get(n,"$component",p).styles),t.append(e,h),t.pop(),r()}var g=t.from_html('<span class="plugin-error-detail svelte-1q1ah0h"> </span>'),f=t.from_html('<div class="plugin-error svelte-1q1ah0h" role="alert"><span class="plugin-error-title svelte-1q1ah0h">Textbox failed to render</span> <!></div>');function h(e,o){let a=t.rest_props(o,["$$slots","$$events","$$legacy"]);var p=t.comment(),r=t.first_child(p);{const e=(e,o=t.noop)=>{var a=f(),p=t.sibling(t.child(a),2),r=e=>{var a=g(),p=t.child(a,!0);t.reset(a),t.template_effect(()=>t.set_text(p,o().message)),t.append(e,a)};t.if(p,e=>{o()instanceof Error&&o().message&&e(r)}),t.reset(a),t.append(e,a)};t.boundary(r,{onerror:e=>{console.error("[SuperTextbox]",e)},failed:e},e=>{m(e,t.spread_props(()=>a))})}t.append(e,p)}var _={type:"component",metadata:{svelteMajor:5},schema:{name:"bb_component_supertextbox",friendlyName:"Super Textbox",description:"A styled copyable text display powered by the shared Textbox component",icon:"Text",hasChildren:!1,showEmptyState:!1,styles:["padding","size","border","background"],settings:[{type:"text",key:"value",label:"Value",defaultValue:"Copy me"},{type:"boolean",key:"disabled",label:"Disabled",defaultValue:!1},{type:"boolean",key:"wrap",label:"Wrap",defaultValue:!1},{type:"boolean",key:"monospace",label:"Monospace",defaultValue:!0},{section:!0,name:"Copy Settings",collapsed:!0,settings:[{type:"text",key:"copyLabel",label:"Copy Tooltip",defaultValue:"Copy to clipboard"},{type:"text",key:"copiedLabel",label:"Copied Message",defaultValue:"Copied !"}]},{type:"event",key:"onCopy",label:"On Copy",context:[{key:"value",label:"Value"}]}]}},x="1.0.1";if(window){const e={Component:h,schema:_,version:x};window["##BUDIBASE_CUSTOM_COMPONENTS##"]||(window["##BUDIBASE_CUSTOM_COMPONENTS##"]=[]),window["##BUDIBASE_CUSTOM_COMPONENTS##"].push(e),window.registerCustomComponent&&window.registerCustomComponent(e)}var C=h,w=x;return e.Component=C,e.schema=_,e.version=w,e}({},svelteInternal,svelte);

package/dist/schema.json

@@ -0,0 +1,78 @@
+{
+  "type": "component",
+  "metadata": {
+    "svelteMajor": 5
+  },
+  "schema": {
+    "name": "bb_component_supertextbox",
+    "friendlyName": "Super Textbox",
+    "description": "A styled copyable text display powered by the shared Textbox component",
+    "icon": "Text",
+    "hasChildren": false,
+    "showEmptyState": false,
+    "styles": [
+      "padding",
+      "size",
+      "border",
+      "background"
+    ],
+    "settings": [
+      {
+        "type": "text",
+        "key": "value",
+        "label": "Value",
+        "defaultValue": "Copy me"
+      },
+      {
+        "type": "boolean",
+        "key": "disabled",
+        "label": "Disabled",
+        "defaultValue": false
+      },
+      {
+        "type": "boolean",
+        "key": "wrap",
+        "label": "Wrap",
+        "defaultValue": false
+      },
+      {
+        "type": "boolean",
+        "key": "monospace",
+        "label": "Monospace",
+        "defaultValue": true
+      },
+      {
+        "section": true,
+        "name": "Copy Settings",
+        "collapsed": true,
+        "settings": [
+          {
+            "type": "text",
+            "key": "copyLabel",
+            "label": "Copy Tooltip",
+            "defaultValue": "Copy to clipboard"
+          },
+          {
+            "type": "text",
+            "key": "copiedLabel",
+            "label": "Copied Message",
+            "defaultValue": "Copied !"
+          }
+        ]
+      },
+      {
+        "type": "event",
+        "key": "onCopy",
+        "label": "On Copy",
+        "context": [
+          {
+            "key": "value",
+            "label": "Value"
+          }
+        ]
+      }
+    ]
+  },
+  "hash": "ee9f35647c50457eb13849422a506080f52ec15a",
+  "version": "1.0.1"
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "bb_component_supertextbox",
+  "version": "1.0.1",
+  "description": "Super Textbox",
+  "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": {
+    "@poirazis/superlib": "latest"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/plugin.min.js",
+      "require": "./dist/plugin.min.js"
+    }
+  },
+  "devDependencies": {
+    "@budibase/backend-core": "^3.38.5",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "tar": "^7.5.16",
+    "terser": "^5.48.0",
+    "vite": "^8.0.16",
+    "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"
+  }
+}