Hey guys!! I wonder if you have considered bringing support for frameworks like react-native through node. I was working on a tesseract wrapper for react-native but your lib looks much better. (Considering that now the wrapper is only implemented on android)

So, I tryed to create a test using yours but I'm getting this error

const Worker= new TesseractWorker();//For analyzing images ^

TypeError: TesseractWorker is not a constructor at Object. (/Users/hyder/Desktop/OCR-PDF/app.js:6:15) at Module._compile (internal/modules/cjs/loader.js:774:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:785:10) at Module.load (internal/modules/cjs/loader.js:641:32) at Function.Module._load (internal/modules/cjs/loader.js:556:12) at Function.Module.runMain (internal/modules/cjs/loader.js:837:10) at internal/main/run_main_module.js:17:11 [nodemon] app crashed - waiting for file changes before starting...

Please suggest a solution

Describe the bug I've spent a few hours tonight trying to get tesseract.js working with an application I've been building. The stack is Electron & React and I can't seem to get it to work, I've pulled both the Electron & React example applications and they seem to work fine, but with my application, I'm bundling React inside Electron--which I think might be causing this issue.

At first, my application wasn't loading the languages with the default setup, so I went ahead and moved to the offline tesseract. To do this, I used Webpack to copy the files from the node_modules to my build folder using copy-webpack-plugin, this works fine, so then I went ahead and created the worker like so:

const worker = createWorker({
  cacheMethod: 'none',
  langPath: `http://localhost:3000/static/vendor/lang-data/eng.traineddata`,
  workerPath: `http://localhost:3000/static/vendor/worker.min.js`,
  corePath: `http://localhost:3000/static/vendor/tesseract-core.wasm.js`,
  logger: (m) => console.log(m),
});

Note: If I remove http://localhost:3000/ - I get Uncaught DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The URL '/static/vendor/worker.min.js' is invalid.

After running the application with the steps below, I get the following error: Uncaught (in promise) TypeError: Cannot read property 'arrayBuffer' of undefined - I've spent a few hours trying to debug this, but to no avail. The langPath, workerPath, corePath all seem correct, and I can access these directly in the browser.

I'm kind of stumped at this point, any help would be appreciated.

To Reproduce Steps to reproduce the behavior:

1. Go to 'https://github.com/karlhadwen/notes' - pull the repo
2. yarn install & yarn dev
3. Click the [+] button on the bottom left (with console open)
4. See error (Cannot read property 'arrayBuffer' of undefined)

Expected behavior To read the data from the image in 'http://localhost:3000/note.png' - which is the example image.

Screenshots

App.js: https://github.com/karlhadwen/notes/blob/master/src/App.js electron.js: https://github.com/karlhadwen/notes/blob/master/public/electron.js .webpack.config.js: https://github.com/karlhadwen/notes/blob/master/.webpack.config.js

Desktop (please complete the following information):

• OS: OS X (10.15.4)
• Electron & Chrome - both do not work
• Version: ^2.1.1

Additional context Repo where this is happening: https://github.com/karlhadwen/notes/

Describe the bug

I am trying to use tesseract.js in nodejs, and can't seem to get it to work.

To Reproduce

I make code like this:

const tesseract = require('tesseract.js')

const extractImageText = async filename => {
  const worker = tesseract.createWorker()
  await worker.load()
  await worker.loadLanguage('eng')
  await worker.initialize('eng')
  const { data: { text } } = await worker.recognize(filename)
  await worker.terminate()
  return text
}

extractImageText('test.pdf').then(console.log)

I get this error:

Error in pixReadMemGif: function not present
Error in pixReadMem: gif: no pix returned
Error in pixGetSpp: pix not defined
Error in pixGetDimensions: pix not defined
Error in pixGetColormap: pix not defined
Error in pixCopy: pixs not defined
Error in pixGetDepth: pix not defined
Error in pixGetWpl: pix not defined
Error in pixGetYRes: pix not defined
Error in pixClone: pixs not defined
Please call SetImage before attempting recognition.
PROJECT/node_modules/tesseract.js/src/createWorker.js:173
        throw Error(data);
        ^

