Add Meteor support in 3 lines of code, make test independent of Compo…

…nent
component · May 3, 2014 · dc1289c · dc1289c
1 parent a210284
commit dc1289c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/component.json b/component.json
@@ -1,7 +1,7 @@
 {
   "name": "textarea-caret-position",
   "repo": "component/textarea-caret-position",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "(x, y) coordinates of the caret in a textarea or input type='text'",
   "development": {
     "component/assert": "*"

diff --git a/index.js b/index.js
@@ -42,7 +42,8 @@ var properties = [
 ];
 
 var isFirefox = !(window.mozInnerScreenX == null);
-module.exports = function (textarea, position, recalculate) {
+
+var getCaretCoordinatesFn = function (element, position, recalculate) {
   // mirrored div
   var div = document.createElement('div');
   div.id = 'input-textarea-caret-position-mirror-div';
@@ -97,3 +98,9 @@ module.exports = function (textarea, position, recalculate) {
 
   return coordinates;
 }
+
+if (typeof Package !== 'undefined') {
+  getCaretCoordinates = getCaretCoordinatesFn;  // Meteor
+} else {
+  module.exports = getCaretCoordinatesFn;    // Component
+}
diff --git a/test/index.html b/test/index.html
@@ -5,7 +5,7 @@
     <title>input and textarea caret-position testing ground</title>
     <link rel="stylesheet" type="text/css" href="index.css">
     <script src="../build/build.js"></script>
-    <script src="../index.js"></script>
+    <script src="../index.js"></script>  <!-- this will trigger an `Uncaught ReferenceError: module is not defined`, which can be safely ignored -->
   </head>
   <body>
     <p>Click anywhere in the text to see a red vertical line &ndash; a 1-pixel-thick
@@ -41,8 +41,9 @@
     </textarea>
 
     <script>
-      if (window.require)  // if not in Component, allow the bare HTML demo to work
-        getCaretCoordinates = require('textarea-caret-position');
+      // if Component is not installed, allow the bare HTML demo to work
+      getCaretCoordinates = window.require ? require('textarea-caret-position') : getCaretCoordinatesFn;
+
       ['input[type="text"]', 'textarea'].forEach(function (selector) {
         var element = document.querySelector(selector);
         var fontSize = getComputedStyle(element).getPropertyValue('font-size');