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

package/.editorconfig

@@ -1,15 +0,0 @@
-# http://editorconfig.org
-
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-insert_final_newline = false
-trim_trailing_whitespace = false

package/.prettierrc.json

@@ -1,13 +0,0 @@
-{
-  "arrowParens": "avoid",
-  "bracketSpacing": true,
-  "jsxBracketSameLine": false,
-  "jsxSingleQuote": false,
-  "quoteProps": "consistent",
-  "printWidth": 180,
-  "semi": true,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "trailingComma": "all",
-  "useTabs": false
-}

package/api-key-inject.js

@@ -1,46 +0,0 @@
-// This script injects the API key from server environment into the client
-// This would normally be handled by a server-side framework, but for demo purposes
-// we'll create a simple endpoint to fetch the key
-
-async function getApiKey() {
-  try {
-    // In a real application, you'd have a secure endpoint that provides the API key
-    // For this demo, we'll check if it's available in some global scope
-    if (typeof process !== 'undefined' && process.env && process.env.OPENAI_API_KEY) {
-      return process.env.OPENAI_API_KEY;
-    }
-    
-    // Check if Replit has exposed it as a global variable
-    if (window.REPLIT_ENV && window.REPLIT_ENV.OPENAI_API_KEY) {
-      return window.REPLIT_ENV.OPENAI_API_KEY;
-    }
-    
-    // For demo purposes, we'll show a prompt to enter the API key
-    return null;
-  } catch (error) {
-    console.error('Error getting API key:', error);
-    return null;
-  }
-}
-
-// Function to inject API key into components
-async function injectApiKey() {
-  const apiKey = await getApiKey();
-  
-  if (apiKey) {
-    // Find all voice-input-module components and set their API key
-    const components = document.querySelectorAll('voice-input-module');
-    components.forEach(component => {
-      component.setAttribute('api-key', apiKey);
-    });
-  } else {
-    console.warn('No API key found. Components will show initialization error until API key is provided.');
-  }
-}
-
-// Run when DOM is loaded
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', injectApiKey);
-} else {
-  injectApiKey();
-}

package/env-config.js

@@ -1,4 +0,0 @@
-// Environment configuration for client-side
-window.ENV_CONFIG = {
-  OPENAI_API_KEY: 'SECRET'
-};

package/inject-env.js

@@ -1,20 +0,0 @@
-#!/usr/bin/env node
-
-// Script to inject environment variables into the client config
-const fs = require('fs');
-const path = require('path');
-
-const envConfigPath = path.join(__dirname, 'www', 'env-config.js');
-const apiKey = process.env.OPENAI_API_KEY;
-
-if (apiKey) {
-  const configContent = `// Environment configuration for client-side
-window.ENV_CONFIG = {
-  OPENAI_API_KEY: '${apiKey}'
-};`;
-  
-  fs.writeFileSync(envConfigPath, configContent);
-  console.log('Environment variables injected successfully');
-} else {
-  console.log('No OPENAI_API_KEY found in environment');
-}

package/src/components/ocr-file-uploader/ocr-file-uploader.css

@@ -1,26 +0,0 @@
-
-.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;
-}

package/src/components/ocr-file-uploader/ocr-file-uploader.tsx

@@ -1,100 +0,0 @@
-import { Component, h, Prop } from '@stencil/core';
-
-@Component({
-    tag: 'ocr-file-uploader',
-    styleUrl: 'ocr-file-uploader.css',
-    shadow: true
-})
-export class OcrFileUploader {
-    @Prop() batch: boolean = false;
-    @Prop() callback: Function;
-
-    private fileInput!: HTMLInputElement;
-
-    private triggerUpload = () => {
-        this.fileInput.click();
-    };
-
-    private handleFileChange = async (event: Event) => {
-        const input = event.target as HTMLInputElement;
-        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 (
-        <div class="upload-container" onClick={this.triggerUpload}>
-            <input
-                type="file"
-                ref={el => (this.fileInput = el!)}
-                onChange={this.handleFileChange}
-                style={{ display: 'none' }}
-            />
-            <div class="upload-button">
-                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <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"/>
-                <path d="M17.5 21L17.5 15M17.5 15L20 17.5M17.5 15L15 17.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-                </svg>
-            </div>
-        </div>
-        );
-    }
-}

