diff --git a/meteor/README.md b/meteor/README.md
index 1567f2a5..27ca1e4f 100644
--- a/meteor/README.md
+++ b/meteor/README.md
@@ -47,9 +47,10 @@ If you encounter an issue while using this package, please CC @dandv when you fi
# DONE
+* Automatically initialize the JS on client startup: `$.material.init()`
* Material Design Icons font loading test: EOT, SVG, TTF, WOFF
* Bootstrap plugin loading tests
-* Visual check , inclding for the ripple effect
+* Visual check, including for the ripple effect
# TODO
diff --git a/meteor/example/.meteor/.gitignore b/meteor/example/.meteor/.gitignore
new file mode 100644
index 00000000..40830374
--- /dev/null
+++ b/meteor/example/.meteor/.gitignore
@@ -0,0 +1 @@
+local
diff --git a/meteor/example/.meteor/packages b/meteor/example/.meteor/packages
new file mode 100644
index 00000000..6b6e741e
--- /dev/null
+++ b/meteor/example/.meteor/packages
@@ -0,0 +1,7 @@
+# Meteor packages used by this project, one per line.
+#
+# 'meteor add' and 'meteor remove' will edit this file for you,
+# but you can also edit it by hand.
+
+meteor-platform
+fezvrasta:bootstrap-material-design-noglyph
diff --git a/meteor/example/.meteor/release b/meteor/example/.meteor/release
new file mode 100644
index 00000000..f1b62559
--- /dev/null
+++ b/meteor/example/.meteor/release
@@ -0,0 +1 @@
+METEOR@1.0.1
diff --git a/meteor/example/client/bmd.css b/meteor/example/client/bmd.css
new file mode 100644
index 00000000..c79f2707
--- /dev/null
+++ b/meteor/example/client/bmd.css
@@ -0,0 +1,3 @@
+body {
+ background: #8BC34A;
+}
diff --git a/meteor/example/client/bmd.html b/meteor/example/client/bmd.html
new file mode 100644
index 00000000..eace9872
--- /dev/null
+++ b/meteor/example/client/bmd.html
@@ -0,0 +1,14 @@
+
+
Watch the ripple effect on newly created buttons!
+
+ {{> hello}}
+
+
+
+
+
+ {{#each buttons}}
+
+
+ {{/each}}
+
diff --git a/meteor/example/client/bmd.js b/meteor/example/client/bmd.js
new file mode 100644
index 00000000..5914f5b3
--- /dev/null
+++ b/meteor/example/client/bmd.js
@@ -0,0 +1,15 @@
+'use strict';
+
+var Buttons = new Mongo.Collection(null);
+
+Template.hello.helpers({
+ buttons: function () {
+ return Buttons.find();
+ }
+});
+
+Template.hello.events({
+ 'click button': function (event, template) {
+ Buttons.insert({name: _.sample(['No, click ME!', 'Click me too!', 'Click here!', 'Hey!', 'Psst!'])});
+ }
+});
diff --git a/meteor/example/packages/bootstrap-material-design b/meteor/example/packages/bootstrap-material-design
new file mode 120000
index 00000000..1b20c9fb
--- /dev/null
+++ b/meteor/example/packages/bootstrap-material-design
@@ -0,0 +1 @@
+../../../
\ No newline at end of file
diff --git a/meteor/example/run.bat b/meteor/example/run.bat
new file mode 100755
index 00000000..c13b17ee
--- /dev/null
+++ b/meteor/example/run.bat
@@ -0,0 +1,5 @@
+mklink ..\..\package.js "meteor/package-noglyph.js"
+mklink package.json "../../package.json"
+set MONGO_URL=mongodb://
+meteor run
+del ..\..\package.js package.json
diff --git a/meteor/example/run.sh b/meteor/example/run.sh
new file mode 100755
index 00000000..3cfe6c87
--- /dev/null
+++ b/meteor/example/run.sh
@@ -0,0 +1,15 @@
+# sanity check: make sure we're in the root directory of the example
+cd "$( dirname "$0" )"
+
+# delete temp files even if Ctrl+C is pressed
+int_trap() {
+ echo "Cleaning up..."
+}
+trap int_trap INT
+
+ln -s "meteor/package-noglyph.js" ../../package.js
+ln -s "../../package.json" package.json
+
+MONGO_URL=mongodb:// meteor run
+
+rm ../../package.js package.json
diff --git a/meteor/init.js b/meteor/init.js
new file mode 100644
index 00000000..2fee761d
--- /dev/null
+++ b/meteor/init.js
@@ -0,0 +1,3 @@
+Meteor.startup(function () {
+ $.material.init();
+});
diff --git a/meteor/package-noglyph.js b/meteor/package-noglyph.js
index 2f0ebcde..dbf76347 100644
--- a/meteor/package-noglyph.js
+++ b/meteor/package-noglyph.js
@@ -26,7 +26,8 @@ Package.onUse(function (api) {
'dist/css/material-wfont.css', // includes @font-face rules to load the Roboto font
'dist/css/ripples.css',
'dist/js/material.js',
- 'dist/js/ripples.js'
+ 'dist/js/ripples.js',
+ 'meteor/init.js'
], where);
});
diff --git a/meteor/package-noicons.js b/meteor/package-noicons.js
index 62956470..fa25f126 100644
--- a/meteor/package-noicons.js
+++ b/meteor/package-noicons.js
@@ -21,7 +21,8 @@ Package.onUse(function (api) {
'dist/css/material-wfont.css', // includes @font-face rules to load the Roboto font
'dist/css/ripples.css',
'dist/js/material.js',
- 'dist/js/ripples.js'
+ 'dist/js/ripples.js',
+ 'meteor/init.js'
], where);
});
diff --git a/meteor/package.js b/meteor/package.js
index 633c9fbb..84aec64e 100644
--- a/meteor/package.js
+++ b/meteor/package.js
@@ -26,7 +26,8 @@ Package.onUse(function (api) {
'dist/css/material-wfont.css', // includes @font-face rules to load the Roboto font
'dist/css/ripples.css',
'dist/js/material.js',
- 'dist/js/ripples.js'
+ 'dist/js/ripples.js',
+ 'meteor/init.js'
], where);
});