MagicWorker

Simplifying the use of Web Workers — call worker functions like regular async functions

✅ Key Features:

• 🔁 Seamless two-way communication
• 🧠 Clean, developer-friendly API
• ⚡ Ideal for offloading heavy computations
• 🛠️ Supports passing arguments and receiving results like local function calls

Installation

npm install @microui-kit/magic-worker
or
yarn add @microui-kit/magic-worker

Use It

import { MagicWorker } from '@microui-kit/magic-worker';

const worker = MagicWorker.init({
  methods: {
    counter: 0,
    inc() {
      return ++this.counter;
    },
    add(a: number, b: number) {
      return a + b;
    },
    multiply: function(a: number, b: number) {
      console.log('lodash', this._);

      return a * b;
    }
  },
  imports: ['https://unpkg.com/[email protected]/lodash.js']
});

const channelSharedWorker = MagicWorker.createWorker('channel', {
  isSharedWorker: true,
  workerType: 'module',
  methods: {
    multiply: async (a: number, b: number) => {
      console.log('lodash', lodash)
      
      return a * b;
    }
  },
  imports: {
    'lodash': 'https://esm.sh/[email protected]'
  }
});

(async () => {
  console.log('1 + 1 = ', await worker.add(1, 1));
  console.log('2 * 2 = ', await worker.multiply(2, 2));
})();