package/src/components/ocr-file-uploader/readme.md

@@ -1,31 +0,0 @@
-# ocr-file-uploader
-
-
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property   | Attribute  | Description | Type       | Default     |
-| ---------- | ---------- | ----------- | ---------- | ----------- |
-| `batch`    | `batch`    |             | `boolean`  | `false`     |
-| `callback` | `callback` |             | `Function` | `undefined` |
-
-
-## Dependencies
-
-### Used by
-
- - [voice-input-module](../voice-input-module)
-
-### Graph
-```mermaid
-graph TD;
-  voice-input-module --> ocr-file-uploader
-  style ocr-file-uploader fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*

package/src/components/voice-input-module/readme.md

@@ -1,114 +0,0 @@
-# voice-input-module
-
-
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property                | Attribute                 | Description | Type                                           | Default              |
-| ----------------------- | ------------------------- | ----------- | ---------------------------------------------- | -------------------- |
-| `apiKey`                | `api-key`                 |             | `string`                                       | `undefined`          |
-| `classificationRootUrl` | `classification-root-url` |             | `string`                                       | `'http://localhost'` |
-| `context`               | `context`                 |             | `"ecoll-veto" \| "ecoteka" \| "ng" \| "track"` | `undefined`          |
-| `debug`                 | `debug`                   |             | `boolean`                                      | `false`              |
-| `displayStatus`         | `display-status`          |             | `boolean`                                      | `false`              |
-| `formJson`              | `form-json`               |             | `string`                                       | `'{}'`               |
-| `inputTypes`            | `input-types`             |             | `("audio" \| "voice" \| "ocr")[]`              | `[]`                 |
-| `language`              | `language`                |             | `"en" \| "fr"`                                 | `'en'`               |
-| `renderForm`            | `render-form`             |             | `boolean`                                      | `false`              |
-| `serviceConfig`         | `service-config`          |             | `string`                                       | `'{}'`               |
-
-
-## Events
-
-| Event                   | Description | Type                                                    |
-| ----------------------- | ----------- | ------------------------------------------------------- |
-| `formFilled`            |             | `CustomEvent<VoiceFormRecorderResult>`                  |
-| `recordingStateChanged` |             | `CustomEvent<{ isRecording: boolean; state: string; }>` |
-
-
-## Methods
-
-### `convertJsonToXml(jsonForm: FormSchemaFieldsOnlyExtended) => Promise<string>`
-
-
-
-#### Parameters
-
-| Name       | Type                           | Description |
-| ---------- | ------------------------------ | ----------- |
-| `jsonForm` | `FormSchemaFieldsOnlyExtended` |             |
-
-#### Returns
-
-Type: `Promise<string>`
-
-
-
-### `convertJsonToXmlLegacy(jsonForm: FormSchema) => Promise<string>`
-
-
-
-#### Parameters
-
-| Name       | Type         | Description |
-| ---------- | ------------ | ----------- |
-| `jsonForm` | `FormSchema` |             |
-
-#### Returns
-
-Type: `Promise<string>`
-
-
-
-### `convertXmlToJson(xmlForm: string) => Promise<FormSchemaFieldsOnly>`
-
-
-
-#### Parameters
-
-| Name      | Type     | Description |
-| --------- | -------- | ----------- |
-| `xmlForm` | `string` |             |
-
-#### Returns
-
-Type: `Promise<FormSchemaFieldsOnly>`
-
-
-
-### `convertXmlToJsonLegacy(xmlForm: string) => Promise<FormSchema>`
-
-
-
-#### Parameters
-
-| Name      | Type     | Description |
-| --------- | -------- | ----------- |
-| `xmlForm` | `string` |             |
-
-#### Returns
-
-Type: `Promise<FormSchema>`
-
-
-
-
-## Dependencies
-
-### Depends on
-
-- [ocr-file-uploader](../ocr-file-uploader)
-
-### Graph
-```mermaid
-graph TD;
-  voice-input-module --> ocr-file-uploader
-  style voice-input-module fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*

package/src/components/voice-input-module/voice-input-module.css

