From af2ad0dbd797f300ca5f995d9c29010560482297 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=CC=88rn=20Zaefferer?= Date: Sun, 20 Nov 2016 11:44:11 +0100 Subject: [PATCH 1/2] Experimental datepicker example --- index.js | 10 ++++++++-- package.json | 5 ++++- webpack-config.js | 8 ++++++++ 3 files changed, 20 insertions(+), 3 deletions(-) diff --git a/index.js b/index.js index aef2630..cee5b35 100644 --- a/index.js +++ b/index.js @@ -2,11 +2,17 @@ require('./main.css'); require('jquery-ui/themes/base/core.css'); require('jquery-ui/themes/base/menu.css'); require('jquery-ui/themes/base/autocomplete.css'); +require('jquery-ui/themes/base/calendar.css'); +require('jquery-ui/themes/base/datepicker.css'); require('jquery-ui/themes/base/theme.css'); var $ = require('jquery'); -var autocomplete = require('jquery-ui/ui/widgets/autocomplete'); +var Autocomplete = require('jquery-ui/ui/widgets/autocomplete'); +var Datepicker = require('jquery-ui/ui/widgets/datepicker'); $('

Welcome to the programming languages quiz

').appendTo('body'); -new autocomplete({ +new Autocomplete({ source: ['javascript', 'css', 'c', 'objectivec'] }).element.appendTo('body').focus(); + +$('

When do you want to start the quiz?

').appendTo('body'); +new Datepicker({}).element.appendTo('body'); diff --git a/package.json b/package.json index aea1f7a..00c7815 100644 --- a/package.json +++ b/package.json @@ -18,11 +18,14 @@ "author": "Jörn Zaefferer", "license": "MIT", "dependencies": { + "cldr-data": "^30.0.1", + "globalize": "^1.1.2", "jquery": "^2.1.4", - "jquery-ui": "1.12.x" + "jquery-ui": "github:jquery/jquery-ui#datepicker" }, "devDependencies": { "clean-webpack-plugin": "^0.1.3", + "globalize-webpack-plugin": "^0.3.6", "css-loader": "^0.16.0", "extract-text-webpack-plugin": "^0.8.2", "file-loader": "^0.8.4", diff --git a/webpack-config.js b/webpack-config.js index f12147d..ddec1fb 100644 --- a/webpack-config.js +++ b/webpack-config.js @@ -1,6 +1,7 @@ var Clean = require('clean-webpack-plugin'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var HtmlWebpackPlugin = require('html-webpack-plugin'); +var GlobalizePlugin = require('globalize-webpack-plugin'); module.exports = { entry: { @@ -25,6 +26,13 @@ module.exports = { plugins: [ new Clean(['dist']), new ExtractTextPlugin("app.[hash].css"), + new GlobalizePlugin({ + // toggle this for actual production builds + production: false, + developmentLocale: "de", + supportedLocales: [ "de" ], + output: "globalize-compiled-data-[locale].[hash].js" + }), new HtmlWebpackPlugin({ title: 'jQuery UI Autocomplete demo, built with webpack' }) From 55605f423d7edab7f2a831a46da5ff1608c67500 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=CC=88rn=20Zaefferer?= Date: Mon, 21 Nov 2016 09:08:19 +0100 Subject: [PATCH 2/2] Ignore questionable dependencies, globalize-webpack-plugin should provide those --- webpack-config.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/webpack-config.js b/webpack-config.js index ddec1fb..641005d 100644 --- a/webpack-config.js +++ b/webpack-config.js @@ -11,6 +11,10 @@ module.exports = { path: './dist', filename: 'app.[hash].js' }, + externals: { + 'globalize-locales': 'var {}', + 'globalize/date': 'var {}' + }, module: { loaders: [ {