diff --git a/gulpfile.ts b/gulpfile.ts
index 331d7d681..65c05d1f9 100644
--- a/gulpfile.ts
+++ b/gulpfile.ts
@@ -159,7 +159,7 @@ gulp.task('build:client:scripts', () => new Promise(async (ok) => {
const StringReplacePlugin = require('string-replace-webpack-plugin');
/* webpack options */
- const pack = {
+ const pack: Webpack.Configuration = {
entry: {
'client': './src/web/app/client/script.js',
'desktop': './src/web/app/desktop/script.js',
@@ -168,27 +168,18 @@ gulp.task('build:client:scripts', () => new Promise(async (ok) => {
'auth': './src/web/app/auth/script.js'
},
module: {
- preLoaders: [
+ rules: [
{
- test: /\.(tag|js|styl)$/,
+ enforce: 'pre',
+ test: /\.tag$/,
exclude: /node_modules/,
loader: StringReplacePlugin.replace({
replacements: [
- { pattern: /VERSION/g, replacement: () => `'${commit ? commit.hash : 'null'}'` },
{ pattern: /\$theme\-color\-foreground/g, replacement: () => '#fff' },
{ pattern: /\$theme\-color/g, replacement: () => config.themeColor },
- { pattern: /CONFIG\.theme\-color/g, replacement: () => `'${config.themeColor}'` },
- { pattern: /CONFIG\.themeColor/g, replacement: () => `'${config.themeColor}'` },
- { pattern: /CONFIG\.api\.url/g, replacement: () => `'${config.api_url}'` },
- { pattern: /CONFIG\.urls\.about/g, replacement: () => `'${config.about_url}'` },
- { pattern: /CONFIG\.urls\.dev/g, replacement: () => `'${config.dev_url}'` },
- { pattern: /CONFIG\.url/g, replacement: () => `'${config.url}'` },
- { pattern: /CONFIG\.host/g, replacement: () => `'${config.host}'` },
- { pattern: /CONFIG\.recaptcha\.siteKey/g, replacement: () => `'${config.recaptcha.siteKey}'` },
- ]})
+ ]
+ })
},
- ],
- loaders: [
{
test: /\.tag$/,
exclude: /node_modules/,
@@ -208,12 +199,37 @@ gulp.task('build:client:scripts', () => new Promise(async (ok) => {
},
{
test: /\.styl$/,
- loaders: ['style', 'css', 'stylus']
+ exclude: /node_modules/,
+ use: [
+ {
+ loader: 'style-loader'
+ },
+ {
+ loader: 'css-loader'
+ },
+ {
+ loader: 'stylus-loader'
+ }
+ ]
}
]
},
plugins: [
- new StringReplacePlugin()
+ new Webpack.DefinePlugin({
+ VERSION: JSON.stringify(commit ? commit.hash : null),
+ CONFIG: {
+ themeColor: JSON.stringify(config.themeColor),
+ apiUrl: JSON.stringify(config.api_url),
+ aboutUrl: JSON.stringify(config.about_url),
+ devUrl: JSON.stringify(config.dev_url),
+ host: JSON.stringify(config.host),
+ url: JSON.stringify(config.url),
+ recaptcha: {
+ siteKey: JSON.stringify(config.recaptcha.siteKey),
+ }
+ }
+ }),
+ new StringReplacePlugin(),
],
output: {
filename: '[name]/script.js'
@@ -226,7 +242,7 @@ gulp.task('build:client:scripts', () => new Promise(async (ok) => {
//pack.plugins.push(new Webpack.optimize.UglifyJsPlugin())
}
- let stream = webpack(pack);
+ let stream = webpack(pack, Webpack);
// TODO: remove this block
if (isProduction) {
diff --git a/src/web/app/boot.js b/src/web/app/boot.js
index b98602d40..c5dc6845a 100644
--- a/src/web/app/boot.js
+++ b/src/web/app/boot.js
@@ -17,6 +17,11 @@ require('./common/tags');
document.domain = CONFIG.host;
+// Set global configration
+riot.mixin({
+ CONFIG: CONFIG
+});
+
// ↓ iOS待ちPolyfill (SEE: http://caniuse.com/#feat=fetch)
require('whatwg-fetch');
@@ -109,7 +114,7 @@ function fetchme(token, cb) {
}
// Fetch user
- fetch(CONFIG.api.url + '/i', {
+ fetch(CONFIG.apiUrl + '/i', {
method: 'POST',
body: JSON.stringify({
i: token
diff --git a/src/web/app/common/scripts/api.js b/src/web/app/common/scripts/api.js
index 924d697eb..b549fe47b 100644
--- a/src/web/app/common/scripts/api.js
+++ b/src/web/app/common/scripts/api.js
@@ -24,7 +24,7 @@ module.exports = (i, endpoint, data = {}) => {
return new Promise((resolve, reject) => {
// Send request
- fetch(endpoint.indexOf('://') > -1 ? endpoint : `${CONFIG.api.url}/${endpoint}`, {
+ fetch(endpoint.indexOf('://') > -1 ? endpoint : `${CONFIG.apiUrl}/${endpoint}`, {
method: 'POST',
body: JSON.stringify(data),
credentials: endpoint === 'signin' ? 'include' : 'omit'
diff --git a/src/web/app/common/scripts/messaging-stream.js b/src/web/app/common/scripts/messaging-stream.js
index 17634c070..2c00c2402 100644
--- a/src/web/app/common/scripts/messaging-stream.js
+++ b/src/web/app/common/scripts/messaging-stream.js
@@ -12,7 +12,7 @@ class Connection {
this.event = riot.observable();
this.me = me;
- const host = CONFIG.api.url.replace('http', 'ws');
+ const host = CONFIG.apiUrl.replace('http', 'ws');
this.socket = new ReconnectingWebSocket(`${host}/messaging?i=${me.token}&otherparty=${otherparty}`);
this.socket.addEventListener('open', this.onOpen);
this.socket.addEventListener('message', this.onMessage);
diff --git a/src/web/app/common/scripts/stream.js b/src/web/app/common/scripts/stream.js
index 5c8c3e107..34ddc8447 100644
--- a/src/web/app/common/scripts/stream.js
+++ b/src/web/app/common/scripts/stream.js
@@ -5,7 +5,7 @@ module.exports = me => {
let state = 'initializing';
const stateEv = riot.observable();
const event = riot.observable();
- const host = CONFIG.api.url.replace('http', 'ws');
+ const host = CONFIG.apiUrl.replace('http', 'ws');
const socket = new ReconnectingWebSocket(`${host}?i=${me.token}`);
socket.onopen = () => {
diff --git a/src/web/app/common/tags/introduction.tag b/src/web/app/common/tags/introduction.tag
index 7950586a2..24fe86e99 100644
--- a/src/web/app/common/tags/introduction.tag
+++ b/src/web/app/common/tags/introduction.tag
@@ -3,7 +3,7 @@
Misskeyとは？
Misskeyは、syuiloが2014年くらいからオープンソースで開発・運営を行っている、ミニブログベースのSNSです。
Twitter, Facebook, LINE, Google+ などをパクって参考にしています。
無料で誰でも利用でき、広告は一切掲載していません。
-もっと知りたい方はこちら
+もっと知りたい方はこちら