@digipair/skill-web-ocr 0.91.0-0 → 0.92.0

package/libs/skill-web-ocr/src/lib/input-ocr-image.element.d.ts

@@ -0,0 +1,12 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class HiddenElement extends LitElement {
+    selector: string;
+    language: string;
+    required: boolean;
+    private _value;
+    get value(): string | ArrayBuffer;
+    connectedCallback(): void;
+    private initialize;
+    private analyzeFile;
+    render(): TemplateResult;
+}

package/libs/skill-web-ocr/src/lib/input-ocr.element.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class InputOcrElement extends LitElement {
+    label: string;
+    language: string;
+    accept: string;
+    required: boolean;
+    private state;
+    private _content;
+    get content(): string;
+    private _value;
+    get value(): string | ArrayBuffer;
+    static styles: import("lit").CSSResult;
+    private loadFile;
+    private analyzeFile;
+    render(): TemplateResult;
+}

package/package.json

@@ -1,28 +1,12 @@
 {
   "name": "@digipair/skill-web-ocr",
-  "version": "0.91.0-0",
-  "type": "module",
-  "main": "dist/libs/skill-web-ocr/index.cjs.js",
-  "module": "dist/libs/skill-web-ocr/index.esm.js",
-  "types": "dist/libs/skill-web-ocr/index.esm.d.ts",
-  "exports": {
-    "./package.json": "./libs/skill-web-ocr/package.json",
-    ".": {
-      "development": "./dist/libs/skill-web-ocr/src/index.ts",
-      "types": "./dist/libs/skill-web-ocr/index.esm.d.ts",
-      "import": "./dist/libs/skill-web-ocr/index.esm.js",
-      "default": "./dist/libs/skill-web-ocr/index.cjs.js"
-    }
-  },
+  "version": "0.92.0",
   "keywords": [
     "digipair",
     "web",
     "util"
   ],
-  "nx": {
-    "name": "skill-web-ocr"
-  },
-  "dependencies": {
-    "@digipair/engine": "0.91.0-0"
-  }
-}
+  "dependencies": {},
+  "main": "./index.cjs.js",
+  "module": "./index.esm.js"
+}

package/.swcrc

@@ -1,28 +0,0 @@
-{
-  "jsc": {
-    "target": "es2017",
-    "parser": {
-      "syntax": "typescript",
-      "decorators": true,
-      "dynamicImport": true
-    },
-    "transform": {
-      "decoratorMetadata": true,
-      "legacyDecorator": true
-    },
-    "keepClassNames": true,
-    "externalHelpers": true,
-    "loose": true
-  },
-  "module": {
-    "type": "es6"
-  },
-  "sourceMaps": true,
-  "exclude": [
-    "jest.config.ts",
-    ".*\\.spec.tsx?$",
-    ".*\\.test.tsx?$",
-    "./src/jest-setup.ts$",
-    "./**/jest-setup.ts$"
-  ]
-}

package/README.md

