chore: UMD test

si2ed · Jan 21, 2018 · 2ef0d1c · 2ef0d1c
1 parent 0d7c8a7
commit 2ef0d1c
Showing 5 changed files with 123 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,7 @@
 .DS_Store
 .Thumbs.db
 node_modules/
+dev-umd/dist
 dist/
 deploy/
 npm-debug.log

diff --git a/build/script.test-umd.js b/build/script.test-umd.js
@@ -0,0 +1,23 @@
+const
+  fs = require('fs'),
+  { resolve } = require('path'),
+  sym = require('sym'),
+  opn = require('opn')
+
+const
+  src = resolve(__dirname, '../dist'),
+  dest = resolve(__dirname, '../dev-umd/dist')
+
+if (!fs.existsSync(src)) {
+  console.error('ERROR: please "npm run build" first')
+  process.exit(0)
+}
+
+if (!fs.existsSync(dest)) {
+  sym(src, dest, 'dir')
+}
+
+opn(
+  resolve(__dirname, '../dev-umd/index.mat.umd.html'),
+  { wait: false }
+)
diff --git a/dev-umd/index.mat.umd.html b/dev-umd/index.mat.umd.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="msapplication-tap-highlight" content="no">
+    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">
+
+    <title>Quasar UMD test</title>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet" type="text/css">
+    <link href="dist/umd/quasar.mat.css" rel="stylesheet" type="text/css">
+  </head>
+  <body>
+    <div id="q-app">
+      <q-layout view="lHh Lpr fff">
+        <q-layout-header>
+          <q-toolbar class="glossy">
+            <q-btn flat round dense @click="drawerState = !drawerState" icon="fas fa-bars"></q-btn>
+
+            <q-toolbar-title>
+              Quasar App - t
+              <div slot="subtitle">Running on Quasar v{{ version }}</div>
+            </q-toolbar-title>
+          </q-toolbar>
+        </q-layout-header>
+
+        <q-layout-drawer v-model="drawerState" content-class="bg-grey-3">
+          <q-list no-border link inset-delimiter>
+            <q-list-header>Essential Links</q-list-header>
+            <q-item @click.native="launch('http://quasar-framework.org')">
+              <q-item-side icon="fas fa-graduation-cap"></q-item-side>
+              <q-item-main label="Docs" sublabel="quasar-framework.org"></q-item-main>
+            </q-item>
+            <q-item @click.native="launch('http://forum.quasar-framework.org')">
+              <q-item-side icon="far fa-clipboard"></q-item-side>
+              <q-item-main label="Forum" sublabel="forum.quasar-framework.org"></q-item-main>
+            </q-item>
+            <q-item @click.native="launch('https://gitter.im/quasarframework/Lobby')">
+              <q-item-side icon="fas fa-comments"></q-item-side>
+              <q-item-main label="Gitter Channel" sublabel="Quasar Lobby"></q-item-main>
+            </q-item>
+            <q-item @click.native="launch('https://twitter.com/quasarframework')">
+              <q-item-side icon="fab fa-twitter"></q-item-side>
+              <q-item-main label="Twitter" sublabel="@quasarframework"></q-item-main>
+            </q-item>
+          </q-list>
+        </q-layout-drawer>
+
+        <q-page-container>
+          <my-page></my-page>
+        </q-page-container>
+      </q-layout>
+    </div>
+
+    <script type="text/x-template" id="my-page">
+      <q-page padding>
+
+        <!-- page content; replace this entirely -->
+        <div class="row flex-center absolute-full">
+          "npm run test:umd"
+        </div>
+
+      </q-page>
+    </script>
+
+    <script src="dist/umd/quasar.ie.polyfills.umd.min.js"></script>
+    <script src="https://unpkg.com/vue/dist/vue.js"></script>
+    <script src="dist/umd/quasar.mat.umd.js"></script>
+    <script src="dist/umd/i18n.es.umd.min.js"></script>
+    <script src="dist/umd/icons.fontawesome.umd.min.js"></script>
+
+    <script>
+      Quasar.i18n.set(Quasar.i18n.es)
+      Quasar.icons.set(Quasar.icons.fontawesome)
+
+      Vue.component('my-page', {
+        template: '#my-page'
+      })
+
+      new Vue({
+        el: '#q-app',
+        data: function () {
+          return {
+            version: Quasar.version,
+            drawerState: true
+          }
+        },
+        methods: {
+          launch: function (url) {
+            Quasar.utils.openURL(url)
+          }
+        }
+      })
+    </script>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "clean": "node build/script.clean.js",
     "dev": "node build/script.dev.js",
     "build": "node build/script.build.js",
+    "test:umd": "node build/script.test-umd.js",
     "lint": "eslint --ext .js,.vue src dev",
     "deploy": "build/deploy.sh"
   },
@@ -89,6 +90,7 @@
     "stylint": "^1.5.6",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",
+    "sym": "0.0.4",
     "uglify-es": "^3.3.7",
     "url-loader": "^0.6.2",
     "vue": "^2.5.11",