@maptiler/sdk 3.2.2 → 3.2.3

package/dist/src/helpers/index.d.ts

@@ -1,3 +1,5 @@
 export * from './screenshot';
 export * from './vectorlayerhelpers';
+export type * from './vectorlayerhelpers';
+export type * from './stylehelper';
 export * from './stylehelper';

package/dist/src/index.d.ts

@@ -83,5 +83,6 @@ export * from './language';
 export type { Unit } from './types';
 export * from './converters';
 export * as helpers from './helpers';
+export type * from './helpers';
 export * from './ColorRamp';
 export * from './utils';

package/{eslint.config.mjs → eslint.config.ts}

@@ -3,6 +3,18 @@
 import tseslint from "typescript-eslint";
 import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
 
+import { TSESTree } from "@typescript-eslint/utils";
+import { RuleContext } from "@typescript-eslint/utils/dist/ts-eslint";
+
+type Node = TSESTree.ImportDeclaration;
+
+type CustomRuleOptions = {
+  locations: string[];
+  message?: string;
+  fixedLocation?: string;
+  ignoreTypeImports?: boolean;
+};
+
 export default tseslint.config(
   // https://typescript-eslint.io/getting-started/typed-linting/
   tseslint.configs.strictTypeChecked,
@@ -27,7 +39,7 @@ export default tseslint.config(
                 },
               ],
             },