Error: RuntimeError: function signature mismatch
    at ChildProcess.<anonymous> (PROJECT/node_modules/tesseract.js/src/createWorker.js:173:15)
    at ChildProcess.emit (events.js:209:13)
    at emit (internal/child_process.js:876:12)
    at processTicksAndRejections (internal/process/task_queues.js:77:11)

Desktop (please complete the following information):

• OS: OSX Catalina 10.15.5 (19F101)
• Node: v12.9.1
• Versio:n 2.1.1

I'm trying to process an image which is saved locally in my node server. I'm getting following error:

2017-06-17T16:12:45.087797+00:00 app[web.1]: File write complete-- /app/sample.png 2017-06-17T16:12:46.065537+00:00 app[web.1]: pre-main prep time: 61 ms 2017-06-17T16:12:46.114192+00:00 app[web.1]: events.js:154 2017-06-17T16:12:46.114195+00:00 app[web.1]: throw er; // Unhandled 'error' event 2017-06-17T16:12:46.114196+00:00 app[web.1]: ^ 2017-06-17T16:12:46.114197+00:00 app[web.1]: 2017-06-17T16:12:46.114198+00:00 app[web.1]: Error: incorrect header check 2017-06-17T16:12:46.114201+00:00 app[web.1]: at Zlib._handle.onerror (zlib.js:363:17)

Here is my code:

Tesseract.recognize(completeFilePath)
   .then(function(data) {
   		console.log('Job completed');
   	})
   	.catch(function(err){
        console.log('catch\n', err);
     })
   	.finally(function(e){
        console.log('Finally');
        //cleanup temp file
     });

Using tesseractjs in vue-cli 3 I use tesseractjs to recognize numbers with downloading language packages to local. After some tests, i got the runtime error " abort(undefined). Build with -s ASSERTIONS=1 for more info ". I dont't konw what happened as I restart the project ang ran tesseract successfully.

Steps Steps to reproduce the behavior:

1. start the project
2. dev_environment: (checked means performed well)

• [ ] recognize some images on mobile(access by ip address)
• [x] recognize some images on pc(access by localhost)
• [ ] recognize some images on pc(access by ip address)

4. see error - abort(undefingoued). Build with -s ASSERTIONS=1 for more info
5. all is well

Expected behavior I want to know if this is a bug on Tesseractjs and what can I do to avoid the same situation.

Desktop (please complete the following information):

• Browser chrome
• Version 78.0.3904.97

Hi. I'm trying to conduct a very simple test using just a single HTML file and by including the tesseract.js script using the CDN source in the documentation:

<script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>

My HTML file is simple:

<html>
    <head>
        <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
        <title>Tesseract Test</title>
    </head>
    <body>
        <label for="fileInput">Choose File to OCR:</label>
        <input type="file" id="fileInput" name="fileInput"/>
        <br />
        <br />
        <div id="document-content">
        </div>
    </body>
    <script>
        document.addEventListener('DOMContentLoaded', function(){
            var fileInput = document.getElementById('fileInput');
            fileInput.addEventListener('change', handleInputChange);
        });

        function handleInputChange(event){
            var input = event.target;
            var file = input.files[0];
            console.log(file);
            Tesseract.recognize(file)
                .progress(function(message){
                    console.log(message);
                })
                .then(function(result){
                    var contentArea = document.getElementById('document-content');
                    console.log(result);
                })
                .catch(function(err){
                    console.error(err);
                });
        }
    </script>
</html>

But if I try to add an image, nothing happens in the console or anywhere else. This is also true if I clone the repository and instead load tesseract.js from the dist directory.

I see that the main (non-github) website for the project uses the CDN version 1.0.7, so I tried using that source instead. It came to life and started reporting back progress, but then threw the following error:

tesseract_example.html:27 Object {status: "loading tesseract core", progress: 0}
tesseract_example.html:27 Object {status: "loading tesseract core", progress: 1}
tesseract_example.html:27 Object {status: "initializing tesseract", progress: 0}
index.js:10 pre-main prep time: 65 ms
tesseract_example.html:27 Object {status: "initializing tesseract", progress: 1}
worker.js:11953 Uncaught DOMException: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': An object could not be cloned.(…)