@@ -1,286 +0,0 @@
-:host {
-  display: block;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
-
-.row-audio-area {
-  display: flex;
-  flex-direction: row;
-}
-
-.voice-recorder-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #e5e7eb;
-  border-radius: 0.5rem;
-  background: #ffffff;
-  max-width: 100px;
-  margin: 0 auto;
-}
-
-.voice-recorder-container-debug {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #e5e7eb;
-  border-radius: 0.5rem;
-  background: #ffffff;
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.upload-record-container {
-  display: inline-block;
-  cursor: pointer;
-  width: 50px;
-  height: 50px;
-}
-
-.upload-record-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
-  user-select: none;
-}
-
-.upload-record-button svg {
-  width: 50px;
-  height: 50px;
-  stroke: #4444ee;
-}
-
-.upload-record-button svg path {
-  fill: #4444ee;
-}
-
-.upload-record-button:hover svg {
-  transform: scale(1.05);
-  stroke: #4444ee;
-}
-
-.record-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 50px;
-  height: 50px;
-  border: none;
-  border-radius: 50%;
-  background: #ee4444;
-  color: white;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  position: relative;
-  overflow: hidden;
-}
-
-.record-button:hover:not(:disabled) {
-  background: #dd3333;
-  transform: scale(1.05);
-}
-
-.record-button:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.record-button.recording {
-  background: #dd3333;
-  animation: pulse 1.5s infinite;
-}
-
-.record-button.processing {
-  background: #3b82f6;
-}
-
-@keyframes pulse {
-  0% {
-    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
-  }
-  70% {
-    box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
-  }
-}
-
-.record-icon {
-  width: 24px;
-  height: 24px;
-  fill: currentColor;
-}
-
-.status-text {
-  font-size: 0.875rem;
-  color: #6b7280;
-  text-align: center;
-  min-height: 1.25rem;
-}
-
-.status-text.error {
-  color: #ee4444;
-}
-
-.status-text.success {
-  color: #10b981;
-}
-
-.debug-panel {
-  width: 100%;
-  margin-top: 1rem;
-  padding: 1rem;
-  background: #f9fafb;
-  border: 1px solid #e5e7eb;
-  border-radius: 0.375rem;
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  font-size: 0.75rem;
-}
-
-.debug-title {
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-  color: #374151;
-}
-
-.debug-content {
-  white-space: pre-wrap;
-  word-break: break-word;
-  color: #6b7280;
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.permissions-warning {
-  padding: 0.75rem;
-  background: #fef3c7;
-  border: 1px solid #f59e0b;
-  border-radius: 0.375rem;
-  color: #92400e;
-  font-size: 0.875rem;
-  text-align: center;
-}
-
-.form-preview {
-  width: 100%;
-  margin-top: 1rem;
-  padding: 1rem;
-  background: #f8fafc;
-  border: 1px solid #e2e8f0;
-  border-radius: 0.375rem;
-}
-
-.form-preview-title {
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-  color: #1e293b;
-}
-
-.form-field {
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.field-name {
-  font-weight: 500;
-  color: #475569;
-}
-
-.field-value {
-  color: #64748b;
-  margin-left: 0.5rem;
-}
-
-.field-value.filled {
-  color: #059669;
-  font-weight: 500;
-}
-
-.voice-filled-form {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.form-label {
-  font-weight: 500;
-  color: #374151;
-  font-size: 0.875rem;
-}
-
-.required {
-  color: #ee4444;
-  margin-left: 0.125rem;
-}
-
-.form-input {
-  padding: 0.5rem;
-  border: 1px solid #d1d5db;
-  border-radius: 0.375rem;
-  font-size: 0.875rem;
-  transition: border-color 0.2s ease;
-}
-
-.form-input:focus {
-  outline: none;
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-
-.form-checkbox {
-  width: auto;
-  padding: 0;
-  margin: 0;
-}
-
-select.form-input {
-  background-color: white;
-  cursor: pointer;
-}
-
-input[type="date"].form-input {
-  cursor: pointer;
-}
-
-.readonly-select {
-  background: #f9fafb;
-  border: 1px solid #d1d5db;
-  border-radius: 0.375rem;
-  padding: 0.5rem;
-}
-
-.select-placeholder {
-  font-size: 0.875rem;
-  color: #6b7280;
-  margin-bottom: 0.5rem;
-}
-
-.select-options-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-
-.select-option {
-  background: #e5e7eb;
-  padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
-  font-size: 0.875rem;
-  color: #374151;
-}