@@ -1,7 +0,0 @@
-# mylib
-
-This library was generated with [Nx](https://nx.dev).
-
-## Building
-
-Run `nx build mylib` to build the library.

package/eslint.config.mjs

@@ -1,22 +0,0 @@
-import baseConfig from '../../eslint.config.mjs';
-
-export default [
-  ...baseConfig,
-  {
-    files: ['**/*.json'],
-    rules: {
-      '@nx/dependency-checks': [
-        'error',
-        {
-          ignoredFiles: [
-            '{projectRoot}/eslint.config.{js,cjs,mjs}',
-            '{projectRoot}/rollup.config.{js,ts,mjs,mts,cjs,cts}',
-          ],
-        },
-      ],
-    },
-    languageOptions: {
-      parser: await import('jsonc-eslint-parser'),
-    },
-  },
-];

package/rollup.config.cjs

@@ -1,28 +0,0 @@
-const { withNx } = require('@nx/rollup/with-nx');
-
-module.exports = withNx(
-  {
-    main: 'libs/skill-web-ocr/src/index.ts',
-    outputPath: 'dist/libs/skill-web-ocr',
-    tsConfig: 'libs/skill-web-ocr/tsconfig.lib.json',
-    compiler: 'swc',
-    format: ['esm', "cjs"],
-    assets: [
-      {
-        input: 'libs/skill-web-ocr/',
-        glob: 'package.json',
-        output: '.'
-      },
-      {
-        input: 'libs/skill-web-ocr/src/',
-        glob: '*.json',
-        output: '.'
-      }
-    ]
-  },
-  {
-    // Provide additional rollup configuration here. See: https://rollupjs.org/configuration-options
-    // e.g.
-    // output: { sourcemap: true },
-  }
-);

package/src/lib/input-ocr-image.element.ts

@@ -1,47 +0,0 @@
-import { LitElement, TemplateResult, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import tesseract from 'tesseract.js/dist/tesseract.esm.min.js';
-
-@customElement('digipair-input-ocr-selector')
-export class HiddenElement extends LitElement {
-  @property()
-  selector!: string;
-
-  @property()
-  language = 'eng';
-
-  @property()
-  required = true;
-
-  private _value: string | ArrayBuffer = '';
-  get value(): string | ArrayBuffer {
-    return this._value;
-  }
-
-  override connectedCallback(): void {
-    super.connectedCallback();
-    this.initialize();
-  }
-
-  private async initialize(): Promise<void> {
-    const img = document.querySelector(this.selector) as HTMLImageElement;
-    if (img) {
-      this._value = await this.analyzeFile(img);
-      this.dispatchEvent(new CustomEvent('change', { detail: { value: this.value } }));
-    }
-  }
-
-  private async analyzeFile(file: any): Promise<string> {
-    const worker = await tesseract.createWorker(this.language);
-    const {
-      data: { text },
-    } = await worker.recognize(file);
-    await worker.terminate();
-
-    return text;
-  }
-
-  override render(): TemplateResult {
-    return html``;
-  }
-}

package/src/lib/input-ocr.element.ts

@@ -1,112 +0,0 @@
-import { LitElement, TemplateResult, css, html } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import tesseract from 'tesseract.js/dist/tesseract.esm.min.js';
-
-@customElement('digipair-input-ocr')
-export class InputOcrElement extends LitElement {
-  @property()
-  label = 'Upload';
-
-  @property()
-  language = 'eng';
-
-  @property()
-  accept = 'image/*';
-
-  @property()
-  required = true;
-
-  @state()
-  private state = 'unloaded';
-
-  @state()
-  private _content = 'aucun fichier selectionne';
-  get content() {
-    return this._content;
-  }
-
-  private _value: string | ArrayBuffer = '';
-  get value(): string | ArrayBuffer {
-    return this._value;
-  }
-
-  static override styles = css`
-    .download {
-      padding: 10px 15px;
-      margin-bottom: 10px;
-      line-height: 1.4;
-      border: 1px solid var(--digipair-color-primary, #52dfdb);
-      color: var(--digipair-color-primary, #52dfdb);
-      align-self: flex-start;
-      margin-right: auto;
-      text-align: center;
-    }
-
-    .download ui5-icon {
-      color: var(--digipair-color-secondary, #52dfdb);
-    }
-
-    .download.unloaded ui5-icon {
-      color: var(--digipair-color-primary, #52dfdb);
-    }
-
-    .download p {
-      text-align: center;
-      font-size: 12px;
-      margin: 0;
-    }
-
-    .download.unloaded {
-      cursor: pointer;
-    }
-
-    .download.loaded ui5-icon {
-      float: left;
-    }
-  `;
-
-  private loadFile() {
-    const input = document.createElement('input');
-    input.type = 'file';
-    input.multiple = false;
-    input.accept = this.accept;
-    input.onchange = async (event: any) => {
-      const files = event.target.files;
-      const file = files[0];
-
-      this.state = 'loading';
-      this._value = await this.analyzeFile(file);
-      this._content = `> ${file.name}`;
-      this.state = 'loaded';
-      this.dispatchEvent(new CustomEvent('change', { detail: { value: this.value } }));
-    };
-    input.click();
-  }
-
-  private async analyzeFile(file: any): Promise<string> {
-    const worker = await tesseract.createWorker(this.language);
-    const {
-      data: { text },
-    } = await worker.recognize(file);
-    await worker.terminate();
-
-    return text;
-  }
-
-  override render(): TemplateResult {
-    return html`
-      <section
-        class="download ${this.state}"
-        @click=${() => (['unloaded', 'loaded'].indexOf(this.state) >= 0 ? this.loadFile() : void 0)}
-      >
-        ${this.state === 'loaded'
-          ? html` <ui5-icon name="attachment"></ui5-icon>
-              <p>${this.label}<br />${this._content}</p>`
-          : this.state === 'loading'
-          ? html`<ui5-busy-indicator size="Small" active></ui5-busy-indicator>`
-          : html` <ui5-icon name="add-document"></ui5-icon>
-              <p>${this.label}</p>`}
-      </section>
-    `;
-  }
-}

package/src/lib/skill-web-ocr.spec.ts

@@ -1,7 +0,0 @@
-import { skillWebOcr } from './skill-web-ocr';
-
-describe('skillWebOcr', () => {
-  it('should work', () => {
-    expect(skillWebOcr()).toEqual('skill-web-ocr');
-  });
-});

package/src/lib/tesseract.js.d.ts

@@ -1 +0,0 @@
-declare module 'tesseract.js/dist/tesseract.esm.min.js';

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "../engine"
-    },
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,19 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "dist",
-    "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo",
-    "emitDeclarationOnly": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "forceConsistentCasingInFileNames": true,
-    "types": ["node"]
-  },
-  "include": ["src/**/*.ts"],
-  "references": [
-    {
-      "path": "../engine/tsconfig.lib.json"
-    }
-  ]
-}