@mapcomponents/react-maplibre 0.1.90 → 0.1.91

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 # Change Log
 
-## [v0.1.89] - 2024-01-02
+## [v0.1.91] - 2024-01-16
+
+### Fixed
+
+- 4775728: remove mbtiles protocol handler from build to fix sql.js error
+
+## [v0.1.90] - 2024-01-16 (broken)
+
+### Fixed
+
+- f40622f: fix build error suggesting marking sql.js as external
+
+## [v0.1.89] - 2024-01-02 (broken)
 
 ### Fixed
 

package/dist/index.esm.js

@@ -68,8 +68,6 @@ var csv2geojson = require('csv2geojson');
 var topojsonClient = require('topojson-client');
 var osm2geojson = require('osm2geojson-lite');
 var externParser = require('@tmcw/togeojson');
-var initSqlJs = require('sql.js');
-var pako = require('pako');
 var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowDown');
 var KeyboardArrowUpIcon = require('@mui/icons-material/KeyboardArrowUp');
 var AppBar = require('@mui/material/AppBar');
@@ -161,8 +159,6 @@ var IndeterminateCheckBoxIcon__default = /*#__PURE__*/_interopDefaultLegacy(Inde
 var csv2geojson__namespace = /*#__PURE__*/_interopNamespace(csv2geojson);
 var osm2geojson__default = /*#__PURE__*/_interopDefaultLegacy(osm2geojson);
 var externParser__namespace = /*#__PURE__*/_interopNamespace(externParser);
-var initSqlJs__default = /*#__PURE__*/_interopDefaultLegacy(initSqlJs);
-var pako__namespace = /*#__PURE__*/_interopNamespace(pako);
 var KeyboardArrowDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(KeyboardArrowDownIcon);
 var KeyboardArrowUpIcon__default = /*#__PURE__*/_interopDefaultLegacy(KeyboardArrowUpIcon);
 var AppBar__default = /*#__PURE__*/_interopDefaultLegacy(AppBar);
@@ -7777,128 +7773,6 @@ var XMLProtocolHandler = function (params, callback) {
     return { cancel: function () { } };
 };
 
-var loadedMbtiles = {};
-var parseTileParams = function (url) {
-    var urlParts = url.split('://');
-    var mbtilesUrl = urlParts.length > 2 ? urlParts[1] + '://' + urlParts[2] : urlParts[1];
-    var mbtilesParts = mbtilesUrl.split('/');
-    var mbtilesPartsLength = mbtilesParts.length;
-    var y = mbtilesParts.splice(mbtilesPartsLength - 1, 1)[0];
-    var x = mbtilesParts.splice(mbtilesPartsLength - 2, 1)[0];
-    var z = mbtilesParts.splice(mbtilesPartsLength - 3, 1)[0];
-    var filename = mbtilesParts.join('/');
-    return {
-        filename: filename,
-        z: z,
-        x: x,
-        y: y,
-    };
-};
-// mbtiles files are sqlite databases. This function loads the database and returns a handler
-// to work with sqlite databases in javascript we need to use sql.js.
-// to make this work in your project make sure to copy sql-wasm.wasm to the file root of your public folder and
-// add the following config to the externals prop of your webpack config
-// {externals: { fs: 'fs' }};
-var getMbtilesDbHandler = function (_a) {
-    var filename = _a.filename;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var SQL, fetched, buf, db;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!!loadedMbtiles[filename]) return [3 /*break*/, 4];
-                    return [4 /*yield*/, initSqlJs__default["default"]()];
-                case 1:
-                    SQL = _b.sent();
-                    return [4 /*yield*/, fetch(filename)];
-                case 2:
-                    fetched = _b.sent();
-                    return [4 /*yield*/, fetched.arrayBuffer()];
-                case 3:
-                    buf = _b.sent();
-                    db = new SQL.Database(new Uint8Array(buf));
-                    loadedMbtiles[filename] = db;
-                    _b.label = 4;
-                case 4: return [2 /*return*/, loadedMbtiles[filename]];
-            }
-        });
-    });
-};
-/**
- * Example usage:
- * getBufferFromMbtiles({ filename: 'mbtiles/countries.mbtiles', z: '0', x: '0', y: '0' }).then(
- * 	(result) => {
- * 		console.log(result);
- * 	}
- * );
- */
-function getBufferFromMbtiles(params) {
-    return __awaiter(this, void 0, void 0, function () {
-        var db, query;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, getMbtilesDbHandler(params)];
-                case 1:
-                    db = _a.sent();
-                    query = 'SELECT tile_data FROM tiles WHERE zoom_level = ' +
-                        params.z +
-                        ' AND tile_column = ' +
-                        params.x +
-                        ' AND tile_row = ' +
-                        (Math.pow(2, parseInt(params.z)) - parseInt(params.y) - 1);
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            try {
-                                // some of the logic here was heavily inspired by
-                                // https://github.com/IsraelHikingMap/Site/blob/6aa2ec0cfb8891fa048b1d9e2a4fc7d4cbcc8c97/IsraelHiking.Web/src/application/services/database.service.ts
-                                var result = db.exec(query);
-                                if (result.length !== 1) {
-                                    reject(new Error('Tile not found.'));
-                                    return;
-                                }
-                                var resultData = result[0].values[0][0];
-                                var binData = void 0;
-                                var isGzipped = resultData[0] === 0x1f && resultData[1] === 0x8b;
-                                if (isGzipped) {
-                                    binData = pako__namespace.inflate(resultData);
-                                }
-                                else {
-                                    binData = resultData;
-                                }
-                                if (binData === null || binData === void 0 ? void 0 : binData.buffer) {
-                                    resolve(binData.buffer);
-                                }
-                                else {
-                                    reject(new Error('Tile not found.'));
-                                    return;
-                                }
-                            }
-                            catch (error) {
-                                reject(error);
-                            }
-                        })];
-            }
-        });
-    });
-}
-/**
- * Expects a tile url in the following format:
- *
- * 'mbtiles://mbtiles/countries.mbtiles/{z}/{x}/{y}'
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var mbTilesProtocolHandler = function (params, callback) {
-    var parsedParams = parseTileParams(params.url);
-    getBufferFromMbtiles(parsedParams).then(function (result) {
-        if (result) {
-            callback(null, result, null, null);
-        }
-        else {
-            callback(new Error('Tile not found'));
-        }
-    });
-    return { cancel: function () { } };
-};
-
 var handlers = {
     csv: CSVProtocolHandler,
     topojson: TopojsonProtocolHandler,
@@ -7906,7 +7780,7 @@ var handlers = {
     gpx: XMLProtocolHandler,
     kml: XMLProtocolHandler,
     tcx: XMLProtocolHandler,
-    mbtiles: mbTilesProtocolHandler
+    //mbtiles: mbTilesProtocolHandler
 };
 var types = ['fill', 'line', 'circle'];
 function ProtocolHandlerLayerForm(props) {
@@ -8152,19 +8026,12 @@ var AddLayerPopup = function (props) {
 };
 AddLayerPopup.defaultProps = {};
 
-function AddProtocol(props) {
-    useAddProtocol({
-        protocol: props.protocol,
-        handler: props.handler,
-    });
-    return React__default["default"].createElement(React__default["default"].Fragment, null);
-}
 var AddLayerButton = function (props) {
     var _a = React__default["default"].useState(false), popupOpen = _a[0], setPopupOpen = _a[1];
     var layerTypes = props.layerTypes || [
         'geojson',
         'wms',
-        'mbtiles',
+        //'mbtiles',
         'csv',
         'topojson',
         'osm',
@@ -8173,10 +8040,6 @@ var AddLayerButton = function (props) {
         'tcx',
     ];
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        layerTypes.includes('mbtiles') && (React__default["default"].createElement(AddProtocol, __assign({}, {
-            protocol: 'mbtiles',
-            handler: mbTilesProtocolHandler,
-        }))),
         React__default["default"].createElement(material.Button, { variant: "contained", sx: __assign({ marginTop: '10px' }, props.sx), onClick: function () { return setPopupOpen(true); } },
             React__default["default"].createElement(PlaylistAddIcon__default["default"], null)),
         React__default["default"].createElement(AddLayerPopup, { open: popupOpen, setOpen: setPopupOpen, onComplete: props === null || props === void 0 ? void 0 : props.onComplete, layerTypes: layerTypes })));