From da170efba1a47deab88294c5e545606c1dea9847 Mon Sep 17 00:00:00 2001
From: Kurt Maine <develohost@gmail.com>
Date: Fri, 15 Apr 2022 19:53:15 -0500
Subject: [PATCH] Simplify Copy to Clipboard

---
 .../Support/footer.html                       | 444 ++----------------
 .../Support/parseTableData.rb                 |   7 +-
 2 files changed, 50 insertions(+), 401 deletions(-)

diff --git a/Typescript Interface.saBundle/Support/footer.html b/Typescript Interface.saBundle/Support/footer.html
index a2a832e..db6df2a 100644
--- a/Typescript Interface.saBundle/Support/footer.html	
+++ b/Typescript Interface.saBundle/Support/footer.html	
@@ -1,403 +1,49 @@
 <script type="text/javascript">
-  ! function(b, a) {
-    "object" == typeof exports && "object" == typeof module ? module.exports = a() : "function" == typeof define && define.amd ? define([], a) : "object" == typeof exports ? exports.ClipboardJS = a() : b.ClipboardJS = a()
-}(this, function() {
-    return c = {
-        134: function(p, a, b) {
-            "use strict";
-            var n, m, f, i, g;
-            b.d(a, {
-                default: function() {
-                    return g
-                }
-            }), a = b(279), n = b.n(a), a = b(370), m = b.n(a), a = b(817), f = b.n(a);
-
-            function j(a) {
-                return (j = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(a) {
-                    return typeof a
-                } : function(a) {
-                    return a && "function" == typeof Symbol && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a
-                })(a)
-            }
-
-            function h(d, c) {
-                for (var b = 0, a; b < c.length; b++) a = c[b], a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(d, a.key, a)
-            }
-            i = function() {
-                function a(b) {
-                    ! function(b) {
-                        if (!(b instanceof a)) throw new TypeError("Cannot call a class as a function")
-                    }(this), this.resolveOptions(b), this.initSelection()
-                }
-                var b, c, d;
-                return b = a, (c = [{
-                    key: "resolveOptions",
-                    value: function() {
-                        var a = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
-                        this.action = a.action, this.container = a.container, this.emitter = a.emitter, this.target = a.target, this.text = a.text, this.trigger = a.trigger, this.selectedText = ""
-                    }
-                }, {
-                    key: "initSelection",
-                    value: function() {
-                        this.text ? this.selectFake() : this.target && this.selectTarget()
-                    }
-                }, {
-                    key: "createFakeElement",
-                    value: function() {
-                        var a = "rtl" === document.documentElement.getAttribute("dir");
-                        return this.fakeElem = document.createElement("textarea"), this.fakeElem.style.fontSize = "12pt", this.fakeElem.style.border = "0", this.fakeElem.style.padding = "0", this.fakeElem.style.margin = "0", this.fakeElem.style.position = "absolute", this.fakeElem.style[a ? "right" : "left"] = "-9999px", a = window.pageYOffset || document.documentElement.scrollTop, this.fakeElem.style.top = "".concat(a, "px"), this.fakeElem.setAttribute("readonly", ""), this.fakeElem.value = this.text, this.fakeElem
-                    }
-                }, {
-                    key: "selectFake",
-                    value: function() {
-                        var b = this,
-                            a = this.createFakeElement();
-                        this.fakeHandlerCallback = function() {
-                            return b.removeFake()
-                        }, this.fakeHandler = this.container.addEventListener("click", this.fakeHandlerCallback) || !0, this.container.appendChild(a), this.selectedText = f()(a), this.copyText(), this.removeFake()
-                    }
-                }, {
-                    key: "removeFake",
-                    value: function() {
-                        this.fakeHandler && (this.container.removeEventListener("click", this.fakeHandlerCallback), this.fakeHandler = null, this.fakeHandlerCallback = null), this.fakeElem && (this.container.removeChild(this.fakeElem), this.fakeElem = null)
-                    }
-                }, {
-                    key: "selectTarget",
-                    value: function() {
-                        this.selectedText = f()(this.target), this.copyText()
-                    }
-                }, {
-                    key: "copyText",
-                    value: function() {
-                        var a;
-                        try {
-                            a = document.execCommand(this.action)
-                        } catch (b) {
-                            a = !1
-                        }
-                        this.handleResult(a)
-                    }
-                }, {
-                    key: "handleResult",
-                    value: function(a) {
-                        this.emitter.emit(a ? "success" : "error", {
-                            action: this.action,
-                            text: this.selectedText,
-                            trigger: this.trigger,
-                            clearSelection: this.clearSelection.bind(this)
-                        })
-                    }
-                }, {
-                    key: "clearSelection",
-                    value: function() {
-                        this.trigger && this.trigger.focus(), document.activeElement.blur(), window.getSelection().removeAllRanges()
-                    }
-                }, {
-                    key: "destroy",
-                    value: function() {
-                        this.removeFake()
-                    }
-                }, {
-                    key: "action",
-                    set: function() {
-                        var a = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : "copy";
-                        if (this._action = a, "copy" !== this._action && "cut" !== this._action) throw new Error('Invalid "action" value, use either "copy" or "cut"')
-                    },
-                    get: function() {
-                        return this._action
-                    }
-                }, {
-                    key: "target",
-                    set: function(a) {
-                        if (void 0 !== a) {
-                            if (!a || "object" !== j(a) || 1 !== a.nodeType) throw new Error('Invalid "target" value, use a valid Element');
-                            if ("copy" === this.action && a.hasAttribute("disabled")) throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
-                            if ("cut" === this.action && (a.hasAttribute("readonly") || a.hasAttribute("disabled"))) throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');
-                            this._target = a
-                        }
-                    },
-                    get: function() {
-                        return this._target
-                    }
-                }]) && h(b.prototype, c), d && h(b, d), a
-            }();
-
-            function c(a) {
-                return (c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(a) {
-                    return typeof a
-                } : function(a) {
-                    return a && "function" == typeof Symbol && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a
-                })(a)
-            }
-
-            function k(d, c) {
-                for (var b = 0, a; b < c.length; b++) a = c[b], a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(d, a.key, a)
-            }
-
-            function l(a, b) {
-                return (l = Object.setPrototypeOf || function(a, b) {
-                    return a.__proto__ = b, a
-                })(a, b)
-            }
-
-            function o(a) {
-                var b = function() {
-                    if ("undefined" == typeof Reflect || !Reflect.construct) return !1;
-                    if (Reflect.construct.sham) return !1;
-                    if ("function" == typeof Proxy) return !0;
-                    try {
-                        return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
-                    } catch (a) {
-                        return !1
-                    }
-                }();
-                return function() {
-                    var e, f = d(a);
-                    return e = b ? (e = d(this).constructor, Reflect.construct(f, arguments, e)) : f.apply(this, arguments), f = this, !(e = e) || "object" !== c(e) && "function" != typeof e ? function(a) {
-                        if (void 0 !== a) return a;
-                        throw new ReferenceError("this hasn't been initialised - super() hasn't been called")
-                    }(f) : e
-                }
-            }
-
-            function d(a) {
-                return (d = Object.setPrototypeOf ? Object.getPrototypeOf : function(a) {
-                    return a.__proto__ || Object.getPrototypeOf(a)
-                })(a)
-            }
-
-            function e(a, b) {
-                if (a = "data-clipboard-".concat(a), b.hasAttribute(a)) return b.getAttribute(a)
-            }
-            g = function() {
-                ! function(b, a) {
-                    if ("function" != typeof a && null !== a) throw new TypeError("Super expression must either be null or a function");
-                    b.prototype = Object.create(a && a.prototype, {
-                        constructor: {
-                            value: b,
-                            writable: !0,
-                            configurable: !0
-                        }
-                    }), a && l(b, a)
-                }(a, n());
-                var b, f, d, g = o(a);
-
-                function a(c, d) {
-                    var b;
-                    return function(b) {
-                        if (!(b instanceof a)) throw new TypeError("Cannot call a class as a function")
-                    }(this), (b = g.call(this)).resolveOptions(d), b.listenClick(c), b
-                }
-                return b = a, d = [{
-                    key: "isSupported",
-                    value: function() {
-                        var a = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : ["copy", "cut"],
-                            a = "string" == typeof a ? [a] : a,
-                            b = !!document.queryCommandSupported;
-                        return a.forEach(function(a) {
-                            b = b && !!document.queryCommandSupported(a)
-                        }), b
-                    }
-                }], (f = [{
-                    key: "resolveOptions",
-                    value: function() {
-                        var a = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
-                        this.action = "function" == typeof a.action ? a.action : this.defaultAction, this.target = "function" == typeof a.target ? a.target : this.defaultTarget, this.text = "function" == typeof a.text ? a.text : this.defaultText, this.container = "object" === c(a.container) ? a.container : document.body
-                    }
-                }, {
-                    key: "listenClick",
-                    value: function(a) {
-                        var b = this;
-                        this.listener = m()(a, "click", function(a) {
-                            return b.onClick(a)
-                        })
-                    }
-                }, {
-                    key: "onClick",
-                    value: function(a) {
-                        a = a.delegateTarget || a.currentTarget, this.clipboardAction && (this.clipboardAction = null), this.clipboardAction = new i({
-                            action: this.action(a),
-                            target: this.target(a),
-                            text: this.text(a),
-                            container: this.container,
-                            trigger: a,
-                            emitter: this
-                        })
-                    }
-                }, {
-                    key: "defaultAction",
-                    value: function(a) {
-                        return e("action", a)
-                    }
-                }, {
-                    key: "defaultTarget",
-                    value: function(a) {
-                        if (a = e("target", a), a) return document.querySelector(a)
-                    }
-                }, {
-                    key: "defaultText",
-                    value: function(a) {
-                        return e("text", a)
-                    }
-                }, {
-                    key: "destroy",
-                    value: function() {
-                        this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), this.clipboardAction = null)
-                    }
-                }]) && k(b.prototype, f), d && k(b, d), a
-            }()
-        },
-        828: function(b) {
-            var a;
-            "undefined" == typeof Element || Element.prototype.matches || ((a = Element.prototype).matches = a.matchesSelector || a.mozMatchesSelector || a.msMatchesSelector || a.oMatchesSelector || a.webkitMatchesSelector), b.exports = function(a, b) {
-                for (; a && 9 !== a.nodeType;) {
-                    if ("function" == typeof a.matches && a.matches(b)) return a;
-                    a = a.parentNode
-                }
-            }
-        },
-        438: function(b, e, c) {
-            var d = c(828);
-
-            function a(a, f, b, g, c) {
-                var e = function(a, b, e, c) {
-                    return function(e) {
-                        e.delegateTarget = d(e.target, b), e.delegateTarget && c.call(a, e)
-                    }
-                }.apply(this, arguments);
-                return a.addEventListener(b, e, c), {
-                    destroy: function() {
-                        a.removeEventListener(b, e, c)
-                    }
-                }
-            }
-            b.exports = function(b, d, c, e, f) {
-                return "function" == typeof b.addEventListener ? a.apply(null, arguments) : "function" == typeof c ? a.bind(null, document).apply(null, arguments) : ("string" == typeof b && (b = document.querySelectorAll(b)), Array.prototype.map.call(b, function(b) {
-                    return a(b, d, c, e, f)
-                }))
-            }
-        },
-        879: function(b, a) {
-            a.node = function(a) {
-                return void 0 !== a && a instanceof HTMLElement && 1 === a.nodeType
-            }, a.nodeList = function(b) {
-                var c = Object.prototype.toString.call(b);
-                return void 0 !== b && ("[object NodeList]" === c || "[object HTMLCollection]" === c) && "length" in b && (0 === b.length || a.node(b[0]))
-            }, a.string = function(a) {
-                return "string" == typeof a || a instanceof String
-            }, a.fn = function(a) {
-                return "[object Function]" === Object.prototype.toString.call(a)
-            }
-        },
-        370: function(c, e, b) {
-            var a = b(879),
-                d = b(438);
-            c.exports = function(b, c, e) {
-                if (!b && !c && !e) throw new Error("Missing required arguments");
-                if (!a.string(c)) throw new TypeError("Second argument must be a String");
-                if (!a.fn(e)) throw new TypeError("Third argument must be a Function");
-                if (a.node(b)) return i = c, j = e, (k = b).addEventListener(i, j), {
-                    destroy: function() {
-                        k.removeEventListener(i, j)
-                    }
-                };
-                if (a.nodeList(b)) return f = b, g = c, h = e, Array.prototype.forEach.call(f, function(a) {
-                    a.addEventListener(g, h)
-                }), {
-                    destroy: function() {
-                        Array.prototype.forEach.call(f, function(a) {
-                            a.removeEventListener(g, h)
-                        })
-                    }
-                };
-                if (a.string(b)) return b = b, c = c, e = e, d(document.body, b, c, e);
-                throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");
-                var f, g, h, k, i, j
-            }
-        },
-        817: function(a) {
-            a.exports = function(a) {
-                var c, b = "SELECT" === a.nodeName ? (a.focus(), a.value) : "INPUT" === a.nodeName || "TEXTAREA" === a.nodeName ? ((c = a.hasAttribute("readonly")) || a.setAttribute("readonly", ""), a.select(), a.setSelectionRange(0, a.value.length), c || a.removeAttribute("readonly"), a.value) : (a.hasAttribute("contenteditable") && a.focus(), b = window.getSelection(), (c = document.createRange()).selectNodeContents(a), b.removeAllRanges(), b.addRange(c), b.toString());
-                return b
-            }
-        },
-        279: function(b) {
-            function a() {}
-            a.prototype = {
-                on: function(a, c, d) {
-                    var b = this.e || (this.e = {});
-                    return (b[a] || (b[a] = [])).push({
-                        fn: c,
-                        ctx: d
-                    }), this
-                },
-                once: function(b, c, d) {
-                    var e = this;
-
-                    function a() {
-                        e.off(b, a), c.apply(d, arguments)
-                    }
-                    return a._ = c, this.on(b, a, d)
-                },
-                emit: function(c) {
-                    for (var d = [].slice.call(arguments, 1), b = ((this.e || (this.e = {}))[c] || []).slice(), a = 0, e = b.length; a < e; a++) b[a].fn.apply(b[a].ctx, d);
-                    return this
-                },
-                off: function(c, d) {
-                    var e = this.e || (this.e = {}),
-                        a = e[c],
-                        f = [],
-                        b, g;
-                    if (a && d)
-                        for (b = 0, g = a.length; b < g; b++) a[b].fn !== d && a[b].fn._ !== d && f.push(a[b]);
-                    return f.length ? e[c] = f : delete e[c], this
-                }
-            }, b.exports = a, b.exports.TinyEmitter = a
-        }
-    }, b = {}, a.n = function(b) {
-        var c = b && b.__esModule ? function() {
-            return b.default
-        } : function() {
-            return b
-        };
-        return a.d(c, {
-            a: c
-        }), c
-    }, a.d = function(d, c) {
-        for (var b in c) a.o(c, b) && !a.o(d, b) && Object.defineProperty(d, b, {
-            enumerable: !0,
-            get: c[b]
-        })
-    }, a.o = function(a, b) {
-        return Object.prototype.hasOwnProperty.call(a, b)
-    }, a(134).default;
-
-    function a(d) {
-        if (b[d]) return b[d].exports;
-        var e = b[d] = {
-            exports: {}
-        };
-        return c[d](e, e.exports, a), e.exports
-    }
-    var c, b
-}),
-function() {
-    'use strict';
-    var g, e;
-    g = '<div class="clipboard"><button type="button" class="btn-clipboard" title="Copy to clipboard">Copy</button></div>', document.querySelectorAll('div.hightlight').forEach(function(a) {
-        a.insertAdjacentHTML('beforebegin', g)
-    }), e = new ClipboardJS('.btn-clipboard', {
-        target: function(a) {
-            return a.parentNode.nextElementSibling
-        }
-    }), e.on('success', function(a) {
-        a.trigger.setAttribute('data-bs-original-title', 'Copied!'), b.show(), a.trigger.setAttribute('data-bs-original-title', 'Copy to clipboard'), a.clearSelection()
-    }), e.on('error', function(a) {
-        var b = /mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-',
-            c = 'Press ' + b + 'C to copy';
-        a.trigger.setAttribute('data-bs-original-title', c), d.show(), a.trigger.setAttribute('data-bs-original-title', 'Copy to clipboard')
-    })
-}()
+// Copy to Clipboard code from https://stackoverflow.com/a/30810322
+function fallbackCopyTextToClipboard(text) {
+  var textArea = document.createElement("textarea");
+  textArea.value = text;
+  
+  // Avoid scrolling to bottom
+  textArea.style.top = "0";
+  textArea.style.left = "0";
+  textArea.style.position = "fixed";
+
+  document.body.appendChild(textArea);
+  textArea.focus();
+  textArea.select();
+
+  try {
+    var successful = document.execCommand('copy');
+    var msg = successful ? 'successful' : 'unsuccessful';
+    console.log('Fallback: Copying text command was ' + msg);
+  } catch (err) {
+    console.error('Fallback: Oops, unable to copy', err);
+  }
+
+  document.body.removeChild(textArea);
+}
+
+function copyTextToClipboard(text) {
+  if (!navigator.clipboard) {
+    fallbackCopyTextToClipboard(text);
+    return;
+  }
+  navigator.clipboard.writeText(text).then(function() {
+    console.log('Async: Copying to clipboard was successful!');
+  }, function(err) {
+    console.error('Async: Could not copy text: ', err);
+  });
+}
+
+var btnCopy = document.querySelector('.btn-clipboard');
+btnCopy.addEventListener('click', function(event) {
+  var btnClicked = event.target || event.srcElement;
+  var targetId = btnClicked.getAttribute('data-target-id');
+  var elCode = document.getElementById(targetId);
+  var text = elCode.innerText || elCode.textContent;
+  copyTextToClipboard(text);
+});
 </script>
 </div>
 </body>
diff --git a/Typescript Interface.saBundle/Support/parseTableData.rb b/Typescript Interface.saBundle/Support/parseTableData.rb
index 277890f..22022a2 100644
--- a/Typescript Interface.saBundle/Support/parseTableData.rb	
+++ b/Typescript Interface.saBundle/Support/parseTableData.rb	
@@ -2,8 +2,11 @@
 table_name = ARGV[0]
 
 require 'csv'
-puts "<div class='hightlight'><pre><code>"
-puts "interface #{table_name.split('_').collect(&:capitalize).join} {"
+
+interface_name = table_name.split('_').collect(&:capitalize).join
+puts "<div class='clipboard'><button type='button' class='btn-clipboard' title='Copy to clipboard' data-target-id='#{interface_name}'>Copy</button></div>"
+puts "<div class='hightlight'><pre><code id='#{interface_name}'>"
+puts "interface #{interface_name} {"
 CSV.parse(STDIN.read, headers: true)  do |row|
   fieldType = "unknown"
   # Lots of if statements, couldn't get a shorthand OR to work