progress towards more extensible codebase, add spring theme

Author: runspired

app/app.ts

@@ -2,7 +2,7 @@ import '@warp-drive/ember/install';
 import Application from 'ember-strict-application-resolver';
 import { importSync, isDevelopingApp, macroCondition } from '@embroider/macros';
 // import setupInspector from '@embroider/legacy-inspector-support/ember-source-4.12';
-import { initializeTheme } from './core/site-theme';
+import { initializeTheme } from '@trail-run/core/device/site-theme';
 import Router from './router';
 import PageTitleService from 'ember-page-title/services/page-title';
 

app/components/layout/themed-page.gts

@@ -14,12 +14,12 @@ import {
 import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import { on } from '@ember/modifier';
 import { scopedClass } from 'ember-scoped-css';
-import { getTheme } from '#app/core/site-theme.ts';
 import { fn } from '@ember/helper';
 import Component from '@glimmer/component';
 import { getDevicePreferences } from '#app/core/preferences.ts';
 import { service } from '@ember/service';
 import type RouterService from '@ember/routing/router-service';
+import { getTheme } from '@trail-run/core/device/site-theme';
 
 function createScrollElement(): HTMLDivElement {
   const div = document.createElement('div');
@@ -28,6 +28,10 @@ function createScrollElement(): HTMLDivElement {
 }
 
 class ThemedPage extends Component<{
+  Element: HTMLDivElement;
+  Args: {
+    hideFoothills?: boolean;
+  };
   Blocks: {
     header: [];
     default: [HTMLDivElement];
@@ -113,6 +117,7 @@ class ThemedPage extends Component<{
           </div>
         {{/in-element}}
 
+        {{#unless @hideFoothills}}
         <svg
           class="hill-svg back-hill"
           viewBox="0 0 1440 320"
@@ -144,6 +149,7 @@ class ThemedPage extends Component<{
           <div class="tree tree-right-3"></div>
           <div class="tree tree-right-4"></div>
         </div>
+      {{/unless}}
       </div>
     </section>
   </template>

app/components/maps/-utils/map-state.ts

@@ -6,11 +6,11 @@ import type MapTileCacheService from '#app/services/map-tile-cache.ts';
 import DownloadButton from '#ui/download-button.gts';
 import FaIcon from '#ui/fa-icon.gts';
 import { faMap, faDownload, faCropSimple } from '@fortawesome/free-solid-svg-icons';
-import type { DownloadStatusType } from '#app/core/preferences.ts';
 import { getDevicePreferences } from '#app/core/preferences.ts';
 import type { Map as MapLibreMap } from 'maplibre-gl';
 import type { PolygonPoint } from '#app/utils/tile-preloader.ts';
 import './map-download-button.css';
+import type { DownloadStatusType } from '@trail-run/core/device/preferences';
 
 interface MapDownloadButtonSignature {
   Element: HTMLElement;

app/components/maps/map-download-button.gts

@@ -16,7 +16,7 @@ import { getDevicePreferences } from '#app/core/preferences.ts';
 import type { Map } from 'maplibre-gl';
 import type { StyleSpecification } from 'maplibre-gl';
 import type { PolygonPoint } from '#app/utils/tile-preloader.ts';
-import type { MapState } from './-utils/map-state';
+import type { MapState } from '@trail-run/core/maps/-utils/map-state';
 
 interface MapLibreFullscreenMapSignature {
   Args: {

app/components/maps/maplibre-fullscreen-map.gts

@@ -6,7 +6,7 @@ import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { eq, not } from '#app/utils/comparison.ts';
 import { scopedClass } from 'ember-scoped-css';
 import './download-button.css';
-import type { DownloadStatusType } from '#app/core/preferences.ts';
+import type { DownloadStatusType } from '@trail-run/core/device/preferences';
 
 interface DownloadButtonSignature {
   Args: {

app/components/ui/download-button.gts

@@ -1 +1 @@
-export { QPController as default } from '../core/reactive/query-params/controller';
+export { QPController as default } from '@trail-run/core/reactive/query-param-route';