ngx-web-worker

KO | EN

gitlite — search

#react #ai #llm #golang #machine-learning #deep-learning #linux #nodejs #awesome #cli #vue #pytorch #ios #openai

(★ 33)

Web worker for angular.

ngx-web-worker 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# What is this?

[Web worker](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers)
service for [Angular](https://angular.io).

## [Demo](https://start-javascript.github.io/ngx-web-worker/)

# Install

```shell
npm i ngx-web-worker
```

# API

```javascript
export interface IWebWorkerService {
  run<T>(workerFunction: (any) => T, data?: any): Promise<T>;
  runUrl(url: string, data?: any): Promise<any>;
  terminate<T>(promise: Promise<T>): Promise<T>;
}
```

- `run`

- `workerFunction`:

- Must be a self-contained function. Cannot reference outside variables.
    - You can import other libraries with
      [`importScripts`](https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/importScripts)
      though
    - These are okay:
    - ```javascript
      run(input => input * input, 10);

run(input => {
          const square = num => num * num;
          return square(input);
      }, 10);

const someFunction = (input) => input * input);
      run(someFunction, 10);

class Runner {
          private webWorkerService = new WebWorkerService();
          constructor() {
              this.webWorkerService.run(this.someFunction, 10);
          }
          someFunction() {
              return input * input;
          }
      }
      ```

- These will probably **NOT** work:
    - ```javascript
      // this is not okay because inside the context of the web worker `this` is not the same `this` as here.
      run(input => this.square(input), 10);

// this is not okay because `_` doesn't exist in the web worker context (assuming tht `_` is available here to begin with)
      run(input => {
        return _.uniqueId() * input;
      }, 10);
      ```

- `data`:
    [serializable data](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm)

- `runUrl`: Basically the same as
  - `url`: The url you would use to create a
    [`Worker`](https://developer.mozilla.org/en-US/docs/Web/API/Worker/Worker) instance
  - `data`: Same as the `run` method
- `terminate`: Calling this will
  [`terminate`](https://developer.mozilla.org/en-US/docs/Web/API/Worker/terminate) the web worker,
  if it is still running.
  - `promise`: The `Promise` instance returned by `run` or `runUrl`.

# Example

Check out [ngx-web-worker-example](https://github.com/nitinkrmr/ngx-web-worker-example) for a
sample project, or see [`app/app.component.ts`](app/app.component.ts) for usage with an Angular
application.

```
export class AppComponent implements OnInit {
    constructor(private _webWorkerService: WebWorkerService) {
    }

ngOnInit() {
        const input = 100;
        const promise = this._webWorkerService.run(this.someCPUHeavyFunction, input);
        promise.then(result => console.log(result));
    }

someCPUHeavyFunction (input) {
        return input * 10;
    }
}
```

ngx-web-worker

ngx-web-worker 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ngx-web-worker

ngx-web-worker 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README