mirror of
https://github.com/CIMEngine/map.git
synced 2024-10-05 06:25:58 +03:00
refactor: full module deps
This commit is contained in:
parent
98daedc9c2
commit
d6d614195d
6 changed files with 2857 additions and 118 deletions
26
.eslintrc.cjs
Normal file
26
.eslintrc.cjs
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
module.exports = {
|
||||||
|
"env": {
|
||||||
|
"browser": true,
|
||||||
|
"es2021": true
|
||||||
|
},
|
||||||
|
"extends": "eslint:recommended",
|
||||||
|
"overrides": [
|
||||||
|
{
|
||||||
|
"env": {
|
||||||
|
"node": true
|
||||||
|
},
|
||||||
|
"files": [
|
||||||
|
".eslintrc.{js,cjs}"
|
||||||
|
],
|
||||||
|
"parserOptions": {
|
||||||
|
"sourceType": "script"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaVersion": "latest",
|
||||||
|
"sourceType": "module"
|
||||||
|
},
|
||||||
|
"rules": {
|
||||||
|
}
|
||||||
|
}
|
||||||
2819
package-lock.json
generated
2819
package-lock.json
generated
File diff suppressed because it is too large
Load diff
20
package.json
20
package.json
|
|
@ -4,7 +4,9 @@
|
||||||
"description": "Site that displays CIMEngine maps",
|
"description": "Site that displays CIMEngine maps",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "rollup --config src/rollup.config.js"
|
"build": "rollup --config src/rollup.config.js",
|
||||||
|
"serve": "serve dist -p 8080",
|
||||||
|
"dev": "npm run build && npm run serve"
|
||||||
},
|
},
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"keywords": [],
|
"keywords": [],
|
||||||
|
|
@ -13,11 +15,23 @@
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@rollup/plugin-commonjs": "^25.0.1",
|
"@rollup/plugin-commonjs": "^25.0.1",
|
||||||
"@rollup/plugin-node-resolve": "^15.1.0",
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
||||||
|
"eslint": "^8.56.0",
|
||||||
"rollup": "^3.25.1",
|
"rollup": "^3.25.1",
|
||||||
"rollup-plugin-copy": "^3.4.0"
|
"rollup-plugin-copy": "^3.4.0",
|
||||||
|
"rollup-plugin-import-css": "^3.4.0",
|
||||||
|
"serve": "^14.2.1"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@mapbox-controls/compass": "^1.1.0",
|
||||||
|
"@mapbox-controls/inspect": "^1.1.0",
|
||||||
|
"@mapbox-controls/ruler": "^1.1.0",
|
||||||
|
"@mapbox-controls/styles": "^1.1.0",
|
||||||
|
"@mapbox-controls/zoom": "^1.1.0",
|
||||||
|
"@rollup/plugin-terser": "^0.4.4",
|
||||||
"@turf/area": "^6.5.0",
|
"@turf/area": "^6.5.0",
|
||||||
"mapbox-gl-controls": "^2.3.5"
|
"bootstrap": "^5.3.2",
|
||||||
|
"mapbox-gl": "^2.15.0",
|
||||||
|
"mapbox-gl-controls": "^2.3.5",
|
||||||
|
"showdown": "^2.1.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,16 +14,6 @@
|
||||||
<link rel="stylesheet" href="./index.css">
|
<link rel="stylesheet" href="./index.css">
|
||||||
|
|
||||||
<link rel="icon" type="image/x-icon" href="https://i.imgur.com/i0yls6d.png">
|
<link rel="icon" type="image/x-icon" href="https://i.imgur.com/i0yls6d.png">
|
||||||
<link href="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css" rel="stylesheet" />
|
|
||||||
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
||||||
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
|
|
||||||
integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
|
|
||||||
crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mapbox-gl-controls@2.3/lib/controls.min.css">
|
|
||||||
<link href="https://watergis.github.io/mapbox-gl-export/mapbox-gl-export.css" rel="stylesheet" />
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|
@ -41,29 +31,7 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<!--[if lt IE 7]>
|
|
||||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
|
|
||||||
<![endif]-->
|
|
||||||
<!-- <div class="menu">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-2">
|
|
||||||
<img class="w-50" src="https://erth2.github.io/movc/icons/movc-logo.png">
|
|
||||||
</div>
|
|
||||||
<div class="col-md-8">
|
|
||||||
<h4>Map of ERTH2</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div id="map"></div>
|
<div id="map"></div>
|
||||||
|
|
||||||
<script src="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js"></script>
|
|
||||||
<script type="text/javascript" src="https://unpkg.com/showdown/dist/showdown.min.js"></script>
|
|
||||||
<script src="https://watergis.github.io/mapbox-gl-export/mapbox-gl-export.js"></script>
|
|
||||||
|
|
||||||
<script src="./index.bundle.js" async defer></script>
|
<script src="./index.bundle.js" async defer></script>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
64
src/index.js
64
src/index.js
|
|
@ -1,9 +1,22 @@
|
||||||
import {
|
import "./index.css";
|
||||||
StylesControl,
|
|
||||||
ZoomControl,
|
import "bootstrap";
|
||||||
CompassControl,
|
import "bootstrap/dist/css/bootstrap.min.css";
|
||||||
InspectControl,
|
|
||||||
} from "mapbox-gl-controls";
|
import StylesControl from "@mapbox-controls/styles";
|
||||||
|
import ZoomControl from "@mapbox-controls/zoom";
|
||||||
|
import CompassControl from "@mapbox-controls/compass";
|
||||||
|
import InspectControl from "@mapbox-controls/inspect";
|
||||||
|
|
||||||
|
import "@mapbox-controls/styles/src/index.css";
|
||||||
|
import "@mapbox-controls/zoom/src/index.css";
|
||||||
|
import "@mapbox-controls/compass/src/index.css";
|
||||||
|
import "@mapbox-controls/inspect/src/index.css";
|
||||||
|
|
||||||
|
import mapboxgl from "mapbox-gl";
|
||||||
|
import "mapbox-gl/dist/mapbox-gl.css";
|
||||||
|
|
||||||
|
import showdown from "showdown";
|
||||||
|
|
||||||
function loginfo(...str) {
|
function loginfo(...str) {
|
||||||
let info = str.shift();
|
let info = str.shift();
|
||||||
|
|
@ -29,9 +42,29 @@ window.onload = async () => {
|
||||||
).json()
|
).json()
|
||||||
)[mapId];
|
)[mapId];
|
||||||
|
|
||||||
const geoURL = params.geoURL || mapDataFromId.geoURL;
|
if (mapDataFromId.external) {
|
||||||
const countryInfoUrl = params.countryInfoURL || mapDataFromId.countryInfoURL;
|
mapDataFromId = await (await fetch(mapDataFromId.external)).json();
|
||||||
const debug = params.debug || false;
|
}
|
||||||
|
|
||||||
|
if (!mapDataFromId) {
|
||||||
|
alert(`Map ${mapId} not found`);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mapDataFromId.icon) {
|
||||||
|
document.getElementById("icon").setAttribute("href", mapDataFromId.icon);
|
||||||
|
}
|
||||||
|
|
||||||
|
let geoURL, countryInfoUrl, debug;
|
||||||
|
|
||||||
|
if (params.external) {
|
||||||
|
const data = await (await fetch(params.external)).json();
|
||||||
|
|
||||||
|
geoURL = data.geoURL;
|
||||||
|
}
|
||||||
|
|
||||||
|
geoURL = params.geoURL || mapDataFromId.geoURL;
|
||||||
|
countryInfoUrl = params.countryInfoURL || mapDataFromId.countryInfoURL;
|
||||||
|
debug = params.debug || false;
|
||||||
|
|
||||||
mapboxgl.accessToken =
|
mapboxgl.accessToken =
|
||||||
"pk.eyJ1IjoiYXJ0ZWdvc2VyIiwiYSI6ImNrcDViN3BhcDAwbW0ydnBnOXZ0ZzFreXUifQ.FIVtaBNr9dr_TIw672Zqdw";
|
"pk.eyJ1IjoiYXJ0ZWdvc2VyIiwiYSI6ImNrcDViN3BhcDAwbW0ydnBnOXZ0ZzFreXUifQ.FIVtaBNr9dr_TIw672Zqdw";
|
||||||
|
|
@ -64,18 +97,7 @@ window.onload = async () => {
|
||||||
);
|
);
|
||||||
|
|
||||||
map.addControl(new ZoomControl(), "top-right");
|
map.addControl(new ZoomControl(), "top-right");
|
||||||
map.addControl(new CompassControl(), "top-right");
|
map.addControl(new CompassControl(), "bottom-right");
|
||||||
map.addControl(
|
|
||||||
new MapboxExportControl({
|
|
||||||
PageSize: Size.A3,
|
|
||||||
PageOrientation: PageOrientation.Portrait,
|
|
||||||
Format: Format.PNG,
|
|
||||||
DPI: DPI[96],
|
|
||||||
Crosshair: true,
|
|
||||||
PrintableArea: true,
|
|
||||||
}),
|
|
||||||
"top-right"
|
|
||||||
);
|
|
||||||
|
|
||||||
if (debug) {
|
if (debug) {
|
||||||
map.addControl(new InspectControl(), "bottom-right");
|
map.addControl(new InspectControl(), "bottom-right");
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,29 @@
|
||||||
import resolve from "@rollup/plugin-node-resolve";
|
import resolve from "@rollup/plugin-node-resolve";
|
||||||
import commonjs from "@rollup/plugin-commonjs";
|
import commonjs from "@rollup/plugin-commonjs";
|
||||||
import copy from "rollup-plugin-copy";
|
import copy from "rollup-plugin-copy";
|
||||||
|
import css from "rollup-plugin-import-css";
|
||||||
|
import terser from "@rollup/plugin-terser";
|
||||||
|
|
||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
input: "src/index.js",
|
input: "src/index.js",
|
||||||
output: {
|
output: {
|
||||||
file: "dist/index.bundle.js",
|
file: "dist/index.bundle.js",
|
||||||
format: "iife",
|
format: "esm",
|
||||||
sourcemap: true,
|
sourcemap: true,
|
||||||
|
plugins: [terser()],
|
||||||
},
|
},
|
||||||
context: "window",
|
context: "window",
|
||||||
plugins: [
|
plugins: [
|
||||||
|
css({
|
||||||
|
output: "index.css",
|
||||||
|
minify: true,
|
||||||
|
}),
|
||||||
resolve(),
|
resolve(),
|
||||||
commonjs({ sourceMap: false }),
|
commonjs(),
|
||||||
copy({
|
copy({
|
||||||
targets: [
|
targets: [
|
||||||
{ src: "src/index.html", dest: "dist" },
|
{ src: "src/index.html", dest: "dist" },
|
||||||
{ src: "src/index.css", dest: "dist" },
|
|
||||||
{ src: "icons/*", dest: "dist/icons" },
|
{ src: "icons/*", dest: "dist/icons" },
|
||||||
],
|
],
|
||||||
}),
|
}),
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue