SQL.js 웹 워커

프로젝트에 SQL.js 워커를 포함하려면 먼저 SQL.js에 대한 의존성과 함께 워커 패키지에 대한 의존성을 추가하세요.

Kotlin

kotlin {
  sourceSets.jsMain.dependencies {
    implementation(npm("@cashapp/sqldelight-sqljs-worker", "2.1.0"))
    implementation(npm("sql.js", "1.8.0"))
  }
}

Groovy

kotlin { 
  sourceSets.jsMain.dependencies {
    implementation npm("@cashapp/sqldelight-sqljs-worker", "2.1.0")
    implementation npm("sql.js", "1.8.0")
  }
}

SQL.js 패키지에는 애플리케이션의 출력으로 복사되어야 하는 WebAssembly 바이너리가 포함되어 있습니다. 프로젝트에 추가 Webpack 설정 파일을 추가하여 바이너리를 어셈블된 프로젝트로 복사하도록 구성하세요.

// {project}/webpack.config.d/sqljs.js
config.resolve = {
    fallback: {
        fs: false,
        path: false,
        crypto: false,
    }
};

const CopyWebpackPlugin = require('copy-webpack-plugin');
config.plugins.push(
    new CopyWebpackPlugin({
        patterns: [
            '../../node_modules/sql.js/dist/sql-wasm.wasm'
        ]
    })
);

테스트용 Karma 구성

테스트를 위해, WebAssembly 바이너리가 런타임에 위치를 찾을 수 있도록 몇 가지 추가 Karma 설정이 필요합니다. 다음 내용을 프로젝트의 karma.config.d 디렉터리에 복사하세요.

const path = require("path");
const os = require("os");
const dist = path.resolve("../../node_modules/sql.js/dist/")
const wasm = path.join(dist, "sql-wasm.wasm")

config.files.push({
    pattern: wasm,
    served: true,
    watched: false,
    included: false,
    nocache: false,
});

config.proxies["/sql-wasm.wasm"] = path.join("/absolute/", wasm)

// Adapted from: https://github.com/ryanclark/karma-webpack/issues/498#issuecomment-790040818
const output = {
  path: path.join(os.tmpdir(), '_karma_webpack_') + Math.floor(Math.random() * 1000000),
}
config.set({
  webpack: {...config.webpack, output}
});
config.files.push({
  pattern: `${output.path}/**/*`,
  watched: false,
  included: false,
});

워커 사용하기

워커 스크립트는 sqljs.worker.js라고 불리며 다음과 같이 코드에서 참조할 수 있습니다.

val driver = WebWorkerDriver(
  Worker(
    js("""new URL("@cashapp/sqldelight-sqljs-worker/sqljs.worker.js", import.meta.url)""")
  )
)

자세한 내용은 "웹 워커 사용하기"를 참조하세요.