From d9703eab67feeecde189ab81c39b02d90f53be85 Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 22 Feb 2017 03:13:19 +0900 Subject: [PATCH 1/3] Clean up --- gulpfile.ts | 6 +---- src/web/app/base.pug | 4 ++-- src/web/app/boot.js | 2 +- src/web/app/client/script.js | 46 +++++++++++++++++++----------------- src/web/app/init.css | 24 +++++++++---------- 5 files changed, 40 insertions(+), 42 deletions(-) diff --git a/gulpfile.ts b/gulpfile.ts index 30812bead9..c32bad5445 100644 --- a/gulpfile.ts +++ b/gulpfile.ts @@ -174,11 +174,7 @@ gulp.task('build:client:scripts', () => new Promise(async (ok) => { .pipe(babel({ presets: ['es2015'] })) - .pipe(uglify({ - mangle: { - toplevel: true - } - })); + .pipe(uglify()); } es.merge( diff --git a/src/web/app/base.pug b/src/web/app/base.pug index 805feaee6c..e65726fba5 100644 --- a/src/web/app/base.pug +++ b/src/web/app/base.pug @@ -16,8 +16,8 @@ html(lang='ja', dir='ltr') block head body - noscript: div: p JavaScriptを有効にしてください - div#init: p + noscript: p JavaScriptを有効にしてください + div#ini: p span . span . span . diff --git a/src/web/app/boot.js b/src/web/app/boot.js index 06e457e2b3..6399accd33 100644 --- a/src/web/app/boot.js +++ b/src/web/app/boot.js @@ -94,7 +94,7 @@ module.exports = callback => { mixins(me); - const init = document.getElementById('init'); + const init = document.getElementById('ini'); init.parentNode.removeChild(init); const app = document.createElement('div'); diff --git a/src/web/app/client/script.js b/src/web/app/client/script.js index 880500eb1b..c049198065 100644 --- a/src/web/app/client/script.js +++ b/src/web/app/client/script.js @@ -1,26 +1,28 @@ -const head = document.getElementsByTagName('head')[0]; -const ua = navigator.userAgent.toLowerCase(); -const isMobile = /mobile|iphone|ipad|android/.test(ua); +(() => { + const head = document.getElementsByTagName('head')[0]; + const ua = navigator.userAgent.toLowerCase(); + const isMobile = /mobile|iphone|ipad|android/.test(ua); -isMobile ? mountMobile() : mountDesktop(); + isMobile ? mountMobile() : mountDesktop(); -function mountDesktop() { - const script = document.createElement('script'); - script.setAttribute('src', '/_/resources/desktop/script.js'); - script.setAttribute('async', 'true'); - script.setAttribute('defer', 'true'); - head.appendChild(script); -} + function mountDesktop() { + const script = document.createElement('script'); + script.setAttribute('src', '/_/resources/desktop/script.js'); + script.setAttribute('async', 'true'); + script.setAttribute('defer', 'true'); + head.appendChild(script); + } -function mountMobile() { - const meta = document.createElement('meta'); - meta.setAttribute('name', 'viewport'); - meta.setAttribute('content', 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no'); - head.appendChild(meta); + function mountMobile() { + const meta = document.createElement('meta'); + meta.setAttribute('name', 'viewport'); + meta.setAttribute('content', 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no'); + head.appendChild(meta); - const script = document.createElement('script'); - script.setAttribute('src', '/_/resources/mobile/script.js'); - script.setAttribute('async', 'true'); - script.setAttribute('defer', 'true'); - head.appendChild(script); -} + const script = document.createElement('script'); + script.setAttribute('src', '/_/resources/mobile/script.js'); + script.setAttribute('async', 'true'); + script.setAttribute('defer', 'true'); + head.appendChild(script); + } +})(); diff --git a/src/web/app/init.css b/src/web/app/init.css index 2a277a9c84..c92f30b443 100644 --- a/src/web/app/init.css +++ b/src/web/app/init.css @@ -4,9 +4,9 @@ html { font-family: sans-serif; } -body > noscript > div { +body > noscript { position: fixed; - z-index: 32768; + z-index: 2; top: 0; left: 0; width: 100%; @@ -14,16 +14,16 @@ body > noscript > div { text-align: center; background: #fff; } - body > noscript > div > p { + body > noscript > p { display: block; margin: 32px; font-size: 2em; color: #555; } -#init { +#ini { position: fixed; - z-index: 16384; + z-index: 1; top: 0; left: 0; width: 100%; @@ -32,27 +32,27 @@ body > noscript > div { background: #fff; cursor: wait; } - #init > p { + #ini > p { display: block; user-select: none; margin: 32px; font-size: 4em; color: #555; } - #init > p > span { - animation: init 1.4s infinite ease-in-out both; + #ini > p > span { + animation: ini 1.4s infinite ease-in-out both; } - #init > p > span:nth-child(1) { + #ini > p > span:nth-child(1) { animation-delay: 0s; } - #init > p > span:nth-child(2) { + #ini > p > span:nth-child(2) { animation-delay: 0.16s; } - #init > p > span:nth-child(3) { + #ini > p > span:nth-child(3) { animation-delay: 0.32s; } -@keyframes init { +@keyframes ini { 0%, 80%, 100% { opacity: 1; } From c38a7922380ae3fe86da6d28e12d6633bd8e9c5d Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 22 Feb 2017 03:27:27 +0900 Subject: [PATCH 2/3] Fix bug --- tsconfig.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tsconfig.json b/tsconfig.json index a0a2a4e298..24925687a6 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -21,6 +21,6 @@ "./src/**/*.ts" ], "exclude": [ - "./src/web/**/*.ts" + "./src/web/app/**/*.ts" ] } From 15b237875b62454f7520b261e281860ccf572532 Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 22 Feb 2017 03:27:38 +0900 Subject: [PATCH 3/3] Clean up --- src/web/app/auth/tags/index.tag | 2 +- src/web/app/auth/view.pug | 4 ++-- src/web/app/boot.js | 4 ++-- src/web/app/client/script.js | 4 ++-- src/web/app/common/tags/core-error.tag | 2 +- src/web/app/common/tags/messaging/index.tag | 2 +- src/web/app/common/tags/messaging/message.tag | 2 +- src/web/app/desktop/tags/drive/file.tag | 6 +++--- src/web/app/desktop/tags/pages/entrance.tag | 2 +- src/web/app/desktop/tags/post-form.tag | 2 +- src/web/app/desktop/tags/ui-header.tag | 2 +- src/web/app/dev/view.pug | 4 ++-- src/web/app/mobile/tags/page/entrance.tag | 2 +- src/web/server.ts | 2 +- 14 files changed, 20 insertions(+), 20 deletions(-) diff --git a/src/web/app/auth/tags/index.tag b/src/web/app/auth/tags/index.tag index f80e9dd1bc..218101f3dd 100644 --- a/src/web/app/auth/tags/index.tag +++ b/src/web/app/auth/tags/index.tag @@ -23,7 +23,7 @@

サインインしてください

-
Misskey
+
Misskey