(anonymous function)	@	worker.js:11953
respond	@	worker.js:12185
dispatchHandlers	@	worker.js:12205
(anonymous function)	@	worker.js:11952

Am I just doing this wrong somehow?

(Using Chrome 54 in OSX 10.11.)

Hey,

Wonder if it's possible to use tesseract.js on a mobile app using a custom traineddata file? In addition, is it possible to use it offline? locally from the mobile device without an internet connection.

Thanks.

Hey folks, I'm just trying out tesseract.js and seem to be missing something... I've installed it via npm, and am trying to run what is basically the simple example in node 7:

const Tesseract = require('tesseract.js');
const image = require('path').resolve(__dirname, 'test.jpeg')

Tesseract.recognize(image)
.then(data => console.log('then\n', data.text))
.catch(err => console.log('catch\n', err))
.finally(e => {
  console.log('finally\n');
  process.exit();
});

Running this file the first time generated this error:

// progress { status: 'loading tesseract core' }
// progress { status: 'loaded tesseract core' }
// progress { status: 'initializing tesseract', progress: 0 }
// pre-main prep time: 131 ms
// progress { status: 'initializing tesseract', progress: 1 }
// progress { status: 'downloading eng.traineddata.gz',
//   loaded: 116,
//   progress: 0.000012270517521770119 }
// events.js:160
//       throw er; // Unhandled 'error' event
//       ^

// Error: incorrect header check
//     at Zlib._handle.onerror (zlib.js:356:17)

// SECOND ERROR
// AdaptedTemplates != NULL:Error:Assert failed:in file ../classify/adaptmatch.cpp, line 190

Subsequent running of the file results in this error:

pre-main prep time: 83 ms
Failed loading language 'eng'
Tesseract couldn't load any languages!
AdaptedTemplates != NULL:Error:Assert failed:in file ../classify/adaptmatch.cpp, line 190

/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:4
function f(a){throw a;}var h=void 0,i=!0,j=null,k=!1;function aa(){return function(){}}function ba(a){return function(){return a}}var n,Module;Module||(Module=eval("(function() { try { return TesseractCore || {} } catch(e) { return {} } })()"));var ca={},da;for(da in Module)Module.hasOwnProperty(da)&&(ca[da]=Module[da]);var ea=i,fa=!ea&&i;
              ^
abort() at Error
    at Na (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:32:26)
    at Object.ka [as abort] (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:507:108)
    at _abort (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:373:173)
    at $L (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:383:55709)
    at jpa (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:388:22274)
    at lT (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:387:80568)
    at mT (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:387:80700)
    at Array.BS (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:387:69011)
    at bP (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:383:110121)
    at jT (/Users/emilyintersimone/Documents/Coding/personal/run-lines/node_modules/tesseract.js-core/index.js:387:80280)
If this abort() is unexpected, build with -s ASSERTIONS=1 which can give more information.

What am I missing?

because i couldn't get traineddate from cdn l downloaded data in my repository and tried to load it but failed...

i used langPath to load from my local storage and i don't know why

this is my javascript code

var Tesseract = require('tesseract.js')
  const path = require("path");
  var imagePath= path.join(__dirname,"jake.jpg");

  Tesseract.create({
    langPath: path.join(__dirname, "langs")
  }).recognize(imagePath, {lang: "eng"}) 
      .then((result) => console.log(result.text));

my traineddata is in 'langs' folder which is in the same repository with javascript file

and lang folder is in the same repository with javascript file above.

Describe the bug Using a basic example code I'm unable to get an extracted text from an image.

Object { status: "loading tesseract core", progress: 0 }
Object { status: "loading tesseract core", progress: 1 }
Object { workerId: "Worker-0-ac418", status: "initializing tesseract", progress: 0 }
Object { workerId: "Worker-0-ac418", status: "initialized tesseract", progress: 1 }
Object { workerId: "Worker-0-ac418", status: "loading language traineddata", progress: 0 }

after this point nothing happen.

To Reproduce

<template>
    <div>
        <button v-on:click="recognize">recognize</button>
    </div>
</template>

<script>
import { createWorker } from "tesseract.js";

