reneco-advanced-input-module 0.0.1-beta.1

package/dist/components/ocr-file-uploader2.js

@@ -0,0 +1,98 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const ocrFileUploaderCss = ".upload-container{display:inline-block;cursor:pointer;width:50px;height:50px}.upload-button{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease, box-shadow 0.2s ease;user-select:none}.upload-button svg{width:50px;height:50px;stroke:#44ee44}.upload-button:hover svg{transform:scale(1.05);stroke:#33dd33}";
+
+const OcrFileUploader = /*@__PURE__*/ proxyCustomElement(class OcrFileUploader extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.batch = false;
+        this.triggerUpload = () => {
+            this.fileInput.click();
+        };
+        this.handleFileChange = async (event) => {
+            const input = event.target;
+            if (!input.files || input.files.length === 0)
+                return;
+            const file = input.files[0];
+            // Here you can handle the file upload to your API
+            console.log('Selected file:', file);
+            const formData = new FormData();
+            formData.append('file', file);
+            if (this.batch) {
+                try {
+                    const response = await fetch('http://127.0.0.1:5001/api/convert-to-xml', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    if (!response.ok) {
+                        console.error("There has been an error!:", response);
+                        throw new Error(`HTTP error! status: ${response.status}`);
+                    }
+                    // get the file as a blob
+                    const blob = await response.blob();
+                    // create a download link
+                    const url = window.URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.href = url;
+                    a.download = 'result-' + Date.now().toString() + '.xlsx'; // filename
+                    document.body.appendChild(a);
+                    a.click();
+                    a.remove();
+                    window.URL.revokeObjectURL(url);
+                }
+                catch (err) {
+                    console.error(err);
+                    alert('Error uploading file');
+                }
+            }
+            else {
+                try {
+                    const response = await fetch('http://127.0.0.1:5001/api/convert-to-json', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    if (!response.ok) {
+                        console.error("There has been an error!:", response);
+                        throw new Error(`HTTP error! status: ${response.status}`);
+                    }
+                    const data = await response.json();
+                    console.log('Upload successful:', data);
+                    if (this.callback && data[0] && data[0].content) {
+                        this.callback(data[0].content);
+                    }
+                }
+                catch (err) {
+                    console.error(err);
+                    alert('Error uploading file');
+                }
+            }
+        };
+    }
+    render() {
+        return (h("div", { key: '07c2e2b8467309e2f37b4f2bfc8338a6e7d1bd70', class: "upload-container", onClick: this.triggerUpload }, h("input", { key: '8695e980896c48212fe7d9ad7572151af2ef3e0f', type: "file", ref: el => (this.fileInput = el), onChange: this.handleFileChange, style: { display: 'none' } }), h("div", { key: '57124a873b9e3e799f7417a4658cc8897a5ad1f5', class: "upload-button" }, h("svg", { key: '5b0edb9ec28e727cd51849a3537ee8545cea2c6a', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '34ae339754cf34da6e835cb3de50b26668abed7d', d: "M13.5 3H12H8C6.34315 3 5 4.34315 5 6V18C5 19.6569 6.34315 21 8 21H12M13.5 3L19 8.625M13.5 3V7.625C13.5 8.17728 13.9477 8.625 14.5 8.625H19M19 8.625V11.8125", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'a11dc06e9724e1a6b7bdfd6b7594ab2b9eb38013', d: "M17.5 21L17.5 15M17.5 15L20 17.5M17.5 15L15 17.5", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+    }
+    static get style() { return ocrFileUploaderCss; }
+}, [257, "ocr-file-uploader", {
+        "batch": [4],
+        "callback": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ocr-file-uploader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ocr-file-uploader":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, OcrFileUploader);
+            }
+            break;
+    } });
+}
+
+export { OcrFileUploader as O, defineCustomElement as d };
+//# sourceMappingURL=ocr-file-uploader2.js.map
+
+//# sourceMappingURL=ocr-file-uploader2.js.map

package/dist/components/ocr-file-uploader2.js.map

@@ -0,0 +1 @@
+{"file":"ocr-file-uploader2.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/ocr-file-uploader/ocr-file-uploader.css?tag=ocr-file-uploader&encapsulation=shadow","src/components/ocr-file-uploader/ocr-file-uploader.tsx"],"sourcesContent":["\r\n.upload-container {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n\r\n.upload-button {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n  user-select: none;\r\n}\r\n\r\n.upload-button svg {\r\n  width: 50px;\r\n  height: 50px;\r\n  stroke: #44ee44;\r\n}\r\n\r\n.upload-button:hover svg{\r\n  transform: scale(1.05);\r\n  stroke: #33dd33;\r\n}","import { Component, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'ocr-file-uploader',\r\n    styleUrl: 'ocr-file-uploader.css',\r\n    shadow: true\r\n})\r\nexport class OcrFileUploader {\r\n    @Prop() batch: boolean = false;\r\n    @Prop() callback: Function;\r\n\r\n    private fileInput!: HTMLInputElement;\r\n\r\n    private triggerUpload = () => {\r\n        this.fileInput.click();\r\n    };\r\n\r\n    private handleFileChange = async (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        if (!input.files || input.files.length === 0) return;\r\n\r\n        const file = input.files[0];\r\n\r\n        // Here you can handle the file upload to your API\r\n        console.log('Selected file:', file);\r\n\r\n        const formData = new FormData();\r\n        formData.append('file', file);\r\n\r\n        if (this.batch) {\r\n            try {\r\n                const response = await fetch('http://127.0.0.1:5001/api/convert-to-xml', {\r\n                    method: 'POST',\r\n                    body: formData\r\n                });\r\n\r\n                if (!response.ok) {\r\n                    console.error(\"There has been an error!:\", response);\r\n                    throw new Error(`HTTP error! status: ${response.status}`);\r\n                }\r\n                // get the file as a blob\r\n                const blob = await response.blob();\r\n                // create a download link\r\n                const url = window.URL.createObjectURL(blob);\r\n                const a = document.createElement('a');\r\n                a.href = url;\r\n                a.download = 'result-'+Date.now().toString()+'.xlsx';  // filename\r\n                document.body.appendChild(a);\r\n                a.click();\r\n                a.remove();\r\n                window.URL.revokeObjectURL(url);\r\n            } catch (err) {\r\n                console.error(err);\r\n                alert('Error uploading file');\r\n            }\r\n        }\r\n        else {\r\n            try {\r\n                const response = await fetch('http://127.0.0.1:5001/api/convert-to-json', {\r\n                    method: 'POST',\r\n                    body: formData\r\n                });\r\n\r\n                if (!response.ok) {\r\n                    console.error(\"There has been an error!:\", response);\r\n                    throw new Error(`HTTP error! status: ${response.status}`);\r\n                }\r\n                const data = await response.json();\r\n                console.log('Upload successful:', data);\r\n                \r\n                if (this.callback && data[0] && data[0].content){\r\n                    this.callback(data[0].content);\r\n                }\r\n            } catch (err) {\r\n                console.error(err);\r\n                alert('Error uploading file');\r\n            }\r\n        }\r\n        \r\n    };\r\n\r\n    render() {\r\n        return (\r\n        <div class=\"upload-container\" onClick={this.triggerUpload}>\r\n            <input\r\n                type=\"file\"\r\n                ref={el => (this.fileInput = el!)}\r\n                onChange={this.handleFileChange}\r\n                style={{ display: 'none' }}\r\n            />\r\n            <div class=\"upload-button\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path d=\"M13.5 3H12H8C6.34315 3 5 4.34315 5 6V18C5 19.6569 6.34315 21 8 21H12M13.5 3L19 8.625M13.5 3V7.625C13.5 8.17728 13.9477 8.625 14.5 8.625H19M19 8.625V11.8125\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                <path d=\"M17.5 21L17.5 15M17.5 15L20 17.5M17.5 15L15 17.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                </svg>\r\n            </div>\r\n        </div>\r\n        );\r\n    }\r\n}\r\n"],"version":3}

package/dist/components/voice-input-module.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VoiceInputModule extends Components.VoiceInputModule, HTMLElement {}
+export const VoiceInputModule: {
+    prototype: VoiceInputModule;
+    new (): VoiceInputModule;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;