feature: add platform layer

2020-08-12 14:31:40 +02:00
parent d9e204fb66
commit 78031eed24
6 changed files with 132 additions and 87 deletions
--- a/app/assets/javascripts/app.ts
+++ b/app/assets/javascripts/app.ts
@@ -1,6 +1,7 @@
 'use strict';

-declare const __VERSION__: string
+declare const __VERSION__: string;
+declare const __PLATFORM_WEB__: boolean;

 import angular from 'angular';
 import { configRoutes } from './routes';
@@ -50,74 +51,84 @@ import {

 import { trusted } from './filters';
 import { isDev } from './utils';
+import { Platform, WebPlatform } from './services/platform';

-angular.module('app', ['ngSanitize']);
-
-// Config
-angular
-  .module('app')
-  .config(configRoutes)
-  .constant('appVersion', __VERSION__);
-
-// Controllers
-angular
-  .module('app')
-  .directive('applicationGroupView', () => new ApplicationGroupView())
-  .directive('applicationView', () => new ApplicationView())
-  .directive('editorGroupView', () => new EditorGroupView())
-  .directive('editorView', () => new EditorView())
-  .directive('tagsView', () => new TagsView())
-  .directive('notesView', () => new NotesView())
-  .directive('footerView', () => new FooterView())
-
-// Directives - Functional
-angular
-  .module('app')
-  .directive('snAutofocus', ['$timeout', autofocus])
-  .directive('clickOutside', ['$document', clickOutside])
-  .directive('delayHide', delayHide)
-  .directive('elemReady', elemReady)
-  .directive('fileChange', fileChange)
-  .directive('infiniteScroll', [infiniteScroll])
-  .directive('lowercase', lowercase)
-  .directive('selectOnFocus', ['$window', selectOnFocus])
-  .directive('snEnter', snEnter);
-
-// Directives - Views
-angular
-  .module('app')
-  .directive('accountMenu', () => new AccountMenu())
-  .directive('actionsMenu', () => new ActionsMenu())
-  .directive('challengeModal', () => new ChallengeModal())
-  .directive('componentModal', () => new ComponentModal())
-  .directive('componentView', () => new ComponentView())
-  .directive('editorMenu', () => new EditorMenu())
-  .directive('inputModal', () => new InputModal())
-  .directive('menuRow', () => new MenuRow())
-  .directive('panelResizer', () => new PanelResizer())
-  .directive('passwordWizard', () => new PasswordWizard())
-  .directive('permissionsModal', () => new PermissionsModal())
-  .directive('privilegesAuthModal', () => new PrivilegesAuthModal())
-  .directive('privilegesManagementModal', () => new PrivilegesManagementModal())
-  .directive('revisionPreviewModal', () => new RevisionPreviewModal())
-  .directive('sessionHistoryMenu', () => new SessionHistoryMenu())
-  .directive('syncResolutionMenu', () => new SyncResolutionMenu());
-
-// Filters
-angular
-  .module('app')
-  .filter('trusted', ['$sce', trusted]);
-
-// Services
-angular.module('app').service('mainApplicationGroup', ApplicationGroup);
-
-// Debug
-if (isDev) {
-  Object.defineProperties(window, {
-    application: {
-      get: () =>
-        (angular.element(document).injector().get('mainApplicationGroup') as any)
-          .application,
-    },
-  });
+if (__PLATFORM_WEB__) {
+  startApplication(new WebPlatform());
+} else {
+  (window as any).startApplication = startApplication;
+}
+
+function startApplication(platform: Platform) {
+  angular.module('app', ['ngSanitize']);
+
+  // Config
+  angular
+    .module('app')
+    .config(configRoutes)
+    .constant('platform', platform)
+    .constant('appVersion', __VERSION__);
+
+  // Controllers
+  angular
+    .module('app')
+    .directive('applicationGroupView', () => new ApplicationGroupView())
+    .directive('applicationView', () => new ApplicationView())
+    .directive('editorGroupView', () => new EditorGroupView())
+    .directive('editorView', () => new EditorView())
+    .directive('tagsView', () => new TagsView())
+    .directive('notesView', () => new NotesView())
+    .directive('footerView', () => new FooterView())
+
+  // Directives - Functional
+  angular
+    .module('app')
+    .directive('snAutofocus', ['$timeout', autofocus])
+    .directive('clickOutside', ['$document', clickOutside])
+    .directive('delayHide', delayHide)
+    .directive('elemReady', elemReady)
+    .directive('fileChange', fileChange)
+    .directive('infiniteScroll', [infiniteScroll])
+    .directive('lowercase', lowercase)
+    .directive('selectOnFocus', ['$window', selectOnFocus])
+    .directive('snEnter', snEnter);
+
+  // Directives - Views
+  angular
+    .module('app')
+    .directive('accountMenu', () => new AccountMenu())
+    .directive('actionsMenu', () => new ActionsMenu())
+    .directive('challengeModal', () => new ChallengeModal())
+    .directive('componentModal', () => new ComponentModal())
+    .directive('componentView', () => new ComponentView())
+    .directive('editorMenu', () => new EditorMenu())
+    .directive('inputModal', () => new InputModal())
+    .directive('menuRow', () => new MenuRow())
+    .directive('panelResizer', () => new PanelResizer())
+    .directive('passwordWizard', () => new PasswordWizard())
+    .directive('permissionsModal', () => new PermissionsModal())
+    .directive('privilegesAuthModal', () => new PrivilegesAuthModal())
+    .directive('privilegesManagementModal', () => new PrivilegesManagementModal())
+    .directive('revisionPreviewModal', () => new RevisionPreviewModal())
+    .directive('sessionHistoryMenu', () => new SessionHistoryMenu())
+    .directive('syncResolutionMenu', () => new SyncResolutionMenu());
+
+  // Filters
+  angular
+    .module('app')
+    .filter('trusted', ['$sce', trusted]);
+
+  // Services
+  angular.module('app').service('mainApplicationGroup', ApplicationGroup);
+
+  // Debug
+  if (isDev) {
+    Object.defineProperties(window, {
+      application: {
+        get: () =>
+          (angular.element(document).injector().get('mainApplicationGroup') as any)
+            .application,
+      },
+    });
+  }
 }