const worker = createWorker({
    logger: m => console.log(m)
});

export default {
    name: "ocr-reader",

    methods: {
        "recognize": function() {
            await worker.load();
            await worker.loadLanguage("eng");
            await worker.initialize("eng");
            await worker.initialize("eng");
            const {
                data: { text }
            } = await worker.recognize("http://localhost:8000/WEZK8.png");
            console.log(text);
            await worker.terminate();
        }
    }
};
</script>

simplest Vue component

Expected behavior I expect to see a text message on console

Additional context I'm doing a test on my localhost. I checked everything is correctly loaded. even traineddata file is correctly downloaded with status 200

When processing an image of 3k x 4k pixels I'm receiving the following error:

Error in pixCreateNoInit: pixdata_malloc fail for data
node:internal/event_target:1011
   process.nextTick(()=> { throw err; });

Error: RuntimeError: null function or function signature mismatch
   at Worker.<anonymous> (/usr/src/app/node_modules/tesseract.js/src/createWorker.js:173:15)
...

This occurs with Tesseract.js 3.0.2 on Node.js 16.15.1 on Debian 11 inside Docker. This only appears to happen for large images. Do you know how to resolve this?

I have a very niche use case where I want to recognize one-letter characters or symbols.

As my understanding of OCR goes, once lines are isolated, characters are isolated and then the isolated characters are passed through a character classifier.

Right now, passing the single characters through normal Tesseract mistakes a single isolated character for multiple different characters in the same image, or detect lines in a way that breaks the character classifier.

Example: : gives the correct result of "testing, testing," : gives the result "Bl" presumably from the line detection or character isolation

Would it be possible to expose the character classification portion of Tesseract and skip the other portions?

Bumps express from 4.17.1 to 4.17.3.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Hi, im currently facing an issue on mobile phone using chrome 32 bits (with 64 bits works fine):

• Device: Samung Galaxy S20 FE
• OS: Android 12
• Browser Google Chrome: 108.0.5359.79 (Official Build) (32-bit) Revision: 5194e1e1073e30a8fc93c72c2aee4bc572f5b07a-refs/branch-heads/5359_61 OS: Android 12; SM-G780F Build/SP1A.210812.016 JavaScript: V8 10.8.168.21

Library Tesseract.js installed using npm ("tesseract.js": "^4.0.0")

When using tesseract.js from react app sometimes hangs up on initialization, changing line 40 in src/worker-script/index.js with:

Core({
      TesseractProgress(percent) {
        latestJob.progress({
          workerId,
          jobId,
          status: 'recognizing text',
          progress: Math.max(0, (percent - 30) / 70),
        });
      },
    }).then((tessModule) => {
      TessModule = tessModule;
      res.progress({ workerId, status: 'initialized tesseract', progress: 1 });
      res.resolve({ loaded: true });
    }).catch((err) => {
      console.error(err);
      res.reject(err.toString());
    });

will reveal that there is a problem with memory its rejecting with message:

RuntimeError: Aborted(RangeError: WebAssembly.instantiate(): Out of memory: Cannot allocate Wasm memory for new instance). Build with -sASSERTIONS for more info.

I'm using react-electron-boilerplate and install tesseract by yarn add tesseract.js . Then I create a worker like snippet bellow, and it doesn't work, but when I move it to main process, it work

• Expected: tesseract run on renderer process
• Actually: tesseract run on main process only

main.ts

ipcMain.on('translate', async (event, args) => {
  const worker = createWorker();
  await worker.load();
  await worker.loadLanguage('eng');
  await worker.initialize('eng');
  const { data } = await worker.recognize(
    path.join(__dirname, '../../assets/icons/eng_bw.png')
  );
console.log(text)
});

App.ts

 const start = async () => {
    const worker = createWorker();
    await worker.load();

    await worker.loadLanguage('eng');
    await worker.initialize('eng');
    const { data } = await worker.recognize('../../assets/icons/eng_bw.png');
    console.log(data);
  };

start() // won't work

Bonus: I'm trying to implement realtime translate (video translate) and I need to do OCR stuff on renderer process.

Does anyone know a work around or something?

Bumps qs from 6.5.2 to 6.5.3.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.