Typescript + Angular (webpack)

[HarelM]

I have an issue with pouch db that causes the UI thread to be sluggish when using put().
I was hoping to use this plugin to fix this.
I had issues make PouchDB work and I hope this isn't the root cause.

1. in tsconfig.json add "allowSyntheticDefaultImports": true
2. import PouchDB from "pouchdb";
3. let db = new PouchDB("db");
   So far the original setup which works on the UI thread.
   Now when doing the following

...
import "worker-pouch";
...
let db= new PouchDB("db", { adapter: "worker" });

I'm getting an error: Invalid Adapter: worker
When using:

var PouchDB = require('pouchdb');
PouchDB.adapter('worker', require('worker-pouch'));

I'm getting an error: PouchDB.adapter is not a function

I've also tried with PouchDB.plugin(require('worker-pouch')) but it didn't work too, something with immutable...

Help would be appreciated, I'm probably missing a simple thing...

[dschnelldavis]

I'm pretty sure "PouchDB.adapter is not a function" is a TypeScript compilation error caused by the @types/pouchdb definitions for PouchDB, which don't appear to include a definition for "adapter".

The correct long-term fix is to update @types/pouchdb and add the adapter definition.

In the meantime, as a crude short-term band-aid fix, you can temporarily bypass type checking, like so:

import PouchDB from 'pouchdb-browser';
import WorkerPouch from 'worker-pouch';
(<any>PouchDB).adapter('worker', WorkerPouch);

or, for other people who have "allowSyntheticDefaultImports" = false:

import * as PouchDB from 'pouchdb-browser';
import * as WorkerPouch from 'worker-pouch';
(<any>PouchDB).adapter('worker', WorkerPouch);

[HarelM]

I'm not sure it uses the workers but here's the code that I managed to make it run without errors:
https://stackblitz.com/edit/angular-worker-pouch
When using import * as PouchDB from 'pouchdb-browser';
I'm getting an error: PouchDB is not a constructor, probably something I'm getting wrong with all this import syntax... :-/
I don't see any reference to worker adapter when creating the database and adding {adapter: "worker"} fails...
I'll test it tonight in my application to make sure it does work with the workers.

I would recommend adding all this info above to the readme.md file to help other developers using this package easily :-)

Thanks for the quick response!

[HarelM]

Ok, I think I managed to make it work without the import * as...:
https://stackblitz.com/edit/angular-worker-pouch-working?file=src/app/app.module.ts
Although, when running it for the first time and error is written to the console although I have a error handler for the promise... not sure if this is stackblitz specific or not...

[HarelM]

I now see that issue #50 describes the error I'm seeing.
In any case, the only change I would make to the documentation is just the entire code that need to run in order to make this package work - even the following stackblitz link in the docs can show someone who just got here how to use the package.
The bare minimum would be to add the var db = new PouchDB("db", { adapter: "worker"}) to the section: Setup via Browserify/Webpack/etc.
I understood from reading it that you only need to code the two lines that are there, I might be dumb, but I'm probably not the only one :-)