Fixing project layout.

.editorconfig

@@ -1,4 +1,9 @@
-[*]
+[*.json]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+
+[*.{js,scss}]
 indent_style = space
 indent_size = 4
 end_of_line = lf

.gitignore

@@ -1,2 +1,2 @@
-/node_modules
+node_modules
 *.swp

LICENSE

@@ -1,20 +1,20 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Igor Timarac <igor.timarac@codaxy.com>
-
-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.
+The MIT License (MIT)
+
+Copyright (c) 2017 Igor Timarac <igor.timarac@codaxy.com>
+
+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.

config/babel.config.js

@@ -1,27 +1,27 @@
-module.exports = {
-    cacheDirectory: true,
-    cacheIdentifier: "v2",
-    presets: [
-        [
-            "cx-env",
-            {
-                targets: {
-                    chrome: 50,
-                    ie: 11,
-                    ff: 30,
-                    edge: 12,
-                    safari: 9
-                },
-                modules: false,
-                loose: true,
-                useBuiltIns: true,
-                cx: {
-                    imports: {
-                        useSrc: true
-                    }
-                }
-            }
-        ]
-    ],
-    plugins: []
-};
+module.exports = {
+    cacheDirectory: true,
+    cacheIdentifier: "v2",
+    presets: [
+        [
+            "cx-env",
+            {
+                targets: {
+                    chrome: 50,
+                    ie: 11,
+                    ff: 30,
+                    edge: 12,
+                    safari: 9
+                },
+                modules: false,
+                loose: true,
+                useBuiltIns: true,
+                cx: {
+                    imports: {
+                        useSrc: true
+                    }
+                }
+            }
+        ]
+    ],
+    plugins: []
+};

docs/index.html

@@ -35,9 +35,9 @@
         }
       }(window.location))
     </script>    
-<link href="/cx-google-maps/app.css?628ffb46386d8a926a44" rel="stylesheet"></head>
+<link href="/cx-google-maps/app.css?92cf931343a11f732b15" rel="stylesheet"></head>
 <body>
     <div id="app">
     </div>
-<script type="text/javascript" src="/cx-google-maps/vendor.js?628ffb46386d8a926a44"></script><script type="text/javascript" src="/cx-google-maps/app.js?628ffb46386d8a926a44"></script></body>
+<script type="text/javascript" src="/cx-google-maps/vendor.js?92cf931343a11f732b15"></script><script type="text/javascript" src="/cx-google-maps/app.js?92cf931343a11f732b15"></script></body>
 </html>

demo/app/404.html → examples/demo/app/404.html

@@ -1,38 +1,38 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Single Page Apps for GitHub Pages</title>
-    <script type="text/javascript">
-      // Single Page Apps for GitHub Pages
-      // https://github.com/rafrex/spa-github-pages
-      // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
-      // ----------------------------------------------------------------------
-      // This script takes the current url and converts the path and query
-      // string into just a query string, and then redirects the browser
-      // to the new url with only a query string and hash fragment,
-      // e.g. http://www.foo.tld/one/two?a=b&c=d#qwe, becomes
-      // http://www.foo.tld/?p=/one/two&q=a=b~and~c=d#qwe
-      // Note: this 404.html file must be at least 512 bytes for it to work
-      // with Internet Explorer (it is currently > 512 bytes)
-      // If you're creating a Project Pages site and NOT using a custom domain,
-      // then set segmentCount to 1 (enterprise users may need to set it to > 1).
-      // This way the code will only replace the route part of the path, and not
-      // the real directory in which the app resides, for example:
-      // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
-      // https://username.github.io/repo-name/?p=/one/two&q=a=b~and~c=d#qwe
-      // Otherwise, leave segmentCount as 0.
-      var segmentCount = 1;
-      var l = window.location;
-      l.replace(
-        l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
-        l.pathname.split('/').slice(0, 1 + segmentCount).join('/') + '/?p=/' +
-        l.pathname.slice(1).split('/').slice(segmentCount).join('/').replace(/&/g, '~and~') +
-        (l.search ? '&q=' + l.search.slice(1).replace(/&/g, '~and~') : '') +
-        l.hash
-      );
-    </script>
-  </head>
-  <body>
-  </body>
-</html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Single Page Apps for GitHub Pages</title>
+    <script type="text/javascript">
+      // Single Page Apps for GitHub Pages
+      // https://github.com/rafrex/spa-github-pages
+      // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
+      // ----------------------------------------------------------------------
+      // This script takes the current url and converts the path and query
+      // string into just a query string, and then redirects the browser
+      // to the new url with only a query string and hash fragment,
+      // e.g. http://www.foo.tld/one/two?a=b&c=d#qwe, becomes
+      // http://www.foo.tld/?p=/one/two&q=a=b~and~c=d#qwe
+      // Note: this 404.html file must be at least 512 bytes for it to work
+      // with Internet Explorer (it is currently > 512 bytes)
+      // If you're creating a Project Pages site and NOT using a custom domain,
+      // then set segmentCount to 1 (enterprise users may need to set it to > 1).
+      // This way the code will only replace the route part of the path, and not
+      // the real directory in which the app resides, for example:
+      // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
+      // https://username.github.io/repo-name/?p=/one/two&q=a=b~and~c=d#qwe
+      // Otherwise, leave segmentCount as 0.
+      var segmentCount = 1;
+      var l = window.location;
+      l.replace(
+        l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
+        l.pathname.split('/').slice(0, 1 + segmentCount).join('/') + '/?p=/' +
+        l.pathname.slice(1).split('/').slice(segmentCount).join('/').replace(/&/g, '~and~') +
+        (l.search ? '&q=' + l.search.slice(1).replace(/&/g, '~and~') : '') +
+        l.hash
+      );
+    </script>
+  </head>
+  <body>
+  </body>
+</html>

