googlemaps · jpoehnelt · Nov 15, 2019 · Nov 15, 2019
diff --git a/build/extract_css.sh b/build/extract_css.sh
@@ -0,0 +1,40 @@
+#!/bin/bash
+
+set -euo pipefail
+
+files=`cat src/index.full.html | grep -oP '[a-zA-Z-_]*\\.css' | sed 's/css/scss/g'`
+
+skip="$LERNA_PACKAGE_NAME.scss"
+
+imports=""
+count=0
+
+for f in $files; do
+    if [ "$f" == "$skip" ];
+    then 
+        echo "skip $skip" 
+    else
+        old=`echo $f | sed 's/scss/css/g'`
+        echo $old
+        # copy shared css
+        if [ -f "../../shared/scss/$f" ]; then
+            echo "skipping copy of $f"
+        else
+        mv /..[HIDDEN]../_css/${old} ../../shared/scss/${f}
+        fi
+        if [ $count == 0 ]; then
+            imports="@import '../../../shared/scss/${f}';\n"
+        else
+            imports="${imports}@import '../../../shared/scss/${f}';\n"
+        fi
+        count=$((count + 1))    
+    fi
+done
+
+exit 0
+
+head -n 17 src/style.scss > src/style.tmp.scss
+echo -e $imports >> src/style.tmp.scss
+sed -n "$((18))"',$p' src/style.scss >> src/style.tmp.scss
+
+mv src/style.tmp.scss src/style.scss
diff --git a/package.json b/package.json
@@ -28,7 +28,7 @@
     "ci": "npm run lint && npm run test && npm build",
     "format": "npm run format:root && lerna run format",
     "format:dist": "lerna run format:dist",
-    "format:root": "sort-package-json && prettier *.json *.js shared/*.scss --write --loglevel error",
+    "format:root": "sort-package-json && prettier *.json *.js shared/**/*.scss --write --loglevel error",
     "lint": "lerna run lint",
     "package:defaults:merge": "lerna exec '../../build/merge_default_package.sh'",
     "serve": "node serve.js",

diff --git a/samples/aerial-rotation/src/style.scss b/samples/aerial-rotation/src/style.scss
@@ -15,5 +15,7 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
 
 /*! [END css] */
diff --git a/samples/aerial-simple/src/style.scss b/samples/aerial-simple/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/circle-simple/src/style.scss b/samples/circle-simple/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/conserve-map-on-scroll/src/style.scss b/samples/conserve-map-on-scroll/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/control-bounds-restriction/src/style.scss b/samples/control-bounds-restriction/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/control-custom-state/src/style.scss b/samples/control-custom-state/src/style.scss
@@ -15,5 +15,7 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/custom-control-state.scss";
 
 /*! [END css] */
diff --git a/samples/control-custom/src/style.scss b/samples/control-custom/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/control-default/src/style.scss b/samples/control-default/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/control-disableUI/src/style.scss b/samples/control-disableUI/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/control-options/src/style.scss b/samples/control-options/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/control-positioning/src/style.scss b/samples/control-positioning/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/control-replacement/src/style.scss b/samples/control-replacement/src/style.scss
@@ -15,6 +15,7 @@
  */
 
 /* [START css] */
+
 /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
 #map {

