@mapcomponents/react-maplibre 0.1.81 → 0.1.82

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## [v0.1.82] - 2023-06-12
+
+### Fixed
+
+- b89794a: remove mbTilesProtocolHandler from export to remove sql.js dependency as it breaks app builds
+
 ## [v0.1.81] - 2023-06-12
 
 ### Added

package/dist/index.d.ts

@@ -50,7 +50,6 @@ export { default as useFilterData } from "./components/MlTemporalController/util
 export { default as useLayerContext } from "./hooks/useLayerContext";
 export { default as useFeatureEditor } from "./hooks/useFeatureEditor";
 export { default as useAddProtocol } from "./hooks/useAddProtocol/useAddProtocol";
-export { mbTilesProtocolHandler } from "./protocol_handlers/mbtiles";
 export { MapComponentsProvider } from "./contexts/MapContext";
 export { default as MapContext } from "./contexts/MapContext";
 export { default as SimpleDataProvider } from "./contexts/SimpleDataProvider";

package/dist/index.esm.js

@@ -46,8 +46,6 @@ var PauseIcon = require('@mui/icons-material/Pause');
 var StopIcon = require('@mui/icons-material/Stop');
 var FastForwardIcon = require('@mui/icons-material/FastForward');
 var FastRewindIcon = require('@mui/icons-material/FastRewind');
-var initSqlJs = require('sql.js');
-var pako = require('pako');
 var d3 = require('d3');
 var TuneIcon = require('@mui/icons-material/Tune');
 var reactColor = require('react-color');
@@ -129,8 +127,6 @@ var PauseIcon__default = /*#__PURE__*/_interopDefaultLegacy(PauseIcon);
 var StopIcon__default = /*#__PURE__*/_interopDefaultLegacy(StopIcon);
 var FastForwardIcon__default = /*#__PURE__*/_interopDefaultLegacy(FastForwardIcon);
 var FastRewindIcon__default = /*#__PURE__*/_interopDefaultLegacy(FastRewindIcon);
-var initSqlJs__default = /*#__PURE__*/_interopDefaultLegacy(initSqlJs);
-var pako__namespace = /*#__PURE__*/_interopNamespace(pako);
 var d3__namespace = /*#__PURE__*/_interopNamespace(d3);
 var TuneIcon__default = /*#__PURE__*/_interopDefaultLegacy(TuneIcon);
 var ArrowCircleDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowCircleDownIcon);
@@ -6212,128 +6208,6 @@ useAddProtocol.defaultProps = {
     mapId: undefined,
 };
 
-var loadedMbtiles = {};
-var parseParams = function (url) {
-    var urlParts = url.split('://');
-    var mbtilesUrl = 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 = parseParams(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 SimpleDataContext = /*#__PURE__*/React__default["default"].createContext({});
 var SimpleDataContextProvider = SimpleDataContext.Provider;
 
@@ -20078,7 +19952,6 @@ exports.TopToolbar = TopToolbar;
 exports.UploadButton = UploadButton;
 exports.WmsLayerForm = WmsLayerForm;
 exports.getTheme = getTheme;
-exports.mbTilesProtocolHandler = mbTilesProtocolHandler;
 exports.useAddProtocol = useAddProtocol;
 exports.useCameraFollowPath = useCameraFollowPath;
 exports.useExportMap = useExportMap;