Skip to content

Commit 2ef0d1c

Browse files
rstoenescurstoenescu
committed
chore: UMD test
1 parent 0d7c8a7 commit 2ef0d1c

File tree

5 files changed

+123
-5
lines changed

5 files changed

+123
-5
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
.DS_Store
22
.Thumbs.db
33
node_modules/
4+
dev-umd/dist
45
dist/
56
deploy/
67
npm-debug.log

‎build/script.test-umd.js‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
const
2+
fs = require('fs'),
3+
{ resolve } = require('path'),
4+
sym = require('sym'),
5+
opn = require('opn')
6+
7+
const
8+
src = resolve(__dirname, '../dist'),
9+
dest = resolve(__dirname, '../dev-umd/dist')
10+
11+
if (!fs.existsSync(src)) {
12+
console.error('ERROR: please "npm run build" first')
13+
process.exit(0)
14+
}
15+
16+
if (!fs.existsSync(dest)) {
17+
sym(src, dest, 'dir')
18+
}
19+
20+
opn(
21+
resolve(__dirname, '../dev-umd/index.mat.umd.html'),
22+
{ wait: false }
23+
)

‎dev-umd/index.mat.umd.html‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="format-detection" content="telephone=no">
7+
<meta name="msapplication-tap-highlight" content="no">
8+
<meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">
9+
10+
<title>Quasar UMD test</title>
11+
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet" type="text/css">
12+
<link href="dist/umd/quasar.mat.css" rel="stylesheet" type="text/css">
13+
</head>
14+
<body>
15+
<div id="q-app">
16+
<q-layout view="lHh Lpr fff">
17+
<q-layout-header>
18+
<q-toolbar class="glossy">
19+
<q-btn flat round dense @click="drawerState = !drawerState" icon="fas fa-bars"></q-btn>
20+
21+
<q-toolbar-title>
22+
Quasar App - t
23+
<div slot="subtitle">Running on Quasar v{{ version }}</div>
24+
</q-toolbar-title>
25+
</q-toolbar>
26+
</q-layout-header>
27+
28+
<q-layout-drawer v-model="drawerState" content-class="bg-grey-3">
29+
<q-list no-border link inset-delimiter>
30+
<q-list-header>Essential Links</q-list-header>
31+
<q-item @click.native="launch('http://quasar-framework.org')">
32+
<q-item-side icon="fas fa-graduation-cap"></q-item-side>
33+
<q-item-main label="Docs" sublabel="quasar-framework.org"></q-item-main>
34+
</q-item>
35+
<q-item @click.native="launch('http://forum.quasar-framework.org')">
36+
<q-item-side icon="far fa-clipboard"></q-item-side>
37+
<q-item-main label="Forum" sublabel="forum.quasar-framework.org"></q-item-main>
38+
</q-item>
39+
<q-item @click.native="launch('https://gitter.im/quasarframework/Lobby')">
40+
<q-item-side icon="fas fa-comments"></q-item-side>
41+
<q-item-main label="Gitter Channel" sublabel="Quasar Lobby"></q-item-main>
42+
</q-item>
43+
<q-item @click.native="launch('https://twitter.com/quasarframework')">
44+
<q-item-side icon="fab fa-twitter"></q-item-side>
45+
<q-item-main label="Twitter" sublabel="@quasarframework"></q-item-main>
46+
</q-item>
47+
</q-list>
48+
</q-layout-drawer>
49+
50+
<q-page-container>
51+
<my-page></my-page>
52+
</q-page-container>
53+
</q-layout>
54+
</div>
55+
56+
<script type="text/x-template" id="my-page">
57+
<q-page padding>
58+
59+
<!-- page content; replace this entirely -->
60+
<div class="row flex-center absolute-full">
61+
"npm run test:umd"
62+
</div>
63+
64+
</q-page>
65+
</script>
66+
67+
<script src="dist/umd/quasar.ie.polyfills.umd.min.js"></script>
68+
<script src="https://unpkg.com/vue/dist/vue.js"></script>
69+
<script src="dist/umd/quasar.mat.umd.js"></script>
70+
<script src="dist/umd/i18n.es.umd.min.js"></script>
71+
<script src="dist/umd/icons.fontawesome.umd.min.js"></script>
72+
73+
<script>
74+
Quasar.i18n.set(Quasar.i18n.es)
75+
Quasar.icons.set(Quasar.icons.fontawesome)
76+
77+
Vue.component('my-page', {
78+
template: '#my-page'
79+
})
80+
81+
new Vue({
82+
el: '#q-app',
83+
data: function () {
84+
return {
85+
version: Quasar.version,
86+
drawerState: true
87+
}
88+
},
89+
methods: {
90+
launch: function (url) {
91+
Quasar.utils.openURL(url)
92+
}
93+
}
94+
})
95+
</script>
96+
</body>
97+
</html>

‎package-lock.json‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎package.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
"clean": "node build/script.clean.js",
1313
"dev": "node build/script.dev.js",
1414
"build": "node build/script.build.js",
15+
"test:umd": "node build/script.test-umd.js",
1516
"lint": "eslint --ext .js,.vue src dev",
1617
"deploy": "build/deploy.sh"
1718
},
@@ -89,6 +90,7 @@
8990
"stylint": "^1.5.6",
9091
"stylus": "^0.54.5",
9192
"stylus-loader": "^3.0.1",
93+
"sym": "0.0.4",
9294
"uglify-es": "^3.3.7",
9395
"url-loader": "^0.6.2",
9496
"vue": "^2.5.11",

0 commit comments

Comments
 (0)