Use ES6 modules, build for CJS and AMD

Author: rxaviers

.gitignore

@@ -1,3 +1,2 @@
-node_modules
-examples/app.js
-examples/react-globalize.js
+node_modules/
+dist/

Gruntfile.js

@@ -0,0 +1,44 @@
+module.exports = function(grunt) {
+    grunt.loadNpmTasks("grunt-esperanto");
+
+    grunt.initConfig({
+        esperanto: {
+            amd: {
+                options: {
+                    type: "amd"
+                },
+                expand: true,
+                cwd: "src",
+                src : ["**.js", "!index.js"],
+                dest: "dist/amd/"
+            },
+            cjs: {
+                options: {
+                    type: "cjs"
+                },
+                expand: true,
+                cwd: "src",
+                src : ["**.js"],
+                dest: "dist/"
+            
+            }
+        }
+    });
+
+    grunt.registerTask("esperanto-cjs-cleanup", function() {
+        var done = this.async();
+        var srcFiles = grunt.file.expand("dist/**.js").map(function(filepath) {
+            var newContent;
+            var content = grunt.file.read(filepath);
+
+            // Remove entries like /^require("globalize/currency");$/
+            newContent = content.replace(/require\('globalize\/.*/g, "");
+            if (content !== newContent) {
+                grunt.file.write(filepath, newContent);
+            }
+        });
+    });
+
+    grunt.registerTask("build", ["esperanto", "esperanto-cjs-cleanup"]);
+    grunt.registerTask("default", ["build"]);
+};

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2015 Kris Borchers
+Copyright (c) 2015 Kris Borchers, Rafael Xavier de Souza @rxaviers
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

index.js

@@ -2,7 +2,7 @@
   "name": "react-globalize",
   "version": "0.2.0",
   "description": "Bringing the i18n functionality of Globalize, backed by CLDR, to React",
-  "main": "index.js",
+  "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

package.json

@@ -0,0 +1,5 @@
+import React from "react";
+import generator from "./generator";
+import "globalize/currency";
+
+export default React.createClass(generator("formatCurrency", ["value", "currency", "options"]));

src/currency.js

@@ -0,0 +1,5 @@
+import React from "react";
+import generator from "./generator";
+import "globalize/date";
+
+export default React.createClass(generator("formatDate", ["value", "options"]));

src/date.js

@@ -0,0 +1,33 @@
+import React from "react";
+import Globalize from "globalize";
+
+function capitalizeFirstLetter(string) {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
+function generator(fn, argArray, options) {
+    var Fn = capitalizeFirstLetter(fn);
+    options = options || {};
+    return {
+        displayName: Fn,
+        format: function() {
+            return this.instance[fn].apply(this.instance, this.args);
+        },
+        render: function() {
+            var formatted;
+            var componentProps = this.props;
+            this.instance = Globalize;
+            this.args = argArray.map(function(element) {
+                return componentProps[element];
+            });
+
+            if (this.props["locale"]) {
+              this.instance = Globalize(this.props["locale"]);
+            }
+
+            return React.DOM.span(null, this.format());
+        }
+    }
+};
+
+export default generator;

src/generator.js

@@ -0,0 +1,13 @@
+import FormatCurrency from "./currency";
+import FormatDate from "./date";
+import FormatMessage from "./message";
+import FormatNumber from "./number";
+import FormatRelativeTime from "./relative-time";
+
+export default {
+    FormatCurrency: FormatCurrency,
+    FormatDate: FormatDate,
+    FormatMessage: FormatMessage,
+    FormatNumber: FormatNumber,
+    FormatRelativeTime: FormatRelativeTime
+};

src/index.js

@@ -0,0 +1,7 @@
+import Globalize from "globalize";
+import React from "react";
+import generator from "./generator";
+import "globalize/message";
+import "globalize/plural";
+
+export default React.createClass(generator("formatMessage", ["path", "variables"]));