-            create: function (context) {
+            create: function (context: RuleContext<"bannedImport", Node[]>) {
               const filePath = context.getFilename();
               const options = context.options[0] || {
                 "^/(.*)": {
@@ -36,8 +48,8 @@ export default tseslint.config(
               };
 
               return {
-                ImportDeclaration: (node) => {
-                  Object.entries(options).forEach(([bannedImport, config]) => {
+                ImportDeclaration: (node: Node) => {
+                  Object.entries(options).forEach(([bannedImport, config]: [string, CustomRuleOptions]) => {
                     const importLocationRegex = new RegExp(bannedImport);
 
                     if (config.ignoreTypeImports && node.importKind === "type") return;
@@ -50,6 +62,7 @@ export default tseslint.config(
                           node.specifiers.forEach((specifier) => {
                             if (specifier.type !== "ImportDefaultSpecifier") {
                               context.report({
+                                // @ts-expect-error `message` seems to work with this...
                                 message: config.message ?? `Importing from '${bannedImport}' is banned in '${fp}'`,
                                 node,
                               });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maptiler/sdk",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "The Javascript & TypeScript map SDK tailored for MapTiler Cloud",
   "author": "MapTiler",
   "module": "dist/maptiler-sdk.mjs",
@@ -38,12 +38,12 @@
     "prepare": "husky",
     "doc": "rm -rf docs/* && typedoc --out docs && cp -r images docs/",
     "ncu": "npx npm-check-updates",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
+    "lint": "tsc --noEmit && eslint src",
+    "lint:fix": "tsc --noEmit && eslint src --fix",
     "test:watch": "vitest watch -c vite.config-test.ts --dom",
     "test": "vitest run -c vite.config-test.ts --dom",
     "install:clean": "rm -rf build/ dist/ node_modules/ && npm ci",
-    "dev": "concurrently \"vite -c vite.config-dev.ts\" \"npm run dev-umd\"",
+    "dev": "vite -c vite.config-dev.ts",
     "dev-umd": "npm run build-css && tsc && NODE_ENV=development vite build -w -c vite.config-umd.ts",
     "build-css": "mkdir -p dist build && node scripts/replace-path-with-content.js src/style/style_template.css dist/tmp_maptiler-sdk.css && cat node_modules/maplibre-gl/dist/maplibre-gl.css dist/tmp_maptiler-sdk.css > dist/maptiler-sdk.css && rm dist/tmp_maptiler-sdk.css && cp dist/maptiler-sdk.css build/maptiler-sdk.css",
     "build-umd": "tsc && NODE_ENV=production vite build -c vite.config-umd.ts",
@@ -57,6 +57,7 @@
   "devDependencies": {
     "@canvas/image-data": "^1.0.0",
     "@eslint/js": "^9.21.0",
+    "@types/stats.js": "^0.17.4",
     "@types/uuid": "^10.0.0",
     "@types/xmldom": "^0.1.31",
     "@vitest/web-worker": "^3.0.9",
@@ -67,8 +68,10 @@
     "eslint-plugin-prettier": "^5.2.3",
     "happy-dom": "^17.4.4",
     "husky": "^8.0.0",
+    "jiti": "^2.4.2",
     "lint-staged": "^15.4.3",
     "prettier": "3.5.2",
+    "stats.js": "^0.17.0",
     "typedoc": "^0.27.6",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.25.0",

package/tsconfig.json

@@ -25,6 +25,7 @@
     "allowJs": true,
   },
   "include": [
+    "demos",
     "src",
     "test",
     "./vite.config-test.ts",

package/vite.config-dev.ts

@@ -1,9 +1,66 @@
-import { defineConfig } from "vitest/config";
+import { resolve } from 'path';
+import { defineConfig } from 'vite';
 import packagejson from "./package.json";
+import { readdirSync } from 'fs';
+
+function green(text: string) {
+  return `\x1b[32m${text}\x1b[0m`;
+}
+
+function yellow(text: string) {
+  return `\x1b[33m${text}\x1b[0m`;
+}
+
+function d(text: string) {
+  return `\x1b[0m${text}\x1b[0m`;
+}
+
+function purple(text: string) {
+  return `\x1b[35m${text}\x1b[0m`;
+}
+
+function centerText(text: string, lineLength: number) {
+  // strip ansi codes from the text
+  const stripped = text.replace(/\x1b\[[0-9;]*m/g, '');
+  const ansiCodes = text.match(/\x1b\[[0-9;]*m/g) || [];
+  const diff = lineLength - stripped.length;
+  const leftPadding = Math.floor(diff / 2);
+  const rightPadding = diff - leftPadding;
+  const left = ' '.repeat(leftPadding);
+  const right = ' '.repeat(rightPadding - 1);
+  return `${left}${ansiCodes}${text}${right}`;
+}
+
+const entrypoints = readdirSync(resolve(__dirname, 'demos/public')).filter((file) => {
+  return file.endsWith('.html');
+}).reduce((entries, file) => {
+  // const file = path.
+
+  const camelKey = file
+    .replace(/\.html$/, '')
+    .replace(/-([a-z])/g, (g) => g[1].toUpperCase())
+    .replace(/([0-9])/g, '')
+
+
+  const key = camelKey.charAt(0).toUpperCase() + camelKey.slice(1);
+  const entry = file
+  return {
+    ...entries,
+    [key]: entry,
+  }
+}, {})
+
+// console.log('Demos being server from:', Object.values(entrypoints).map((entry) => entry).join('\n'));
 
 export default defineConfig({
-  server: {
-    port: 3000,
+  mode: "development",
+  root: "./demos",
+  build: {
+    minify: false,
+    sourcemap: true,
+    rollupOptions: {
+      input: entrypoints,
+    },
   },
   define: {
     __MT_SDK_VERSION__: JSON.stringify(packagejson.version),
@@ -15,19 +72,28 @@ export default defineConfig({
        * Changing logged URLs to include the path to the demo directory.
        */
       configureServer: (server) => {
-        const printUrls = server.printUrls;
-
-        server.printUrls = () => {
-          if (server.resolvedUrls !== null) {
-            for (const [key, value] of Object.entries(server.resolvedUrls)) {
-              for (let i = 0; i < value.length; i++) {
-                server.resolvedUrls[key][i] += "demos/index.html";
-              }
-            }
-          }
-
-          printUrls();
-        }
+        const port = server.config.server.port
+        const urls = Object.values(entrypoints).map((entry) => {
+          return `http://localhost:${port}/${entry}`
+        })
+        const lineLength = Math.max(...urls.map((entry) => entry.length)) + 4
+        console.log('\n')
+        console.log('┏' + '━'.repeat(lineLength) + '┓')
+        console.info(`┃` + ' '.repeat(lineLength) + '┃')
+        console.info('┃' + yellow(centerText(`** MapTiler SDK JS **`, lineLength)) + ' ┃')
+        console.info('┃' + purple(centerText(`** Demos **`, lineLength)) + ' ┃')
+        console.info(`┃` + ' '.repeat(lineLength) + '┃')
+        urls.map((entry) => {
+          return `${d('┃')} - ${entry}`
+        }, []).forEach((entry, _, arr) => {
+          const numCharactersToPad = Math.max(...arr.map((entry) => entry.length)) - entry.length
+          const padding = ' '.repeat(numCharactersToPad)
+          const output = green(entry) + padding + ' ┃'
+          console.log(output)
+        })
+        console.log('┗' + '━'.repeat(lineLength) + '┛')
+
+        console.log('\n')
       }
     }
   ],