fix: Standalone build & code structure refactoring

Author: rstoenescu

dev/components/form/search.vue

@@ -7,6 +7,12 @@
 
       <br><br>
 
+      <div v-if="$quasar.platform.is.desktop">Desktop</div>
+      <div v-else>Not desktop</div>
+
+      <div v-if="$quasar.theme === 'mat'">Mat</div>
+      <div v-else>iOS</div>
+
       <quasar-search v-model="search"></quasar-search>
       <quasar-search v-model="search" class="orange"></quasar-search>
       <quasar-search v-model="search" class="secondary" icon="explore" placeholder="Places"></quasar-search>

src/components/action-sheet/ActionSheet.vue

@@ -7,7 +7,7 @@
     :content-css="css"
   >
     <!-- Material -->
-    <div v-once v-if="theme === 'mat'">
+    <div v-once v-if="$quasar.theme === 'mat'">
       <div v-if="title" class="modal-header" v-html="title"></div>
 
       <div class="modal-scroll">
@@ -55,7 +55,7 @@
     </div>
 
     <!-- iOS -->
-    <div v-once v-if="theme === 'ios'">
+    <div v-once v-if="$quasar.theme === 'ios'">
       <div class="quasar-action-sheet">
         <div v-if="title" class="modal-header" v-html="title"></div>
 
@@ -106,7 +106,7 @@
 </template>
 
 <script>
-import { current } from '../../theme'
+import { current as theme } from '../../features/theme'
 
 const modalCSS = {
   mat: {
@@ -133,8 +133,7 @@ export default {
   },
   data () {
     return {
-      theme: current,
-      css: modalCSS[current]
+      css: modalCSS[theme]
     }
   },
   computed: {

src/components/loading/loading.js

@@ -1,6 +1,6 @@
-import { current as theme } from '../../theme'
-import { Vue } from '../../install'
-import Events from '../../events'
+import { current as theme } from '../../features/theme'
+import { Vue } from '../../vue-install'
+import Events from '../../features/events'
 import Loading from './Loading.vue'
 
 let

src/components/modal-generator.js

@@ -1,4 +1,4 @@
-import { Vue } from '../install'
+import { Vue } from '../vue-install'
 
 export default function (VueComponent) {
   return {

src/components/toast/Toast.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import Events from '../../events'
+import Events from '../../features/events'
 import Utils from '../../utils'
 
 let

src/theme.js src/features/addressbar-color.jssrc/theme.js renamed to src/features/addressbar-color.js

@@ -1,16 +1,9 @@
 import Platform from './platform'
-import Utils from './utils'
+import Utils from '../utils'
 
-export function set (theme) {
-  if (current) {
-    document.body.classList.remove(current)
-  }
-
-  current = theme
-  document.body.classList.add(theme)
-
-  // add meta tag for mobile address bar coloring
-  if (Platform.is.mobile && !Platform.is.cordova) {
+if (Platform.is.mobile && !Platform.is.cordova) {
+  Utils.dom.ready(() => {
+    // add meta tag for mobile address bar coloring
     let tempDiv = document.createElement('div')
     tempDiv.style.height = '10px'
     tempDiv.style.position = 'absolute'
@@ -46,7 +39,5 @@ export function set (theme) {
     metaTag.setAttribute('content', hex)
 
     document.getElementsByTagName('head')[0].appendChild(metaTag)
-  }
+  })
 }
-
-export var current

src/app-fullscreen.js src/features/app-fullscreen.jssrc/app-fullscreen.js renamed to src/features/app-fullscreen.js

@@ -1,5 +1,5 @@
 import Events from './events'
-import Utils from './utils'
+import Utils from '../utils'
 
 let
   hidden = 'hidden',

src/app-visibility.js src/features/app-visibility.jssrc/app-visibility.js renamed to src/features/app-visibility.js

@@ -0,0 +1,19 @@
+import Platform from './platform'
+import Utils from '../utils'
+
+function addClass (className) {
+  document.body.classList.add(className)
+}
+
+Utils.dom.ready(() => {
+  addClass(Platform.is.desktop ? 'desktop' : 'mobile')
+  addClass(Platform.has.touch ? 'touch' : 'no-touch')
+
+  if (Platform.within.iframe) {
+    addClass('within-iframe')
+  }
+
+  if (Platform.is.cordova) {
+    addClass('cordova')
+  }
+})

src/features/body-classes.js

@@ -1,4 +1,4 @@
-import Utils from './utils'
+import Utils from '../utils'
 
 function encode (string) {
   return encodeURIComponent(string)