sqlite-wasm-viewer 0.1.0 → 1.0.0

package/dist/index.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

package/dist/src_DbWorker_ts.index.js

@@ -0,0 +1,118 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./src/DbViewerWorker.ts":
+/*!*******************************!*\
+  !*** ./src/DbViewerWorker.ts ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DbViewerWorker: () => (/* binding */ DbViewerWorker)\n/* harmony export */ });\n/* harmony import */ var _sqlite_org_sqlite_wasm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @sqlite.org/sqlite-wasm */ \"@sqlite.org/sqlite-wasm\");\n/* harmony import */ var _sqlite_org_sqlite_wasm__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_sqlite_org_sqlite_wasm__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n// @ts-expect-error Missing types\n\nvar DbViewerWorker = /*#__PURE__*/function () {\n  function DbViewerWorker() {\n    _classCallCheck(this, DbViewerWorker);\n    _defineProperty(this, \"initialized\", false);\n    this.initialized = false;\n    this.sqliteDb = null;\n  }\n  _createClass(DbViewerWorker, [{\n    key: \"post\",\n    value: function post(message) {\n      var _this = this;\n      if (message.data.type !== 'init' && !this.initialized) {\n        throw new Error(\"DbWorker not initialized with 'init' message\");\n      }\n      if (message.data.type === 'init') {\n        if (this.initialized) {\n          throw new Error('DbWorker already initialized');\n        }\n        _sqlite_org_sqlite_wasm__WEBPACK_IMPORTED_MODULE_0___default()().then( /*#__PURE__*/function () {\n          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(sqlite3) {\n            return _regeneratorRuntime().wrap(function _callee$(_context) {\n              while (1) switch (_context.prev = _context.next) {\n                case 0:\n                  _this.sqlite = sqlite3;\n                  _this.sqliteCApi = sqlite3.capi;\n                  _this.initialized = true;\n                  _this.sendMessage({\n                    type: 'onReady'\n                  });\n                case 4:\n                case \"end\":\n                  return _context.stop();\n              }\n            }, _callee);\n          }));\n          return function (_x) {\n            return _ref.apply(this, arguments);\n          };\n        }());\n      }\n      switch (message.data.type) {\n        case 'readSchema':\n          {\n            var path = message.data.path;\n            this.sqliteDb = new this.sqlite.oo1.OpfsDb(path, 'c');\n            var sql = \"SELECT name, sql FROM sqlite_master WHERE type='table' ORDER BY name\";\n            var result = this.sqliteDb.exec({\n              sql: sql,\n              returnValue: 'resultRows'\n            });\n            this.sendMessage({\n              type: 'onSchema',\n              schema: result,\n              dbName: path\n            });\n          }\n          break;\n        case 'query':\n          {\n            var _message$data$query = message.data.query,\n              _sql = _message$data$query.sql,\n              parameters = _message$data$query.parameters;\n            var rawStatement = this.sqliteDb.prepare(_sql);\n            var isReader = this.sqliteCApi.sqlite3_column_count(rawStatement) > 1;\n            var resultRows = [];\n            try {\n              if ((parameters === null || parameters === void 0 ? void 0 : parameters.length) > 0) {\n                rawStatement.bind(parameters);\n              }\n              while (rawStatement.step()) {\n                // Kysely expects the results to be in the object mode\n                var row = rawStatement.get({});\n                resultRows.push(row);\n              }\n            } finally {\n              rawStatement.finalize();\n            }\n            if (isReader) {\n              this.sendMessage({\n                type: 'onQuery',\n                result: {\n                  resultRows: resultRows,\n                  tableName: ''\n                },\n                label: message.data.label\n              });\n            } else {\n              var changes = this.sqliteCApi.sqlite3_changes(this.sqliteDb.pointer);\n              var lastInsertRowid = this.sqliteCApi.sqlite3_last_insert_rowid(this.sqliteDb.pointer);\n              var updates = {\n                changes: changes,\n                lastInsertRowid: lastInsertRowid\n              };\n              this.sendMessage({\n                type: 'onQuery',\n                result: {\n                  resultRows: resultRows,\n                  updates: updates,\n                  tableName: ''\n                }\n              });\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }, {\n    key: \"sendMessage\",\n    value: function sendMessage(message) {\n      postMessage(message);\n    }\n  }]);\n  return DbViewerWorker;\n}();\n\n//# sourceURL=webpack://sqlite-wasm-viewer/./src/DbViewerWorker.ts?");
+
+/***/ }),
+
+/***/ "./src/DbWorker.ts":
+/*!*************************!*\
+  !*** ./src/DbWorker.ts ***!
+  \*************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _DbViewerWorker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DbViewerWorker */ \"./src/DbViewerWorker.ts\");\n\nvar dbWorker = new _DbViewerWorker__WEBPACK_IMPORTED_MODULE_0__.DbViewerWorker();\nonmessage = function onmessage(message) {\n  dbWorker.post(message);\n};\n\n//# sourceURL=webpack://sqlite-wasm-viewer/./src/DbWorker.ts?");
+
+/***/ }),
+
+/***/ "@sqlite.org/sqlite-wasm":
+/*!***************************************************!*\
+  !*** external {"root":"@sqlite.org/sqlite-wasm"} ***!
+  \***************************************************/
+/***/ ((module) => {
+
+module.exports = undefined;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval devtool is used.
+/******/ 	var __webpack_exports__ = __webpack_require__("./src/DbWorker.ts");
+/******/ 	
+/******/ })()
+;