demo/app/components/CodeSnippet.scss → examples/demo/app/components/CodeSnippet.scss

@@ -1,73 +1,73 @@
-.cxb-codesnippet {
-    position: relative;
-    padding: 3px 5px;
-    background: #494949;
-    margin-bottom: 24px;
-
-    pre {
-        background: transparent !important;
-        padding: 0 !important;
-        margin: 0 !important;
-        border-radius: 0 !important;
-
-        & > code {
-            padding: 0 0 0 5px;
-            //padding: 5px;
-            background: transparent;
-            border-radius: 0;
-        }
-
-        overflow-x: auto;
-        overflow-y: hidden;
-        -webkit-overflow-scrolling: touch;
-
-        &::-webkit-scrollbar-track {
-            background-color: transparent;
-        }
-
-        &::-webkit-scrollbar {
-            height: 6px;
-            background-color: transparent;
-        }
-
-        &::-webkit-scrollbar-thumb {
-            background-color: rgba(255, 255, 255, 0.2);
-            border-radius: 3px;
-        }
-    }
-}
-
-.cxe-codesnippet-link {
-    position: absolute;
-    right: 10px;
-    top: -16px;
-    background: rgb(231, 231, 231);
-    padding: 5px 10px;
-    text-decoration: none;
-    color: #376aff;
-    z-index: 2000;
-
-    opacity: 0;
-    transition: opacity 1s;
-    transition-delay: 0.2s;
-
-    .dxb-codesnippet:hover > & {
-        opacity: 1;
-    }
-}
-
-.cxe-codesplit-right .dxb-codesnippet {
-    background: transparent;
-}
-
-.cxe-codesplit-right .cxb-tab.cxm-code {
-    @extend .cxb-tab.cxm-line;
-    color: white;
-    border-bottom-width: 2px;
-    margin-bottom: 10px;
-    background: transparent;
-
-    & > code {
-        padding-left: 0;
-    }
-}
+.cxb-codesnippet {
+    position: relative;
+    padding: 3px 5px;
+    background: #494949;
+    margin-bottom: 24px;
+
+    pre {
+        background: transparent !important;
+        padding: 0 !important;
+        margin: 0 !important;
+        border-radius: 0 !important;
+
+        & > code {
+            padding: 0 0 0 5px;
+            //padding: 5px;
+            background: transparent;
+            border-radius: 0;
+        }
+
+        overflow-x: auto;
+        overflow-y: hidden;
+        -webkit-overflow-scrolling: touch;
+
+        &::-webkit-scrollbar-track {
+            background-color: transparent;
+        }
+
+        &::-webkit-scrollbar {
+            height: 6px;
+            background-color: transparent;
+        }
+
+        &::-webkit-scrollbar-thumb {
+            background-color: rgba(255, 255, 255, 0.2);
+            border-radius: 3px;
+        }
+    }
+}
+
+.cxe-codesnippet-link {
+    position: absolute;
+    right: 10px;
+    top: -16px;
+    background: rgb(231, 231, 231);
+    padding: 5px 10px;
+    text-decoration: none;
+    color: #376aff;
+    z-index: 2000;
+
+    opacity: 0;
+    transition: opacity 1s;
+    transition-delay: 0.2s;
+
+    .dxb-codesnippet:hover > & {
+        opacity: 1;
+    }
+}
+
+.cxe-codesplit-right .dxb-codesnippet {
+    background: transparent;
+}
+
+.cxe-codesplit-right .cxb-tab.cxm-code {
+    @extend .cxb-tab.cxm-line;
+    color: white;
+    border-bottom-width: 2px;
+    margin-bottom: 10px;
+    background: transparent;
+
+    & > code {
+        padding-left: 0;
+    }
+}