diff --git a/samples/control-simple/src/style.scss b/samples/control-simple/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/controls-basic-map/src/style.scss b/samples/controls-basic-map/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/custom-markers/src/style.scss b/samples/custom-markers/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/delete-vertex-menu/src/style.scss b/samples/delete-vertex-menu/src/style.scss
@@ -15,6 +15,8 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/default.scss";
+
 .delete-menu {
   position: absolute;
   background: white;

diff --git a/samples/directions-complex/src/style.scss b/samples/directions-complex/src/style.scss
@@ -15,6 +15,9 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
+
 #warnings-panel {
   width: 100%;
   height: 10%;

diff --git a/samples/directions-draggable/src/style.scss b/samples/directions-draggable/src/style.scss
@@ -15,6 +15,8 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/right-panel.scss";
+
 html,
 body {
   height: 100%;

diff --git a/samples/directions-panel/src/style.scss b/samples/directions-panel/src/style.scss
@@ -15,6 +15,10 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
+@import "../../../shared/scss/right-panel.scss";
+
 #right-panel {
   height: 100%;
   float: right;

diff --git a/samples/directions-simple/src/style.scss b/samples/directions-simple/src/style.scss
@@ -15,5 +15,7 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
 
 /*! [END css] */
diff --git a/samples/directions-travel-modes/src/style.scss b/samples/directions-travel-modes/src/style.scss
@@ -15,5 +15,7 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
 
 /*! [END css] */
diff --git a/samples/directions-waypoints/src/style.scss b/samples/directions-waypoints/src/style.scss
@@ -15,6 +15,8 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/right-panel.scss";
+
 html,
 body {
   height: 100%;

diff --git a/samples/disable-zoom-and-pan/src/style.scss b/samples/disable-zoom-and-pan/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/distance-matrix/src/style.scss b/samples/distance-matrix/src/style.scss
@@ -15,6 +15,8 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/right-panel.scss";
+
 html,
 body {
   height: 100%;

diff --git a/samples/drawing-tools/src/style.scss b/samples/drawing-tools/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/earthquake_circles/src/style.scss b/samples/earthquake_circles/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/earthquake_heatmap/src/style.scss b/samples/earthquake_heatmap/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/earthquake_heatmap_weighted/src/style.scss b/samples/earthquake_heatmap_weighted/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/earthquake_markers/src/style.scss b/samples/earthquake_markers/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/elevation-paths/src/style.scss b/samples/elevation-paths/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/elevation-simple/src/style.scss b/samples/elevation-simple/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/event-arguments/src/style.scss b/samples/event-arguments/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/event-closure/src/style.scss b/samples/event-closure/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/event-domListener/src/style.scss b/samples/event-domListener/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/event-poi/src/style.scss b/samples/event-poi/src/style.scss
@@ -15,6 +15,7 @@
  */
 
 /* [START css] */
+
 /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
 #map {

diff --git a/samples/event-properties/src/style.scss b/samples/event-properties/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/event-simple/src/style.scss b/samples/event-simple/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/geocoding-component-restriction/src/style.scss b/samples/geocoding-component-restriction/src/style.scss
@@ -15,5 +15,7 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
 
 /*! [END css] */
diff --git a/samples/geocoding-place-id/src/style.scss b/samples/geocoding-place-id/src/style.scss
@@ -15,6 +15,9 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
+
 #floating-panel {
   width: 440px;
 }

diff --git a/samples/geocoding-reverse/src/style.scss b/samples/geocoding-reverse/src/style.scss
@@ -15,6 +15,9 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
+
 #floating-panel {
   position: absolute;
   top: 5px;

diff --git a/samples/geocoding-simple/src/style.scss b/samples/geocoding-simple/src/style.scss
@@ -15,5 +15,7 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
 
 /*! [END css] */
diff --git a/samples/geometry-encodings/src/style.scss b/samples/geometry-encodings/src/style.scss
@@ -15,6 +15,8 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/right-panel.scss";
+
 html,
 body {
   height: 100%;

diff --git a/samples/geometry-headings/src/style.scss b/samples/geometry-headings/src/style.scss
@@ -15,5 +15,7 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
+@import "../../../shared/scss/floating-panel.scss";
 
 /*! [END css] */
diff --git a/samples/groundoverlay-simple/src/style.scss b/samples/groundoverlay-simple/src/style.scss
@@ -15,5 +15,6 @@
  */
 
 /*! [START css] */
+@import "../../../shared/scss/default.scss";
 
 /*! [END css] */
diff --git a/samples/hiding-features/src/style.scss b/samples/hiding-features/src/style.scss
@@ -15,6 +15,8 @@
  */
 
 /* [START css] */
+@import "../../../shared/scss/default.scss";
+
 .map-control {
   background-color: #fff;
   border: 1px solid #ccc;
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,6 +15,7 @@ @@
      */
     /* [START css] */
     /* Always set the map height explicitly to define the size of the div
            * element that contains the map. */
     #map {
@@ Expand Down @@