w8r · rowanwins · Oct 7, 2022 · Oct 7, 2022
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1 @@
+registry=https://registry.npmjs.org/
diff --git a/demo/.eslintrc b/demo/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": ["plugin:vue/vue3-recommended", "eslint:recommended", "prettier"]
+}
diff --git a/demo/.vscode/extensions.json b/demo/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/demo/README.md b/demo/README.md
@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
diff --git a/demo/css/styles.css b/demo/css/styles.css
diff --git a/demo/gj.js b/demo/gj.js
@@ -0,0 +1,36 @@
+import { createFilter, dataToEsm } from "@rollup/pluginutils"
+
+export default function json(
+  options = {
+    include: ["**/*.json", "**/*.geojson"],
+  },
+) {
+  const filter = createFilter(options.include, options.exclude)
+  const indent = "indent" in options ? options.indent : "\t"
+
+  return {
+    name: "geojson",
+
+    // eslint-disable-next-line no-shadow
+    transform(json, id) {
+      if (!filter(id)) return null
+      try {
+        const parsed = JSON.parse(json)
+        return {
+          code: dataToEsm(parsed, {
+            preferConst: options.preferConst,
+            compact: options.compact,
+            namedExports: options.namedExports,
+            indent,
+          }),
+          map: { mappings: "" },
+        }
+      } catch (err) {
+        const message = "Could not parse GeoJSON file"
+        const position = parseInt(/[\d]/.exec(err.message)[0], 10)
+        this.warn({ message, id, position })
+        return null
+      }
+    },
+  }
+}
diff --git a/demo/index.html b/demo/index.html
@@ -1,23 +1,12 @@
-<!doctype html>
-<html>
+<!DOCTYPE html>
+<html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="chrome=1">
-    <title>Martinez Clipping</title>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.css">
-    <!-- <link rel="stylesheet" type="text/css" href="../node_modules/leaflet/dist/leaflet.css"> -->
-
-    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jsts/1.2.0/jsts.min.js"></script>
-    <!-- <script type="text/javascript" src="../node_modules/jsts/dist/jsts.min.js"></script> -->
-    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.js"></script>
-    <!-- <script type="text/javascript" src="../node_modules/leaflet/dist/leaflet.js"></script> -->
-    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/leaflet-editable/0.7.0-beta.1/Leaflet.Editable.min.js"></script>
-    <!-- <script type="text/javascript" src="../node_modules/leaflet-editable/src/Leaflet.Editable.js"></script> -->
-    <link rel="stylesheet" href="css/styles.css">
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Polygon-Clipping</title>
   </head>
   <body>
-    <script src="js/bundle.js"></script>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
   </body>
 </html>
diff --git a/demo/js/booleanopcontrol.js b/demo/js/booleanopcontrol.js