package/{types.d.ts → index.d.ts}

@@ -2,6 +2,6 @@ type Config = {
     isSqliteDatabase: (fileName: string) => boolean;
 };
 
-export declare function setConfig(userConfig: Partial<Config>): void;
+export declare function setConfig(userConfig?: Partial<Config>): void;
 export declare function showViewer(): void;
 export declare function hideViewer(): void;

package/package.json

@@ -1,17 +1,31 @@
 {
   "name": "sqlite-wasm-viewer",
-  "version": "0.1.0",
-  "description": "A SQLite OPFS viewer that allows to inspect the database and run SQL commands",
-  "main": "src/index.ts",
+  "version": "1.0.0",
+  "description": "A SQLite OPFS database viewer that enables database inspection and SQL command execution.",
+  "main": "dist/index.js",
   "scripts": {
-    "build": "babel ./src --out-dir ./build",
-    "tsc": "tsc",
-    "start": "nodemon --exec babel-node viewer/src/index.ts",
-    "lint": "eslint ."
+    "publish": "webpack --config ./webpack.config.js && yarn npm publish"
+  },
+  "keywords": [
+    "sqlite",
+    "opfs",
+    "wasm",
+    "sql"
+  ],
+  "author": {
+    "name": "Andrey Efimov",
+    "email": "mifozski@gmail.com",
+    "url": "https://github.com/mifozski"
   },
-  "keywords": [],
-  "author": "MysticEggs",
   "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mifozski/sqlite-wasm-viewer.git"
+  },
+  "files": [
+    "dist/",
+    "index.d.ts"
+  ],
   "devDependencies": {
     "@babel/cli": "^7.22.9",
     "@babel/core": "^7.22.9",

package/src/DbViewerWorker.ts

@@ -1,115 +0,0 @@
-// @ts-expect-error Missing types
-import sqlite3InitModule from '@sqlite.org/sqlite-wasm';
-import { DbWorkerInput, DbWorkerOutput } from './types';
-
-export class DbViewerWorker {
-    private initialized = false;
-
-    sqlite: any;
-
-    sqliteCApi: any;
-
-    sqliteDb: any;
-
-    constructor() {
-        this.initialized = false;
-        this.sqliteDb = null;
-    }
-
-    post(message: MessageEvent<DbWorkerInput>) {
-        if (message.data.type !== 'init' && !this.initialized) {
-            throw new Error("DbWorker not initialized with 'init' message");
-        }
-
-        if (message.data.type === 'init') {
-            if (this.initialized) {
-                throw new Error('DbWorker already initialized');
-            }
-
-            sqlite3InitModule().then(async (sqlite3: any) => {
-                this.sqlite = sqlite3;
-                this.sqliteCApi = sqlite3.capi;
-
-                this.initialized = true;
-                this.sendMessage({ type: 'onReady' });
-            });
-        }
-
-        switch (message.data.type) {
-            case 'readSchema':
-                {
-                    const { path } = message.data;
-
-                    this.sqliteDb = new this.sqlite.oo1.OpfsDb(path, 'c');
-
-                    const sql = `SELECT name, sql FROM sqlite_master WHERE type='table' ORDER BY name`;
-
-                    const result = this.sqliteDb.exec({
-                        sql,
-                        returnValue: 'resultRows',
-                    });
-
-                    this.sendMessage({
-                        type: 'onSchema',
-                        schema: result,
-                        dbName: path,
-                    });
-                }
-                break;
-            case 'query':
-                {
-                    const { sql, parameters } = message.data.query;
-
-                    const rawStatement = this.sqliteDb.prepare(sql);
-
-                    const isReader =
-                        this.sqliteCApi.sqlite3_column_count(rawStatement) > 1;
-                    const resultRows: any[] = [];
-                    try {
-                        if (parameters?.length > 0) {
-                            rawStatement.bind(parameters);
-                        }
-
-                        while (rawStatement.step()) {
-                            // Kysely expects the results to be in the object mode
-                            const row = rawStatement.get({});
-                            resultRows.push(row);
-                        }
-                    } finally {
-                        rawStatement.finalize();
-                    }
-
-                    if (isReader) {
-                        this.sendMessage({
-                            type: 'onQuery',
-                            result: { resultRows, tableName: '' },
-                            label: message.data.label,
-                        });
-                    } else {
-                        const changes = this.sqliteCApi.sqlite3_changes(
-                            this.sqliteDb.pointer
-                        );
-                        const lastInsertRowid =
-                            this.sqliteCApi.sqlite3_last_insert_rowid(
-                                this.sqliteDb.pointer
-                            );
-
-                        const updates = { changes, lastInsertRowid };
-
-                        this.sendMessage({
-                            type: 'onQuery',
-                            result: { resultRows, updates, tableName: '' },
-                        });
-                    }
-                }
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    sendMessage(message: DbWorkerOutput) {
-        postMessage(message);
-    }
-}

package/src/DbWorker.ts

@@ -1,8 +0,0 @@
-import { DbViewerWorker } from './DbViewerWorker';
-import { DbWorkerInput } from './types';
-
-const dbWorker = new DbViewerWorker();
-
-onmessage = (message: MessageEvent<DbWorkerInput>) => {
-    dbWorker.post(message);
-};

package/src/ListVirtualizer.ts

@@ -1,125 +0,0 @@
-interface Config {
-    width: number;
-    height: number;
-    totalRows: number;
-    itemHeight: number;
-    container: HTMLElement;
-    contentRoot: HTMLElement;
-    generatorFn: (index: number) => HTMLElement | null;
-}
-
-export class ListVirtualizer {
-    private height: number;
-
-    private itemHeight: number;
-
-    private totalRows: number;
-
-    private container: HTMLElement;
-
-    private contentRoot: HTMLElement;
-
-    private lastRepaintY: number;
-
-    private screenItemsLen: number;
-
-    private scrollTop: number;
-
-    private generatorFn: (index: number) => HTMLElement | null;
-
-    constructor(config: Config) {
-        this.height = config.height;
-        this.itemHeight = config.itemHeight;
-
-        this.lastRepaintY = 0;
-
-        this.scrollTop = 0;
-
-        this.generatorFn = config.generatorFn;
-        this.totalRows = config.totalRows;
-
-        this.container = config.container;
-        this.contentRoot = config.contentRoot;
-
-        this.renderChunk(0);
-
-        this.container.addEventListener('scroll', this.handleScroll.bind(this));
-    }
-
-    handleScroll(e: MouseEvent) {
-        const { scrollTop } = e.target as HTMLElement;
-
-        this.scrollTop = scrollTop;
-        const screenItemsLen = Math.ceil(this.height / this.itemHeight);
-        const maxBuffer = this.screenItemsLen * this.itemHeight;
-        let first = Math.ceil(scrollTop / this.itemHeight - screenItemsLen);
-        first = first < 0 ? 0 : first;
-        if (
-            !this.lastRepaintY ||
-            Math.abs(scrollTop - this.lastRepaintY) > maxBuffer
-        ) {
-            this.renderChunk(first);
-            this.lastRepaintY = scrollTop;
-        }
-
-        e.preventDefault();
-    }
-
-    renderChunk(fromPos: number) {
-        this.screenItemsLen = Math.ceil(this.height / this.itemHeight);
-
-        // Cache 4 times the number of items that fit in the container viewport
-        const cachedItemsLen = this.screenItemsLen * 3;
-
-        const fragment = document.createDocumentFragment();
-
-        let itemCount = fromPos + cachedItemsLen;
-        if (itemCount > this.totalRows) {
-            itemCount = this.totalRows;
-        }
-
-        if (fromPos > 0) {
-            const offsetterRowEl = document.createElement('tr');
-            const offsetterEl = document.createElement('td');
-            offsetterEl.style.height = `${fromPos * this.itemHeight}px`;
-            offsetterRowEl.appendChild(offsetterEl);
-
-            fragment.appendChild(offsetterRowEl);
-        }
-
-        for (let i = fromPos; i < itemCount; i++) {
-            const item = this.generatorFn(i);
-
-            if (!item) {
-                break;
-            }
-
-            fragment.appendChild(item);
-        }
-
-        if (itemCount < this.totalRows) {
-            const bottomOffsetterRow = document.createElement('tr');
-            const offsetterEl = document.createElement('td');
-            offsetterEl.style.height = `${
-                (this.totalRows - itemCount) * this.itemHeight
-            }px`;
-            bottomOffsetterRow.appendChild(offsetterEl);
-
-            fragment.appendChild(bottomOffsetterRow);
-        }
-
-        this.contentRoot.innerHTML = '';
-        this.contentRoot.appendChild(fragment);
-    }
-
-    public setRowCount(rowCount: number) {
-        this.totalRows = rowCount;
-
-        let first = Math.ceil(
-            this.scrollTop / this.itemHeight - this.screenItemsLen
-        );
-        first = first < 0 ? 0 : first;
-
-        this.renderChunk(first);
-    }
-}

package/src/QueryRunner.ts

@@ -1,36 +0,0 @@
-import { Database } from './types';
-
-export interface Query {
-    sql: string;
-    parameters: any[];
-}
-
-type Listener = (query: Query) => void;
-
-export class QueryRunner {
-    private listeners: Listener[];
-
-    constructor(private db: Database) {
-        this.listeners = [];
-    }
-
-    runQuery(query: Query, label?: string) {
-        this.db.post({ type: 'query', query, label });
-
-        this.listeners.forEach((listener) => {
-            listener(query);
-        });
-    }
-
-    addListener(listener: Listener): () => void {
-        if (this.listeners.indexOf(listener) !== -1) {
-            throw new Error('Listener is already added');
-        }
-
-        this.listeners.push(listener);
-
-        return () => {
-            this.listeners.splice(this.listeners.indexOf(listener), 1);
-        };
-    }
-}

package/src/dbScanner.ts

@@ -1,33 +0,0 @@
-export async function collectDbFiles(
-    isSqliteDatabase: (fileName: string) => boolean
-): Promise<string[]> {
-    const root = await navigator.storage.getDirectory();
-
-    const dbFileHandlers = await getDbFiles(root, isSqliteDatabase);
-
-    return Promise.all(
-        dbFileHandlers.map((dbFile) => {
-            return root.resolve(dbFile).then((parts) => parts?.join('/') || '');
-        })
-    );
-}
-
-async function getDbFiles(
-    root: FileSystemDirectoryHandle,
-    isSqliteDatabase: (fileName: string) => boolean
-): Promise<FileSystemFileHandle[]> {
-    let dbs: FileSystemFileHandle[] = [];
-
-    for await (const handle of root.values()) {
-        const child = handle;
-
-        if (child.kind === 'directory') {
-            const childDbs = await getDbFiles(child, isSqliteDatabase);
-            dbs = dbs.concat(dbs, ...childDbs);
-        } else if (isSqliteDatabase(child.name)) {
-            dbs.push(child);
-        }
-    }
-
-    return dbs;
-}