0.5.0

GeotrekCE · Jan 17, 2024 · 149555d · 149555d
1 parent bd2f967
commit 149555d
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@geotrekce/geotrek-rando-widget",
-  "version": "0.4.7",
+  "version": "0.5.0",
   "description": "Geotrek rando widget",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

diff --git a/src/components/grw-app/grw-app.tsx b/src/components/grw-app/grw-app.tsx
@@ -1,6 +1,6 @@
 import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';
 import { translate } from 'i18n/i18n';
-import state, { onChange, reset } from 'store/store';
+import state, { reset } from 'store/store';
 
 @Component({
   tag: 'grw-app',

diff --git a/src/index.html b/src/index.html
@@ -5,15 +5,53 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
     <title>Geotrek Rando Widget</title>
 
-    <link rel="stylesheet" href="/build/geotrek-rando-widget.css" />
-    <script type="module" src="/build/geotrek-rando-widget.esm.js"></script>
-    <script nomodule src="/build/geotrek-rando-widget.js"></script>
-
+    <link rel="stylesheet" href="build/geotrek-rando-widget.css" />
+    <script type="module" src="build/geotrek-rando-widget.esm.js"></script>
+    <script nomodule src="build/geotrek-rando-widget.js"></script>
     <style>
       body {
         margin: 0;
       }
     </style>
+    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="anonymous" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+    <!-- <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet" /> -->
   </head>
-  <body></body>
+  <body>
+    <!-- <div style="width: 100vw; height: 150vh"> -->
+    <grw-app
+      api="https://admin.escapade62.fr/api/v2/"
+      name-layer="IGN,OpenStreetMap"
+      url-layer="https://data.geopf.fr/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&STYLE=normal&FORMAT=image/png&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}"
+      attribution-layer="<a target='_blank' href='https://ign.fr/'>IGN</a>,OpenStreetMap"
+      use-gradient="false"
+      treks="true"
+      touristic-contents="false"
+      touristic-events="false"
+      weather="false"
+      languages="fr"
+      rounded="false"
+    ></grw-app>
+    <!-- color-primary-app="#0043AE"
+      color-on-primary="#FFFFFF"
+      color-surface="#0043AE"
+      color-on-surface="#FFFFFF"
+      color-surface-variant="#0043AE"
+      color-on-surface-variant="#000000"
+      color-primary-container="#0043AE"
+      color-on-primary-container="#FFFFFF"
+      color-secondary-container="#0043AE"
+      color-on-secondary-container="#FFFFFF"
+      color-background="#FFFFFF"
+      color-surface-container-high="#0043AE"
+      color-surface-container-low="#0043AE"
+      fab-background-color="#C9AE75"
+      fab-color="#000000"
+      color-departure-icon="#006b3b"
+      color-arrival-icon="#85003b"
+      color-sensitive-area="#4974a5"
+      color-poi-icon="#974c6e" -->
+    <!-- font-family="Montserrat" -->
+    <!-- </div> -->
+  </body>
 </html>