feat: create Geolocation widget

.gitignore

@@ -4,4 +4,4 @@ node_modules
 
 /.idea/
 
-/dist
+/dist/web

README.md

@@ -1,80 +1,4 @@
 # reearth-plugin-toolbox
-
-## Overview
-
-This is a reearth plugin project, structure refrenced from https://github.com/eukarya-inc/reearth-plateauview.
-
-## Install
-
-- Download the zip file at https://github.com/airslice/reearth-plugin-toolbox/tree/main/package
-- Install it in your Re:earth project.
-
 ## Toolbox - Starter
 
-- Just a simple starter to show some UI elements.
-
-## Toolbox - Tag Cloud
-
-Tag Cloud will be helpful when you want to organize layer data in ONE dimension.
-
-![test reearth dev_published html_alias=chiafhhehd(1440 desktop)](https://user-images.githubusercontent.com/21994748/182887355-a26709cc-d3db-4f47-86ac-c04c021b9207.png)
-
-- Features:
-  - Show a certain tag group as tag cloud.
-  - Show/hide layers by tags.
-
-- Setup:
-  - Input the tag group name from Re:earth Earth Editor.
-
-- Tips:
-  - Layer will be visible when any of its tag is enabled.
-  - If a layer does not have any tags of selected tag group it will be list in a special tag `...`
-
-## Toolbox - Tag Filter
-
-Tag filter can be useful when show layers with tags in different dimensions. 
-
-![test reearth dev_published html_alias=idchebgbdb(1440 desktop) (1)](https://user-images.githubusercontent.com/21994748/183280643-7f183826-d48a-4faa-a5f6-93089ca91867.png)
-
-- Features:
-  - Show several tag filter base on selected tag groups.
-  - Each filter can be enable/disabled independently.
-  - Filter layers (show/hide).
-
-- Setup:
-  - Add/remove/reorder tag group from Re:earth Earth Editor.
-  - Type in the tag group name.
-
-- Tips:
-  - Layer will be visible when it has enabled tag in each enabled filter.
-  - If a layer does not have any tags of selected tag group it will be list in a special tag `...`
-
-
-## Toolbox -  Measure Distance
-
-A tool to measure distance.
-
-![test reearth dev_published html_alias=jgdaegajfd(1440 desktop)](https://user-images.githubusercontent.com/21994748/183281314-8f3bf7d9-a488-49e1-b740-7dab7c67767d.png)
-
-- Features:
-  - Measure distance on earth surface.
-  - Support segmentation.
-  - Support switch unit between kilometers and miles.
-
-- Setup:
-  - Point color & line color can be customized from Re:earth Earth Editor.
-
-- Tips:
-  - Right click can also finish current measurement.
-  - For some reason render the line on TEST ENV needs some time but on PROD should be okey.
-
-## Known issue & Suggestions
-
-- Sometimes on published (and preview) page marker renders without an update.
-- Build with cdn import is disabled now.
-- Plugin API needs a event of layers data change.
-  - Plugin will want to get noticed when layers data changed to update itself. Currently can only use on update which is triggered too often.
-- Plugin API needs to expose the actual visibility.
-  - The layer visibility is not avaliable from plugin API (only show/hide method supported) so the plugin mantains status internally which is not convenient and will lead to some mistakes between multiple plugins who controls the visibility.
-- Plugin API needs to support fix camera.
-  - Sometimes plugin may want to drag something on earth; Either provide an API to fix camera or support DnD on dynamic added layers is enough. The first way seems simpler.
+- Just a simple starter to show some UI elements.

dist/plugin/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 lby
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

dist/plugin/README.md

@@ -0,0 +1,4 @@
+# reearth-plugin-toolbox
+## Toolbox - Starter
+
+- Just a simple starter to show some UI elements.

dist/plugin/reearth.yml

@@ -0,0 +1,140 @@
+name: Toolbox Starter
+version: 0.1.0
+id: reearth-plugin-toolbox-starter
+extensions:
+  - id: Geolocation
+    type: widget
+    name: Geolocation
+    widgetLayout:
+      defaultLocation:
+        zone: outer
+        section: left
+        area: top
+    schema:
+      groups:
+        - id: location
+          title: My Location
+          representativeField: mode
+          fields:
+            - id: mode
+              title: Mode
+              type: string
+              list: true
+              defaultValue: button
+              choices:
+                - key: button
+                  label: Button
+                - key: ui
+                  label: UI
+            - id: autoFollow
+              title: Auto Follow
+              type: bool
+              defaultValue: false
+              availableIf:
+                field: mode
+                type: string
+                value: button
+        - id: markerStyle
+          title: Marker Style
+          representativeField: style
+          fields:
+            - id: style
+              type: string
+              title: Style
+              list: true
+              defaultValue: point
+              choices:
+                - key: point
+                  label: Point
+                - key: icon
+                  label: Icon
+                - key: Model
+                  label: 3D model
+            - id: pointColor
+              type: string
+              title: Point color
+              ui: color
+              availableIf:
+                field: style
+                type: string
+                value: point
+            - id: pointSize
+              type: number
+              title: Point size
+              suffix: px
+              availableIf:
+                field: style
+                type: string
+                value: point
+            - id: outlineColor
+              type: string
+              title: Point outline color
+              ui: color
+              availableIf:
+                field: style
+                type: string
+                value: point
+            - id: outlineWidth
+              type: number
+              title: Point outline width
+              suffix: px
+              availableIf:
+                field: style
+                type: string
+                value: point
+            - id: imageUrl
+              title: Image URL
+              type: url
+              ui: image
+              availableIf:
+                field: style
+                type: string
+                value: icon
+            - id: imageSize
+              title: size
+              type: number
+              availableIf:
+                field: style
+                type: string
+                value: icon
+            - id: modelUrl
+              title: 3D Model
+              type: url
+              ui: file
+              availableIf:
+                field: style
+                type: string
+                value: Model
+            - id: modelSize
+              title: size
+              type: number
+              availableIf:
+                field: style
+                type: string
+                value: Model
+            - id: modelHeading
+              title: Heading
+              type: number
+              availableIf:
+                field: style
+                type: string
+                value: Model             
+        - id: customize
+          title: Customize
+          fields:
+            - id: theme
+              type: string
+              title: Theme
+              choices:
+                - key: dark
+                  label: Dark
+                - key: light
+                  label: Light
+            - id: backgroundColor
+              type: string
+              title: Background Color
+              ui: color
+            - id: primaryColor
+              type: string
+              title: Primary Color
+              ui: color 

package.json

@@ -10,20 +10,11 @@
   },
   "scripts": {
     "start:starter": "vite -c vite.config.starter-web.ts",
-    "start:tagcloud": "vite -c vite.config.tagcloud-web.ts",
-    "start:tagfilter": "vite -c vite.config.tagfilter-web.ts",
-    "start:distance": "vite -c vite.config.distance-web.ts",
     "build": "run-s typecheck clean build:web build:plugin",
-    "build:plugin": "run-s build:starter build:tagcloud build:tagfilter build:distance",
-    "build:web": "run-s build:starter-web build:tagcloud-web build:tagfilter-web build:distance-web",
+    "build:plugin": "run-s build:geolocation",
+    "build:web": "run-s build:geolocation-web",
     "build:starter": "vite build -c vite.config.starter.ts",
     "build:starter-web": "vite build -c vite.config.starter-web.ts",
-    "build:tagcloud": "vite build -c vite.config.tagcloud.ts",
-    "build:tagcloud-web": "vite build -c vite.config.tagcloud-web.ts",
-    "build:tagfilter": "vite build -c vite.config.tagfilter.ts",
-    "build:tagfilter-web": "vite build -c vite.config.tagfilter-web.ts",
-    "build:distance": "vite build -c vite.config.distance.ts",
-    "build:distance-web": "vite build -c vite.config.distance-web.ts",
     "package": "run-s build zip",
     "typecheck": "tsc",
     "test": "vitest",
@@ -33,7 +24,10 @@
     "type": "tsc",
     "zip": "node ./scripts/zip.mjs",
     "createwidget": "node ./scripts/createwidget.mjs",
-    "clean": "del dist"
+    "clean": "del dist",
+    "start:geolocation": "vite -c vite.config.geolocation-web.ts",
+    "build:geolocation": "vite build -c vite.config.geolocation.ts",
+    "build:geolocation-web": "vite build -c vite.config.geolocation-web.ts"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",
@@ -57,6 +51,7 @@
     "eslint-plugin-testing-library": "^5.5.1",
     "jsdom": "^19.0.0",
     "json-to-pretty-yaml": "^1.2.2",
+    "load-pkg": "^4.0.0",
     "msw": "^0.41.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.6.2",
@@ -65,9 +60,11 @@
     "typescript": "^4.7.2",
     "vite": "^2.9.9",
     "vite-plugin-cdn-import": "^0.3.5",
+    "vite-plugin-externals": "^0.5.1",
     "vite-plugin-singlefile": "^0.9.0",
     "vite-plugin-svgr": "^2.2.1",
     "vitest": "^0.12.9",
+    "write-pkg": "^5.1.0",
     "yml": "^1.0.0"
   },
   "msw": {
@@ -77,6 +74,7 @@
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@turf/turf": "^6.5.0",
+    "@types/lodash": "^4.14.185",
     "mini-svg-data-uri": "^1.4.4",
     "react-inlinesvg": "^3.0.0"
   }