tiny_mce_plugin_imageselector 0.0.2

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (C) 2011 Horowhenua Library Trust
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,24 @@
+= TinyMCE Plugin ImageSelector
+
+This gem uses the tiny_mce gem's plugin system to install the https://github.com/kete/image_selector_tinymce_plugin plugin.
+
+= Usage
+
+To use this plugin, clone the source, gem build, gem install, and add the following after the tiny_mce gem config line:
+
+  config.gem 'tiny_mce' # if you haven't done so already
+  config.gem 'tiny_mce_plugin_imageselector'
+
+You'll want to adjust your config/tiny_mce.yml file to take advantage of the plugin.
+
+The imageselector plugin assumes that your site has imageselector config files at /javascripts/image_selector_config/. See the README at https://github.com/kete/image_selector_tinymce_plugin/ for more details on how they are set up.
+
+= Credits
+
+tiny_mce_plugin_imageselector was created for the Kete project (http://kete.net.nz) and is maintained by Walter McGinnis <walter a-t katipo dot co dot nz>.
+
+= License
+
+tiny_mce_plugin_imageselector is covered by the MIT License. See LICENSE for more information.
+
+Copyright (C) 2011 Horowhenua Library Trust

data/lib/assets/plugins/imageselector/LICENSE

@@ -0,0 +1,22 @@
+Copyright (C) 2011 Horowhenua Library Trust
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

data/lib/assets/plugins/imageselector/README.md

@@ -0,0 +1,29 @@
+# image_selector_tinymce_plugin
+
+## Description
+
+Based on media_selector (https://github.com/kete/media_selector) JavaScript mini-application. See media_selector's README for dependencies, etc.
+
+Image Selector is a jQuery and Sammy.js based mini-application for choosing from a list of providers' media assets (images in this case) that integrates into TinyMCE editor as a plugin.
+
+Because of its dependency on jQuery, it doesn't currently work with TinyMCE's i18n translation scheme. See http://www.tinymce.com/forum/viewtopic.php?id=16761 for details. Hopefully this issue will be resolved in the future. In the meantime, translate_i18n is set to false.
+
+## Installation
+
+Copy the contents of this directory to directory called imageselector under your TinyMCE install's plugins director. Configure TinyMCE to use it via the init declaration.
+
+You'll also need to set up JSON files for your image providers and the size you want. IMPORTANT! These are assumed to be under /javascripts/image_selector_config/ on your site. See https://github.com/kete/media_selector/blob/master/data/providers.json and https://github.com/kete/media_selector/blob/master/data/sizes.json for how (you'll need to adjust URLs, etc. to suit).
+
+## Dependencies
+
+TinyMCE provides the plugin API that we are integrating with.
+
+jQuery (through a link to Google's CDN), Handlebars.js, and Sammy.js along with some Sammy.js plugins that are included in the javascripts directory.
+
+## Author
+
+image_selector_tinymce_plugin was created for the Kete project (http://kete.net.nz) and is maintained by Walter McGinnis <walter a-t katipo dot co dot nz>.
+
+## License
+
+image_selector_tinymce_plugin is covered by the MIT License. See LICENSE for more information.

data/lib/assets/plugins/imageselector/css/media_selector.css

@@ -0,0 +1,80 @@
+body {
+    font-family: sans-serif;
+}
+
+#providers {
+    float: left;
+    width: 30%;
+}
+
+#providers ul {
+    padding-left: 0;
+    margin-left: 0;
+}
+
+#providers li.upload-link {
+    list-style-type: none;
+}
+
+#providers li.source {
+    list-style-type: none;
+}
+
+#providers li.source-selected {
+    list-style-type: none;
+}
+
+#results {
+    border-left: #999 1px solid;
+    padding-left: 5%;
+    float: right;
+    width: 65%;
+}
+
+#results li.result-grid {
+    float: left;
+    margin: 5px;
+    list-style-type:none;
+    width: 250px;
+}
+
+.result-thumbnail-select {
+    display: none;
+    text-align: center;
+}
+
+a.result-size-choose {
+    text-align: center;
+}
+
+li.size-choice {
+    float: left;
+    margin: 5px;
+    list-style-type:none;
+}
+
+div.size-name {
+    text-transform: capitalize;
+}
+
+#home-link {
+    clear: both;
+}
+
+textarea.selection-embed {
+    width: 600px;
+    height: 120px;
+    border: 3px solid #cccccc;
+    padding: 5px;
+}
+
+img.spinner {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#next-page, #search-form-next {
+    clear: both;
+    width: 100%;
+}

data/lib/assets/plugins/imageselector/dialog.htm

@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Select image</title>
+
+<link rel="stylesheet" type="text/css" href="css/media_selector.css" />
+
+<script type="text/javascript" src="../../tiny_mce_popup.js?v={tinymce_version}"></script>
+
+</head>
+<body>
+
+<div id="main">
+
+<div id="providers">
+  <div id="providers-spinner" style="display: none"><img class="spinner" src="img/spinner.gif" width="16" height="16" alt="loading indicator. "></div>
+</div>
+
+<div id="results">
+  <h2 class="section-header"></h2>
+  <div id="results-spinner" style="display: none"><img class="spinner" src="img/spinner.gif" width="16" height="16" alt="loading indicator. "></div>
+</div>
+
+<div style="clear:both;"></div>
+</div>
+
+<div id="page-spinner"><img class="spinner" src="img/spinner.gif" width="16" height="16" alt="loading indicator. "></div>
+
+<div class="mceActionPanel">
+  <input type="button" id="cancel" name="cancel" value="cancel" onclick="tinyMCEPopup.close();" />
+</div>
+
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
+<script type="text/javascript">
+  jQuery.noConflict();
+  var mediaSelectorConfig = { directory: '/javascripts/image_selector_config/' };
+</script>
+
+<script src="js/sammy-0.7.0.min.js"></script>
+<script src="js/sammy.template-0.7.0.min.js"></script>
+<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta2/handlebars.min.js"></script>
+<script src="js/sammy.handlebars-0.7.0.min.js"></script>
+
+<script src="js/media_selector.js"></script>
+
+</body>
+</html>

data/lib/assets/plugins/imageselector/editor_plugin.js

@@ -0,0 +1 @@
+(function(){tinymce.PluginManager.requireLangPack('imageselector');tinymce.create('tinymce.plugins.ImageselectorPlugin',{init:function(ed,url){ed.addCommand('mceImageselector',function(){ed.windowManager.open({file:url+'/dialog.htm',width:900+parseInt(ed.getLang('imageselector.delta_width',0)),height:500+parseInt(ed.getLang('imageselector.delta_height',0)),inline:1,translate_i18n: false},{plugin_url:url})});ed.addButton('imageselector',{title:'imageselector.desc',cmd:'mceImageselector',image:url+'/img/imageselector.png'});ed.onNodeChange.add(function(ed,cm,n){cm.setActive('imageselector',n.nodeName=='IMG')})},createControl:function(n,cm){return null},getInfo:function(){return{longname:'Imageselector plugin',author:'Walter McGinnis',authorurl:'http://waltermcginnis.com',infourl:'https://github.com/kete/image_selector_tinymce_plugin',version:"0.2"}}});tinymce.PluginManager.add('imageselector',tinymce.plugins.ImageselectorPlugin)})();

data/lib/assets/plugins/imageselector/editor_plugin_src.js

@@ -0,0 +1,81 @@
+/**
+ * editor_plugin_src.js
+ *
+ * Copyright 2011, Horowhenua Library Trust
+ * Released under MIT License, see included LICENSE file
+ */
+
+(function() {
+  // Load plugin specific language pack
+  tinymce.PluginManager.requireLangPack('imageselector');
+
+  tinymce.create('tinymce.plugins.ImageselectorPlugin', {
+      /**
+       * Initializes the plugin, this will be executed after the plugin has been created.
+       * This call is done before the editor instance has finished it's initialization so use the onInit event
+       * of the editor instance to intercept that event.
+       *
+       * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
+       * @param {string} url Absolute URL to where the plugin is located.
+       */
+    init : function(ed, url) {
+	// Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceImageselector');
+	ed.addCommand('mceImageselector', function() {
+	    ed.windowManager.open({
+	      file : url + '/dialog.htm',
+		  width : 900 + parseInt(ed.getLang('imageselector.delta_width', 0)),
+		  height : 500 + parseInt(ed.getLang('imageselector.delta_height', 0)),
+		  inline : 1,
+		  translate_i18n: false
+		  }, {
+	      plugin_url : url // Plugin absolute URL
+		  });
+	  });
+
+	// Register imageselector button
+	ed.addButton('imageselector', {
+	  title : 'imageselector.desc',
+	      cmd : 'mceImageselector',
+	      image : url + '/img/imageselector.png'
+	      });
+
+	// Add a node change handler, selects the button in the UI when a image is selected
+	ed.onNodeChange.add(function(ed, cm, n) {
+	    cm.setActive('imageselector', n.nodeName == 'IMG');
+	  });
+      },
+
+	/**
+	 * Creates control instances based in the incomming name. This method is normally not
+	 * needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons
+	 * but you sometimes need to create more complex controls like listboxes, split buttons etc then this
+	 * method can be used to create those.
+	 *
+	 * @param {String} n Name of the control to create.
+	 * @param {tinymce.ControlManager} cm Control manager to use inorder to create new control.
+	 * @return {tinymce.ui.Control} New control instance or null if no control was created.
+	 */
+	createControl : function(n, cm) {
+	return null;
+      },
+
+	/**
+	 * Returns information about the plugin as a name/value array.
+	 * The current keys are longname, author, authorurl, infourl and version.
+	 *
+	 * @return {Object} Name/value array containing information about the plugin.
+	 */
+	getInfo : function() {
+	return {
+	longname : 'Imageselector plugin',
+	    author : 'Walter McGinnis',
+	    authorurl : 'http://waltermcginnis.com',
+	    infourl : 'https://github.com/kete/image_selector_tinymce_plugin',
+	    version : "0.2"
+	    };
+      }
+    });
+
+  // Register plugin
+  tinymce.PluginManager.add('imageselector', tinymce.plugins.ImageselectorPlugin);
+ })();

data/lib/assets/plugins/imageselector/js/media_selector.js

@@ -0,0 +1,562 @@
+/**
+ * media_selector.js
+ *
+ * Copyright 2011, Horowhenua Library Trust
+ * Released under MIT License, see included LICENSE file
+ *
+ * expects a mediaSelectorConfig object to be defined before this file is run
+ * it should look something like this:
+ *
+ * { directory: path/to/directory/for/config/files/ }
+ *
+ */
+(function($) {
+  var app = $.sammy('#main', function() {
+      this.use(Sammy.Handlebars, 'hb');
+
+      this.helpers({
+	stubUrlForResult: function() {
+	    return document.URL.split('#')[0] + '#/results/'
+	  },
+	providerListIdFor: function(providerIndex) {
+	    return 'provider-list-' + providerIndex;
+	  },
+	providerTitleIdFor: function(providerIndex) {
+	    return 'provider-title-' + providerIndex;
+	  },
+	setProviders: function(context) {
+	    $('#providers-spinner').hide();
+
+	    $.each(context.providers, function(i, provider) {
+		$('#providers').append("<h3 class=\"provider-title\" id=\"" + context.providerTitleIdFor(i) + "\">" + provider.title + '</h3>');
+		$('#providers').append("<ul id=\"" + context.providerListIdFor(i) + "\"></div>");
+	      });
+	  },
+	sourceIdFor: function(providerIndex, sourceIndex) {
+	    return 'source-' + providerIndex + '-' + sourceIndex;
+	  },
+	sourceTemplateStub: 'templates/source'
+	});
+
+      // load providers data for every request
+      this.around(function(callback) {
+	  var context = this;
+	  this.load(mediaSelectorConfig.directory + 'providers.json')
+            .then(function(providers) {
+		context.providers = providers;
+	      })
+            .then(callback);
+	});
+
+      // index has two panes; providers with their sources and results for selected source
+      // which in index case (none specified) is first source of first provider
+      this.get('#/', function(context) {
+	  // get the results from default_source
+	  // assumes that first provider's first source isn't a search
+	  var defaultSource = this.providers[0].sources[0];
+
+	  defaultSource.sourceId = context.sourceIdFor(0, 0);
+
+	  defaultSource['provider_title'] = this.providers[0]['title'];
+
+	  this.trigger('updateSourceTo', defaultSource);
+
+	  this.trigger('updateResultsFor', defaultSource);
+	});
+
+      // results for a give source id
+      // selected source indicated in providers source list
+      function getSource(context) {
+	var idIndexes = context.params['id'].split('-');
+	var providerIndex = idIndexes[1],
+	  sourceIndex = idIndexes[2],
+	  the_provider = context.providers[providerIndex];
+
+	// get the results from selected source
+	var selectedSource = the_provider.sources[sourceIndex];
+	
+	selectedSource['provider_title'] = the_provider['title'];
+	
+	context.trigger('updateSourceTo', selectedSource);
+	
+	context.trigger('updateResultsFor', selectedSource);
+      }
+
+      // these are the same, except for addition of pagination in route
+      this.get('#/:id', function(context) { getSource(context) });
+      this.get('#/:id/page/:page_number', function(context) { getSource(context) });
+
+      // same as above, but target for search form for a source
+      function postSearchOfSource(context) {
+	var idIndexes = context.params['id'].split('-');
+	var providerIndex = idIndexes[1],
+	  sourceIndex = idIndexes[2],
+	  the_provider = context.providers[providerIndex];
+
+	// get the results from selected source
+	var selectedSource = the_provider.sources[sourceIndex];
+	
+	selectedSource['provider_title'] = the_provider['title'];
+	
+	context.trigger('updateSourceTo', selectedSource);
+	
+	context.trigger('updateResultsFor', selectedSource);
+      }
+
+      // same except for pagination support
+      this.post('#/:id', function(context) { postSearchOfSource(context) });
+      this.post('#/:id/page/:page_number', function(context) { postSearchOfSource(context) });
+
+      // a given result's display
+      // show available sizes (based on requests to oembed provider for result id)
+      // so user may choose which size
+      this.get('#/results/:id', function(context) {
+	  $('#results').fadeOut();
+	  $('#providers').fadeOut();
+	  $('#page-spinner').fadeIn();
+
+	  // params['id'] decodes to normal url, but we need escaped version
+	  var resultUrl = escape(this.params['id']);
+
+	  var result = {
+	  url: resultUrl,
+	  hasAllSizes: false,
+	  hasSizesError: false,
+	  render: function(context) {
+	      this.updateWithNeededSizesThenRender(context);
+	    },
+	  updateWithNeededSizesThenRender: function(context) {
+	      result = this;
+
+	      if (result.hasAllSizes || result.hasSizesError) {
+		if (!(result.hasSizeError)) {
+		  // rearrange result to be an array
+		  // so we don't need to know about the keys of sizes in the template
+		  var resultSizes = [],
+		    resultTitle = '',
+		    resultAuthor= {};
+		  
+		  var sizeCount = 0;
+
+		  $.each(sizesNames(context), function(i, sizeName) {
+		      result[sizeName]["size_name"] = sizeName;
+
+		      var currentSize = {};
+
+		      $.each(context.sizes, function(i, sizeOption) {
+			  if (sizeName === sizeOption.name) {
+			    currentSize = sizeOption;
+			    return false;
+			  }
+			});
+
+		      result[sizeName]["oembed_url"] = encodeURIComponent(result.oembedUrlFor(currentSize));
+
+		      resultSizes.push(result[sizeName]);
+		      
+		      sizeCount++;
+		      
+		      if (sizeCount === 1) {
+			resultTitle = result[sizeName].title;
+
+			resultAuthor = {
+			url: result[sizeName].author_url,
+			name: result[sizeName].author_name
+			};
+		      }
+		    });
+
+		  var resultForTemplate = {
+		  result_title: resultTitle,
+		  result_author_url: resultAuthor.url,
+		  result_author_name: resultAuthor.name,
+		  sizes: resultSizes
+		  };
+
+		  $('#page-spinner').fadeOut();
+		  // this views takes whole area of page
+		  context.partial('templates/result.hb', resultForTemplate);
+		}
+	      } else {
+		// check sizes that are already complete
+		var neededSizes = [];
+
+		$.each(sizesNames(context), function(i, sizeName) {
+		    // if undefined for sizeName
+		    // push to neededSizes
+		    if (typeof(result[sizeName]) == "undefined") {
+		      neededSizes.push(sizeName);
+		    }
+		  });
+	      
+		if (neededSizes.length === 0) {
+		  // this will complete recursion during next call
+		  result.hasAllSizes = true;
+		  result.updateWithNeededSizesThenRender(context);
+		} else {
+		  // get the first in neededSizes
+		  var nextSizeName = neededSizes.shift();
+		  size = {};
+
+		  $.each(context.sizes, function(i, sizeOption) {
+		      if (nextSizeName === sizeOption.name) {
+			size = sizeOption;
+			return false;
+		      }
+		    });
+
+		  // and append what is returned from oembed to result object for that size name
+		  $.get(result.oembedUrlFor(size))
+		  .success(function(response) {
+		      // TODO: make this detect xml or json and parse accordingly
+		      // TODO: this is limited to same domain only for now, update to handle JSONP
+		      // probably need to switch to $.ajax and more complete parameters call for jsonp
+		      result[size.name] = $.parseJSON(response);
+
+		      // scope issue, response is set in calling scope, and not getting set with recursive call
+		      result.updateWithNeededSizesThenRender(context);
+		    })
+		  .error(function() {
+		      context.log("oembed response failed for " + size.name);
+		      context.partial('templates/oembed_failed.hb', { oembed_url: oembedUrlFor(size) } );
+		      // this will break cycle of recursive calls
+		      result.hasSizesError = true;
+		      result.updateWithNeededSizesThenRender(context);
+		    });
+		}
+	      }
+	    },
+	  oembedUrlFor: function(size) {
+	      var oembed_url = result.provider.oembed_endpoint + '?url=' + result.url;
+	      oembed_url += '&maxwidth=' + size.width;
+	      oembed_url += '&maxheight=' + size.height;
+	      return oembed_url;
+	    }
+	  };
+
+	  // look up provider oembed endpoint
+	  // TODO: replace this with something that doesn't iterate through each provider
+	  $.each(context.providers, function(i, provider) {
+	      // TODO: make sure this works with IE8
+	      if (result.url.indexOf(provider.domain) != -1) {
+		result["provider"] = provider;
+		return false;
+	      }
+	    });
+
+	  $.when(sizesLoadedInto(context))
+	    .then(function() {
+		result.render(context)
+	      });
+
+	});
+
+      // this gives selected result and the user's selected size
+      // and outputs end result of oembed request for html to embed the result at the selected size
+      this.get('#/selections/:id', function(context) {
+	  $('#result-description-and-sizes').fadeOut();
+	  $('#page-spinner').fadeIn();
+
+	  // params['id'] decodes to normal url, but we need escaped version
+	  var oembedUrl = this.params['id'];
+
+	  $.get(oembedUrl)
+	    .success(function(response) {
+		// TODO: make this detect xml or json and parse accordingly
+		// TODO: this is limited to same domain only for now, update to handle JSONP
+		// probably need to switch to $.ajax and more complete parameters call for jsonp
+		var selectionFromResponse = $.parseJSON(response);
+
+		// add alt value for selection so we can use it in template
+		var alt = selectionFromResponse.title;
+
+		// add a full stop to title for better accessibility
+		// start by stripping off trailing spaces for ease our following logic
+		alt = alt.replace(/\s+$/g, "");
+
+		if (alt.charAt( alt.length-1 ) === ".") {
+		  alt = alt + '. ';
+		}
+
+		selectionFromResponse.alt = alt;
+		
+		// look up matching provider, check for code to call with selectionFromResponse
+		var selectionProvider;
+
+		$.each(context.providers, function(i, provider) {
+		    // TODO: make sure this works with IE8
+		    if (oembedUrl.indexOf(provider.domain) != -1) {
+		      selectionProvider = provider;
+		      return false;
+		    }
+		  });
+
+		$('#page-spinner').fadeOut();
+
+		if (selectionProvider !== '' &&
+		    typeof selectionProvider !== 'undefined' &&
+		    selectionProvider.insertIntoEditor !== '' &&
+		    typeof selectionProvider.insertIntoEditor !== 'undefined') {
+		  
+		  if (selectionProvider.insertIntoEditor.editor !== '' &&
+		      typeof selectionProvider.insertIntoEditor.editor !== 'undefined') {
+		    
+		    // TODO: tweak this based on provider.media_type in future
+		    var valueToInsert = '<img src="' + selectionFromResponse.url + '" width="';
+		    valueToInsert = valueToInsert + selectionFromResponse.width;
+		    valueToInsert = valueToInsert + '" height="' + selectionFromResponse.height;
+		    valueToInsert = valueToInsert + '" alt="' + selectionFromResponse.alt + '"> by <a href="';
+		    valueToInsert = valueToInsert + selectionFromResponse.author_url + '">' + selectionFromResponse.author_name +'</a>';
+
+		    if (selectionProvider.insertIntoEditor.editor === 'TinyMCE') {
+		      tinyMCEPopup.editor.execCommand('mceInsertContent', false, valueToInsert);
+		      tinyMCEPopup.close();		      
+		    }
+		  }
+		  selectionProvider.processFinal(selectionFromResponse);
+
+		} else {
+		  // otherwise we render template
+		  // this view takes whole of view
+		  context.partial('templates/selection.hb', selectionFromResponse);
+		}
+	      })
+	    .error(function() {
+		context.log("oembed selection response failed for " + oembedUrl);
+		context.partial('templates/oembed_failed.hb', { oembed_url: oembedUrl });
+	      });
+	});
+
+      function sizesLoadedInto(context) {
+	return $.get(mediaSelectorConfig.directory + 'sizes.json')
+	  .success(function(response) {
+	      // plain response is probably already json object if parse returns null
+	      var responseAsJSON = response;
+
+	      if (typeof(responseAsJSON) == 'string' || responseAsJSON === '' || typeof(responseAsJSON) === 'undefined') {
+		responseAsJSON = $.parseJSON(response);
+	      }
+
+	      context.sizes = responseAsJSON;
+	    })
+	  .error(function() {
+	      context.log("response failed");
+	      context.partial('templates/sizes_failed.hb');
+	    });
+      }
+
+      function sizesNames(context) {
+	var names = [];
+	$.each(context.sizes, function(i, size) {
+	    names.push(size.name);
+	  });
+	return names;
+      }
+
+      // route = #/id (id of source) - in form provider index - source index
+      // i.e. 0-1 would be the first provider's second source
+      // route = #/id (id of source) + params[search_terms] for searchable source
+      // route for results = #/results/id where id is url
+      // add to results:
+      // or upload image -> requests url for upload and returns to #/results/id
+      // or add image URL
+      // add to result detail page a "back" button
+      this.bind('updateSourceTo', function(e, selectedSource) {
+	  $('#page-spinner').hide();
+	  $('#results-list').text('');
+	  $('h3.no-results-title').hide();
+	  $('#results-spinner').fadeIn();
+
+	  context = this;
+
+	  var searchTerms = this.params['search_terms'];
+
+	  if ($('h3.provider-title').length === 0) {
+	    this.setProviders(context);
+	  }
+
+	  $.each(this.providers, function(i, provider) {
+	      var providerIndex = i;
+	      var providerListId = context.providerListIdFor(providerIndex);
+
+	      $('#' + providerListId).text('');
+
+	      $.each(provider.sources, function(i, source) {
+		  source.sourceId = context.sourceIdFor(providerIndex, i);
+
+		  var appropriate_template = context.sourceTemplateStub;
+
+		  if (selectedSource && source === selectedSource) {
+		    appropriate_template += '_selected';
+		  }
+		  
+		  if (source.searchable_stub) {
+		    appropriate_template += '_search';
+
+		    if (searchTerms) {
+		      source.value = searchTerms;
+		    } else {
+		      source.value = '';
+		    }
+		  }
+		  
+		  appropriate_template += '.hb';
+
+		  context.render(appropriate_template, source)
+		    .appendTo("#" + providerListId);
+		});
+
+	      // HACK: for some reason when '&target_service=' + targetService is added, handlebars fails to parse {{url}} correctly
+	      // this worksaround the issue in an ugly fashion
+	      provider.upload_startpoint['service_target_param'] = '&service_target=' + escape(context.stubUrlForResult());
+
+	      if (typeof(provider.upload_startpoint) != "undefined") {
+		context.render('templates/upload.hb', provider.upload_startpoint)
+		  .appendTo("#" + providerListId);
+	      }
+	    });
+	});
+
+      // get each of the entries up to limit
+      // render in template for result
+      // append to #results
+      // animate the results each being added
+      this.bind('updateResultsFor', function(e, source) {
+	  context = this;
+
+	  var searchTerms = this.params['search_terms'],
+	    pageNumber = this.params['page_number'],
+	    fullUrl = source.url;
+
+	  if (searchTerms) {
+	    fullUrl += searchTerms;
+	  }
+
+	  if (typeof(source['limit_parameter']) !== "undefined" &&
+	      typeof(source['display_limit']) !== "undefined") {
+	    
+	    var limit_parameter_adjusted = source.limit_parameter;
+
+	    if (searchTerms) {
+	      limit_parameter_adjusted = limit_parameter_adjusted.replace(/^\?/, "&");
+	    }
+
+	    fullUrl += limit_parameter_adjusted + source.display_limit;
+
+	    if (source['page_parameter'] !== '' && typeof(source['page_parameter']) !== "undefined") {
+	      if (pageNumber === '' || typeof pageNumber === 'undefined') {
+		pageNumber = 1;
+	      }
+
+	      source.nextPage = parseInt(pageNumber) + 1;
+	      fullUrl += source.page_parameter + pageNumber.toString();
+	    }
+	  }
+
+	  var resultRequest = $.get(fullUrl)
+	    .success(function( response ) {
+		$('#results-spinner').hide();
+		$('#results-list').text('');
+
+		var resultsTitle = source.name + ' ' + source.media_type_plural;
+
+		if (searchTerms) {
+		  resultsTitle = resultsTitle + ' for "' + searchTerms + '"';
+		  source.searchTerms = searchTerms;
+		}
+
+		resultsTitle = resultsTitle +  '(click to select)';
+
+		$('#results h2').text(resultsTitle);
+
+		var itemsLimit = source.display_limit;
+		var itemsCount = 0;
+
+		// items from rss items or atom entries
+		// i want image thumbnail src (enclosure or media:thumbnail)
+		// title
+		// full url (link)
+		var items = $(response).find('item');
+
+		// handle Atom
+		if (items.length === 0) {
+		  items = $(response).find('entry');
+		}
+
+		if (items.length) {
+		  $('#results').append("<ul id=\"results-list\">");
+
+		  items.each(function() {
+		      if (itemsCount === itemsLimit) { return false; }
+		
+		      var resultThumbnail = $(this).find("thumbnail").attr('url');
+
+		      if (!resultThumbnail || 0 === resultThumbnail.length) {
+			// TODO: currently broken
+			$(this).find('description').each(function() {
+			    resultThumbnail = $(this).find('img').attr('src');
+			  });
+		      }
+		
+		      var resultTitle = $(this).find('title').text();
+		      var resultLink = $(this).find('link').text();
+		
+		      var result = {
+		      title: resultTitle,
+		      link: resultLink,
+		      link_escaped: encodeURIComponent(resultLink),
+		      thumbnail_url: resultThumbnail
+		      }
+		
+		      context.render('templates/result_thumbnail.hb', result)
+			.appendTo('#results-list');
+
+		      itemsCount++;
+		    });
+		  
+		  $('#results').append("</ul>");
+
+		  if (source.nextPage !== '' && typeof source.nextPage !== 'undefined') {
+		    // clear them, if they exist, so we can replace them later
+		    $('#search-form-next').remove();
+		    $('#next-page').remove();
+
+		    // if we have less items than display_limit,
+		    // we don't have any more pages of results
+		    // if equal, we assume there are more (faulty assumption, but relatively safe)
+		    if (items.length === source.display_limit) {
+		      if (searchTerms) {
+			context.render('templates/source_next_page_link_search.hb', source)
+			  .appendTo('#results');
+		      } else {
+			context.render('templates/source_next_page_link.hb', source)
+			  .appendTo('#results');
+		      }
+		    }
+		  }
+		} else {
+		  context.render('templates/no_results.hb', source)
+		    .appendTo($('#results'));
+		}
+	      })
+	    .error(function() {
+		$('#results-spinner').hide();
+
+		// clear them, as they are no longer relevant
+		$('#search-form-next').remove();
+		$('#next-page').remove();
+
+		context.render('templates/results_failed.hb', source)
+		  .appendTo($('#results'));
+	      });
+	});
+    
+
+    });
+  
+  $(function() {
+      app.run('#/');
+    });
+
+ })(jQuery);
+

data/lib/assets/plugins/imageselector/js/sammy-0.7.0.min.js

@@ -0,0 +1,5 @@
+// -- Sammy.js -- /sammy.js
+// http://sammyjs.org
+// Version: 0.7.0
+// Built: 2011-07-30 16:55:53 -0700
+(function(h,j){var p,g="([^/]+)",k=/:([\w\d]+)/g,l=/\?([^#]*)$/,c=function(q){return Array.prototype.slice.call(q)},d=function(q){return Object.prototype.toString.call(q)==="[object Function]"},m=function(q){return Object.prototype.toString.call(q)==="[object Array]"},i=function(q){return decodeURIComponent((q||"").replace(/\+/g," "))},b=encodeURIComponent,f=function(q){return String(q).replace(/&(?!\w+;)/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")},n=function(q){return function(r,s){return this.route.apply(this,[q,r,s])}},a={},o=!!(j.history&&history.pushState),e=[];p=function(){var r=c(arguments),s,q;p.apps=p.apps||{};if(r.length===0||r[0]&&d(r[0])){return p.apply(p,["body"].concat(r))}else{if(typeof(q=r.shift())=="string"){s=p.apps[q]||new p.Application();s.element_selector=q;if(r.length>0){h.each(r,function(t,u){s.use(u)})}if(s.element_selector!=q){delete p.apps[q]}p.apps[s.element_selector]=s;return s}}};p.VERSION="0.7.0";p.addLogger=function(q){e.push(q)};p.log=function(){var q=c(arguments);q.unshift("["+Date()+"]");h.each(e,function(s,r){r.apply(p,q)})};if(typeof j.console!="undefined"){if(d(j.console.log.apply)){p.addLogger(function(){j.console.log.apply(j.console,arguments)})}else{p.addLogger(function(){j.console.log(arguments)})}}else{if(typeof console!="undefined"){p.addLogger(function(){console.log.apply(console,arguments)})}}h.extend(p,{makeArray:c,isFunction:d,isArray:m});p.Object=function(q){return h.extend(this,q||{})};h.extend(p.Object.prototype,{escapeHTML:f,h:f,toHash:function(){var q={};h.each(this,function(s,r){if(!d(r)){q[s]=r}});return q},toHTML:function(){var q="";h.each(this,function(s,r){if(!d(r)){q+="<strong>"+s+"</strong> "+r+"<br />"}});return q},keys:function(q){var r=[];for(var s in this){if(!d(this[s])||!q){r.push(s)}}return r},has:function(q){return this[q]&&h.trim(this[q].toString())!==""},join:function(){var r=c(arguments);var q=r.shift();return r.join(q)},log:function(){p.log.apply(p,arguments)},toString:function(q){var r=[];h.each(this,function(t,s){if(!d(s)||q){r.push('"'+t+'": '+s.toString())}});return"Sammy.Object: {"+r.join(",")+"}"}});p.DefaultLocationProxy=function(r,q){this.app=r;this.is_native=false;this.has_history=o;this._startPolling(q)};p.DefaultLocationProxy.fullPath=function(q){var r=q.toString().match(/^[^#]*(#.+)$/);var s=r?r[1]:"";return[q.pathname,q.search,s].join("")};p.DefaultLocationProxy.prototype={bind:function(){var r=this,s=this.app,q=p.DefaultLocationProxy;h(j).bind("hashchange."+this.app.eventNamespace(),function(u,t){if(r.is_native===false&&!t){r.is_native=true;j.clearInterval(q._interval)}s.trigger("location-changed")});if(o&&!s.disable_push_state){h(j).bind("popstate."+this.app.eventNamespace(),function(t){s.trigger("location-changed")});h("a").live("click.history-"+this.app.eventNamespace(),function(u){var t=q.fullPath(this);if(this.hostname==j.location.hostname&&s.lookupRoute("get",t)){u.preventDefault();r.setLocation(t);return false}})}if(!q._bindings){q._bindings=0}q._bindings++},unbind:function(){h(j).unbind("hashchange."+this.app.eventNamespace());h(j).unbind("popstate."+this.app.eventNamespace());h("a").die("click.history-"+this.app.eventNamespace());p.DefaultLocationProxy._bindings--;if(p.DefaultLocationProxy._bindings<=0){j.clearInterval(p.DefaultLocationProxy._interval)}},getLocation:function(){return p.DefaultLocationProxy.fullPath(j.location)},setLocation:function(q){if(/^([^#\/]|$)/.test(q)){if(o){q="/"+q}else{q="#!/"+q}}if(q!=this.getLocation()){if(o&&/^\//.test(q)){history.pushState({path:q},j.title,q);this.app.trigger("location-changed")}else{return(j.location=q)}}},_startPolling:function(s){var r=this;if(!p.DefaultLocationProxy._interval){if(!s){s=10}var q=function(){var t=r.getLocation();if(typeof p.DefaultLocationProxy._last_location=="undefined"||t!=p.DefaultLocationProxy._last_location){j.setTimeout(function(){h(j).trigger("hashchange",[true])},0)}p.DefaultLocationProxy._last_location=t};q();p.DefaultLocationProxy._interval=j.setInterval(q,s)}}};p.Application=function(q){var r=this;this.routes={};this.listeners=new p.Object({});this.arounds=[];this.befores=[];this.namespace=(new Date()).getTime()+"-"+parseInt(Math.random()*1000,10);this.context_prototype=function(){p.EventContext.apply(this,arguments)};this.context_prototype.prototype=new p.EventContext();if(d(q)){q.apply(this,[this])}if(!this._location_proxy){this.setLocationProxy(new p.DefaultLocationProxy(this,this.run_interval_every))}if(this.debug){this.bindToAllEvents(function(t,s){r.log(r.toString(),t.cleaned_type,s||{})})}};p.Application.prototype=h.extend({},p.Object.prototype,{ROUTE_VERBS:["get","post","put","delete"],APP_EVENTS:["run","unload","lookup-route","run-route","route-found","event-context-before","event-context-after","changed","error","check-form-submission","redirect","location-changed"],_last_route:null,_location_proxy:null,_running:false,element_selector:"body",debug:false,raise_errors:false,run_interval_every:50,disable_push_state:false,template_engine:null,toString:function(){return"Sammy.Application:"+this.element_selector},$element:function(q){return q?h(this.element_selector).find(q):h(this.element_selector)},use:function(){var q=c(arguments),s=q.shift(),r=s||"";try{q.unshift(this);if(typeof s=="string"){r="Sammy."+s;s=p[s]}s.apply(this,q)}catch(t){if(typeof s==="undefined"){this.error("Plugin Error: called use() but plugin ("+r.toString()+") is not defined",t)}else{if(!d(s)){this.error("Plugin Error: called use() but '"+r.toString()+"' is not a function",t)}else{this.error("Plugin Error",t)}}}return this},setLocationProxy:function(q){var r=this._location_proxy;this._location_proxy=q;if(this.isRunning()){if(r){r.unbind()}this._location_proxy.bind()}},route:function(u,r,w){var t=this,v=[],q,s;if(!w&&d(r)){r=u;w=r;u="any"}u=u.toLowerCase();if(r.constructor==String){k.lastIndex=0;while((s=k.exec(r))!==null){v.push(s[1])}r=new RegExp(r.replace(k,g)+"$")}if(typeof w=="string"){w=t[w]}q=function(x){var y={verb:x,path:r,callback:w,param_names:v};t.routes[x]=t.routes[x]||[];t.routes[x].push(y)};if(u==="any"){h.each(this.ROUTE_VERBS,function(y,x){q(x)})}else{q(u)}return this},get:n("get"),post:n("post"),put:n("put"),del:n("delete"),any:n("any"),mapRoutes:function(r){var q=this;h.each(r,function(s,t){q.route.apply(q,t)});return this},eventNamespace:function(){return["sammy-app",this.namespace].join("-")},bind:function(q,s,u){var t=this;if(typeof u=="undefined"){u=s}var r=function(){var x,v,w;x=arguments[0];w=arguments[1];if(w&&w.context){v=w.context;delete w.context}else{v=new t.context_prototype(t,"bind",x.type,w,x.target)}x.cleaned_type=x.type.replace(t.eventNamespace(),"");u.apply(v,[x,w])};if(!this.listeners[q]){this.listeners[q]=[]}this.listeners[q].push(r);if(this.isRunning()){this._listen(q,r)}return this},trigger:function(q,r){this.$element().trigger([q,this.eventNamespace()].join("."),[r]);return this},refresh:function(){this.last_location=null;this.trigger("location-changed");return this},before:function(q,r){if(d(q)){r=q;q={}}this.befores.push([q,r]);return this},after:function(q){return this.bind("event-context-after",q)},around:function(q){this.arounds.push(q);return this},isRunning:function(){return this._running},helpers:function(q){h.extend(this.context_prototype.prototype,q);return this},helper:function(q,r){this.context_prototype.prototype[q]=r;return this},run:function(q){if(this.isRunning()){return false}var r=this;h.each(this.listeners.toHash(),function(s,t){h.each(t,function(v,u){r._listen(s,u)})});this.trigger("run",{start_url:q});this._running=true;this.last_location=null;if(!(/\#(.+)/.test(this.getLocation()))&&typeof q!="undefined"){this.setLocation(q)}this._checkLocation();this._location_proxy.bind();this.bind("location-changed",function(){r._checkLocation()});this.bind("submit",function(t){var s=r._checkFormSubmission(h(t.target).closest("form"));return(s===false)?t.preventDefault():false});h(j).bind("beforeunload",function(){r.unload()});return this.trigger("changed")},unload:function(){if(!this.isRunning()){return false}var q=this;this.trigger("unload");this._location_proxy.unbind();this.$element().unbind("submit").removeClass(q.eventNamespace());h.each(this.listeners.toHash(),function(r,s){h.each(s,function(u,t){q._unlisten(r,t)})});this._running=false;return this},bindToAllEvents:function(r){var q=this;h.each(this.APP_EVENTS,function(s,t){q.bind(t,r)});h.each(this.listeners.keys(true),function(t,s){if(h.inArray(s,q.APP_EVENTS)==-1){q.bind(s,r)}});return this},routablePath:function(q){return q.replace(l,"")},lookupRoute:function(w,u){var v=this,t=false,s=0,q,r;if(typeof this.routes[w]!="undefined"){q=this.routes[w].length;for(;s<q;s++){r=this.routes[w][s];if(v.routablePath(u).match(r.path)){t=r;break}}}return t},runRoute:function(s,F,u,x){var t=this,D=this.lookupRoute(s,F),r,A,v,z,E,B,y,C,q;this.log("runRoute",[s,F].join(" "));this.trigger("run-route",{verb:s,path:F,params:u});if(typeof u=="undefined"){u={}}h.extend(u,this._parseQueryString(F));if(D){this.trigger("route-found",{route:D});if((C=D.path.exec(this.routablePath(F)))!==null){C.shift();h.each(C,function(G,H){if(D.param_names[G]){u[D.param_names[G]]=i(H)}else{if(!u.splat){u.splat=[]}u.splat.push(i(H))}})}r=new this.context_prototype(this,s,F,u,x);v=this.arounds.slice(0);E=this.befores.slice(0);y=[r].concat(u.splat);A=function(){var G;while(E.length>0){B=E.shift();if(t.contextMatchesOptions(r,B[0])){G=B[1].apply(r,[r]);if(G===false){return false}}}t.last_route=D;r.trigger("event-context-before",{context:r});G=D.callback.apply(r,y);r.trigger("event-context-after",{context:r});return G};h.each(v.reverse(),function(G,H){var I=A;A=function(){return H.apply(r,[I])}});try{q=A()}catch(w){this.error(["500 Error",s,F].join(" "),w)}return q}else{return this.notFound(s,F)}},contextMatchesOptions:function(t,v,r){var s=v;if(typeof s==="undefined"||s=={}){return true}if(typeof r==="undefined"){r=true}if(typeof s==="string"||d(s.test)){s={path:s}}if(s.only){return this.contextMatchesOptions(t,s.only,true)}else{if(s.except){return this.contextMatchesOptions(t,s.except,false)}}var q=true,u=true;if(s.path){if(!d(s.path.test)){s.path=new RegExp(s.path.toString()+"$")}q=s.path.test(t.path)}if(s.verb){if(typeof s.verb==="string"){u=s.verb===t.verb}else{u=s.verb.indexOf(t.verb)>-1}}return r?(u&&q):!(u&&q)},getLocation:function(){return this._location_proxy.getLocation()},setLocation:function(q){return this._location_proxy.setLocation(q)},swap:function(q){return this.$element().html(q)},templateCache:function(q,r){if(typeof r!="undefined"){return a[q]=r}else{return a[q]}},clearTemplateCache:function(){return a={}},notFound:function(s,r){var q=this.error(["404 Not Found",s,r].join(" "));return(s==="get")?q:true},error:function(r,q){if(!q){q=new Error()}q.message=[r,q.message].join(" ");this.trigger("error",{message:q.message,error:q});if(this.raise_errors){throw (q)}else{this.log(q.message,q)}},_checkLocation:function(){var q,r;q=this.getLocation();if(!this.last_location||this.last_location[0]!="get"||this.last_location[1]!=q){this.last_location=["get",q];r=this.runRoute("get",q)}return r},_getFormVerb:function(s){var r=h(s),t,q;q=r.find('input[name="_method"]');if(q.length>0){t=q.val()}if(!t){t=r[0].getAttribute("method")}if(!t||t==""){t="get"}return h.trim(t.toString().toLowerCase())},_checkFormSubmission:function(s){var q,t,v,u,r;this.trigger("check-form-submission",{form:s});q=h(s);t=q.attr("action")||"";v=this._getFormVerb(q);this.log("_checkFormSubmission",q,t,v);if(v==="get"){this.setLocation(t+"?"+this._serializeFormParams(q));r=false}else{u=h.extend({},this._parseFormParams(q));r=this.runRoute(v,t,u,s.get(0))}return(typeof r=="undefined")?false:r},_serializeFormParams:function(r){var t="",q=r.serializeArray(),s;if(q.length>0){t=this._encodeFormPair(q[0].name,q[0].value);for(s=1;s<q.length;s++){t=t+"&"+this._encodeFormPair(q[s].name,q[s].value)}}return t},_encodeFormPair:function(q,r){return b(q)+"="+b(r)},_parseFormParams:function(q){var t={},s=q.serializeArray(),r;for(r=0;r<s.length;r++){t=this._parseParamPair(t,s[r].name,s[r].value)}return t},_parseQueryString:function(t){var v={},s,r,u,q;s=t.match(l);if(s){r=s[1].split("&");for(q=0;q<r.length;q++){u=r[q].split("=");v=this._parseParamPair(v,i(u[0]),i(u[1]||""))}}return v},_parseParamPair:function(s,q,r){if(s[q]){if(m(s[q])){s[q].push(r)}else{s[q]=[s[q],r]}}else{s[q]=r}return s},_listen:function(q,r){return this.$element().bind([q,this.eventNamespace()].join("."),r)},_unlisten:function(q,r){return this.$element().unbind([q,this.eventNamespace()].join("."),r)}});p.RenderContext=function(q){this.event_context=q;this.callbacks=[];this.previous_content=null;this.content=null;this.next_engine=false;this.waiting=false};p.RenderContext.prototype=h.extend({},p.Object.prototype,{then:function(s){if(!d(s)){if(typeof s==="string"&&s in this.event_context){var r=this.event_context[s];s=function(t){return r.apply(this.event_context,[t])}}else{return this}}var q=this;if(this.waiting){this.callbacks.push(s)}else{this.wait();j.setTimeout(function(){var t=s.apply(q,[q.content,q.previous_content]);if(t!==false){q.next(t)}},0)}return this},wait:function(){this.waiting=true},next:function(q){this.waiting=false;if(typeof q!=="undefined"){this.previous_content=this.content;this.content=q}if(this.callbacks.length>0){this.then(this.callbacks.shift())}},load:function(q,r,t){var s=this;return this.then(function(){var u,v,x,w;if(d(r)){t=r;r={}}else{r=h.extend({},r)}if(t){this.then(t)}if(typeof q==="string"){x=(q.match(/\.json$/)||r.json);u=((x&&r.cache===true)||r.cache!==false);s.next_engine=s.event_context.engineFor(q);delete r.cache;delete r.json;if(r.engine){s.next_engine=r.engine;delete r.engine}if(u&&(v=this.event_context.app.templateCache(q))){return v}this.wait();h.ajax(h.extend({url:q,data:{},dataType:x?"json":null,type:"get",success:function(y){if(u){s.event_context.app.templateCache(q,y)}s.next(y)}},r));return false}else{if(q.nodeType){return q.innerHTML}if(q.selector){s.next_engine=q.attr("data-engine");if(r.clone===false){return q.remove()[0].innerHTML.toString()}else{return q[0].innerHTML.toString()}}}})},loadPartials:function(q){if(q){this.partials=this.partials||{};for(name in q){this.load(q[name]).then(function(r){this.partials[name]=r})}}return this},render:function(q,s,t,r){if(d(q)&&!s){return this.then(q)}else{return this.loadPartials(r).load(q).interpolate(s,q).then(t)}},partial:function(q,r){return this.render(q,r).swap()},send:function(){var s=this,r=c(arguments),q=r.shift();if(m(r[0])){r=r[0]}return this.then(function(t){r.push(function(u){s.next(u)});s.wait();q.apply(q,r);return false})},collect:function(u,t,q){var s=this;var r=function(){if(d(u)){t=u;u=this.content}var v=[],w=false;h.each(u,function(x,z){var y=t.apply(s,[x,z]);if(y.jquery&&y.length==1){y=y[0];w=true}v.push(y);return y});return w?v:v.join("")};return q?r():this.then(r)},renderEach:function(q,r,s,t){if(m(r)){t=s;s=r;r=null}return this.load(q).then(function(v){var u=this;if(!s){s=m(this.previous_content)?this.previous_content:[]}if(t){h.each(s,function(w,y){var z={},x=this.next_engine||q;r?(z[r]=y):(z=y);t(y,u.event_context.interpolate(v,z,x))})}else{return this.collect(s,function(w,y){var z={},x=this.next_engine||q;r?(z[r]=y):(z=y);return this.event_context.interpolate(v,z,x)},true)}})},interpolate:function(t,s,q){var r=this;return this.then(function(v,u){if(!t&&u){t=u}if(this.next_engine){s=this.next_engine;this.next_engine=false}var w=r.event_context.interpolate(v,t,s,this.partials);return q?u+w:w})},swap:function(){return this.then(function(q){this.event_context.swap(q)}).trigger("changed",{})},appendTo:function(q){return this.then(function(r){h(q).append(r)}).trigger("changed",{})},prependTo:function(q){return this.then(function(r){h(q).prepend(r)}).trigger("changed",{})},replace:function(q){return this.then(function(r){h(q).html(r)}).trigger("changed",{})},trigger:function(q,r){return this.then(function(s){if(typeof r=="undefined"){r={content:s}}this.event_context.trigger(q,r)})}});p.EventContext=function(u,t,r,s,q){this.app=u;this.verb=t;this.path=r;this.params=new p.Object(s);this.target=q};p.EventContext.prototype=h.extend({},p.Object.prototype,{$element:function(){return this.app.$element(c(arguments).shift())},engineFor:function(s){var r=this,q;if(d(s)){return s}s=(s||r.app.template_engine).toString();if((q=s.match(/\.([^\.\?\#]+)$/))){s=q[1]}if(s&&d(r[s])){return r[s]}if(r.app.template_engine){return this.engineFor(r.app.template_engine)}return function(t,u){return t}},interpolate:function(s,t,r,q){return this.engineFor(r).apply(this,[s,t,q])},render:function(q,s,t,r){return new p.RenderContext(this).render(q,s,t,r)},renderEach:function(q,r,s,t){return new p.RenderContext(this).renderEach(q,r,s,t)},load:function(q,r,s){return new p.RenderContext(this).load(q,r,s)},partial:function(q,r){return new p.RenderContext(this).partial(q,r)},send:function(){var q=new p.RenderContext(this);return q.send.apply(q,arguments)},redirect:function(){var y,w=c(arguments),v=this.app.getLocation(),r=w.length;if(r>1){var u=0,z=[],q=[],t={},x=false;for(;u<r;u++){if(typeof w[u]=="string"){z.push(w[u])}else{h.extend(t,w[u]);x=true}}y=z.join("/");if(x){for(var s in t){q.push(this.app._encodeFormPair(s,t[s]))}y+="?"+q.join("&")}}else{y=w[0]}this.trigger("redirect",{to:y});this.app.last_location=[this.verb,this.path];this.app.setLocation(y);if(new RegExp(y).test(v)){this.app.trigger("location-changed")}},trigger:function(q,r){if(typeof r=="undefined"){r={}}if(!r.context){r.context=this}return this.app.trigger(q,r)},eventNamespace:function(){return this.app.eventNamespace()},swap:function(q){return this.app.swap(q)},notFound:function(){return this.app.notFound(this.verb,this.path)},json:function(q){return h.parseJSON(q)},toString:function(){return"Sammy.EventContext: "+[this.verb,this.path,this.params].join(" ")}});h.sammy=j.Sammy=p})(jQuery,window);

data/lib/assets/plugins/imageselector/js/sammy.handlebars-0.7.0.min.js

@@ -0,0 +1,5 @@
+// -- Sammy.js -- /plugins/sammy.handlebars.js
+// http://sammyjs.org
+// Version: 0.7.0
+// Built: 2011-07-30 16:55:44 -0700
+(function(a){Sammy=Sammy||{};Sammy.Handlebars=function(e,c){var d={};var b=function(i,j,g,f){if(typeof f=="undefined"){f=i}var h=d[f];if(!h){h=d[f]=Handlebars.compile(i)}j=a.extend({},this,j);g=a.extend({},j.partials,g);return h(j,{partials:g})};if(!c){c="handlebars"}e.helper(c,b)}})(jQuery);

data/lib/assets/plugins/imageselector/js/sammy.template-0.7.0.min.js

@@ -0,0 +1,5 @@
+// -- Sammy.js -- /plugins/sammy.template.js
+// http://sammyjs.org
+// Version: 0.7.0
+// Built: 2011-07-30 16:55:51 -0700
+(function(c){var a={};var b=function(e,g,h,d){var f,i;if(a[e]){f=a[e]}else{if(typeof g=="undefined"){return false}if(d&&d.escape_html===false){i='",$1,"'}else{i='",h($1),"'}f=a[e]=new Function("obj",'var ___$$$___=[],print=function(){___$$$___.push.apply(___$$$___,arguments);};with(obj){___$$$___.push("'+String(g).replace(/[\r\t\n]/g," ").replace(/\"/g,'\\"').split("<%").join("\t").replace(/((^|%>)[^\t]*)/g,"$1\r").replace(/\t=(.*?)%>/g,i).replace(/\t!(.*?)%>/g,'",$1,"').split("\t").join('");').split("%>").join('___$$$___.push("').split("\r").join("")+"\");}return ___$$$___.join('');")}if(typeof h!="undefined"){return f(h)}else{return f}};Sammy=Sammy||{};Sammy.Template=function(f,d){var e=function(i,j,h,g){if(typeof h=="undefined"){h=i}if(typeof g=="undefined"&&typeof h=="object"){g=h;h=i}return b(h,i,c.extend({},this,j),g)};if(!d){d="template"}f.helper(d,e)}})(jQuery);

data/lib/assets/plugins/imageselector/langs/en.js

@@ -0,0 +1,4 @@
+// left around for reference, not currently used
+tinyMCE.addI18n('en.imageselector',{
+	desc : 'This is just a template button'
+});

data/lib/assets/plugins/imageselector/langs/en_dlg.js

@@ -0,0 +1,4 @@
+// left around for reference, not currently used
+tinyMCE.addI18n('en.imageselector_dlg',{
+	title : 'This is just a example title'
+});

data/lib/assets/plugins/imageselector/templates/no_results.hb

@@ -0,0 +1 @@
+<h3 id=no-result-{{sourceId}} class="no-results-title">No results for {{name}}</h3>

data/lib/assets/plugins/imageselector/templates/oembed_failed.rb

@@ -0,0 +1 @@
+<h3 id="oembed-failed" class="oembed-failed-title">Unable to load oEmbed for {{oembed_url}}</h3>

data/lib/assets/plugins/imageselector/templates/result.hb

@@ -0,0 +1,18 @@
+<div id="result-description-and-sizes">
+
+<h2 class="result-title">Title: {{result_title}}</h2>
+<h2 class="result-author">by <a href="{{result_author_url}}" target="_blank">{{result_author_name}}</a></h2>
+
+<h1 class="result-size-choice-headline">Choose a size</h1>
+
+<ul id="result-sizes">
+{{#sizes}}
+<li class="size-choice" id=result-sizes-{{size_name}}>
+<a href=#/selections/{{oembed_url}} class="result-size-choose"><img src="{{url}}" width="{{width}}" height="{{height}}" class="result-size-image"></a>
+<div class="size-name"><a href=#/selections/{{oembed_url}} class="result-size-choose">{{size_name}}</a></div>
+</li>
+{{/sizes}}
+</ul>
+
+<div id="home-link"><a href="index.html">Back to Sources</a></div>
+</div>

data/lib/assets/plugins/imageselector/templates/result_thumbnail.hb

@@ -0,0 +1,5 @@
+<li class="result-grid">
+<h4 class="result-thumbnail-title">{{title}} [<a href="{{link}}" target="_blank">view original</a>]</h4>
+<a class="result-thumbnail" href=#/results/{{link_escaped}}><img src="{{thumbnail_url}}" class="result-thumbnail"></a>
+<div class="result-thumbnail-select">Select</a></div>
+</li>

data/lib/assets/plugins/imageselector/templates/results_failed.hb

@@ -0,0 +1 @@
+<h3 id=results-failed-{{sourceId}} class="results-failed-title">Results from {{name}} failed to load.</h3>

data/lib/assets/plugins/imageselector/templates/selection.hb

@@ -0,0 +1,14 @@
+<h1 class="selection-headline">Your selection</h1>
+
+<h2 class="selection-title">Title: {{title}}</h2>
+<h2 class="selection-author">by <a href="{{author_url}}" target="_blank">{{author_name}}</a></h2>
+
+<img src="{{url}}" width="{{width}}" height="{{height}}" class="selection-image">
+
+<div id="embed-details">
+<h3>Embed:</h3>
+
+<textarea class="selection-embed"><img src="{{url}}" width="{{width}}" height="{{height}}" alt="{{alt}}"> by <a href="{{author_url}}">{{author_name}}</a></textarea>
+
+</div>
+<div id="home-link"><a href="index.html">Back to Sources</a></div>

data/lib/assets/plugins/imageselector/templates/sizes_failed.rb

@@ -0,0 +1 @@
+<h3 id="sizes-failed" class="sizes-failed-title">Unable to load sizes settings.</h3>

data/lib/assets/plugins/imageselector/templates/source.hb

@@ -0,0 +1 @@
+<li class="source" id={{sourceId}}><a href=#/{{sourceId}}>{{name}}</a></li>

data/lib/assets/plugins/imageselector/templates/source_next_page_link.hb

@@ -0,0 +1 @@
+<div id="next-page"><a href=#/{{sourceId}}/page/{{nextPage}}>More results >></a></div>

data/lib/assets/plugins/imageselector/templates/source_next_page_link_search.hb

@@ -0,0 +1,6 @@
+<div id="search-form-next">
+<form action=#/{{sourceId}}/page/{{nextPage}} method="post">
+<input type="hidden" value="{{searchTerms}}" name="search_terms" />
+<input type="submit" value="More results >>" />
+</form>
+</div>

data/lib/assets/plugins/imageselector/templates/source_search.hb

@@ -0,0 +1,9 @@
+<li class="source" id={{sourceId}}>
+<div class="source-search-form">
+<form action="#/{{sourceId}}" method="post">
+<label>{{name}}:</label>
+<input type="text" size="15" name="search_terms" />
+<input type="submit" value="Go" />
+</form>
+</div>
+</li>

data/lib/assets/plugins/imageselector/templates/source_selected.hb

@@ -0,0 +1 @@
+<li class="source source-selected" id={{sourceId}}>{{name}}</li>

data/lib/assets/plugins/imageselector/templates/source_selected_search.hb

@@ -0,0 +1,9 @@
+<li class="source source-selected" id={{sourceId}}>
+<div class="source-search-form">
+<form action="#/{{sourceId}}" method="post">
+<label>{{name}}:</label>
+<input type="text" size="15" name="search_terms" value="{{value}}" />
+<input type="submit" value="Update" />
+</form>
+</div>
+</li>

data/lib/assets/plugins/imageselector/templates/upload.hb

@@ -0,0 +1 @@
+<li class="upload-link"><a href="{{url}}{{service_target_param}}">{{label}}</li>

data/lib/tiny_mce_plugin_imageselector.rb

@@ -0,0 +1,23 @@
+# Make sure the tiny_mce gem has been loaded before we declare any plugins
+require 'tiny_mce'
+
+# We need to make sure that the TinyMCE Editor sources are already in place
+# or any changes we make may be overwritten later, this will return if TinyMCE already initialized
+TinyMCE.initialize
+
+# Create the TinyMCE Imageselector Plugin. Inherit from TinyMCE::Plugin which sets a
+# default self.install method, which installs all files in self.assets_path
+# into the public/javascripts/tiny_mce directory
+class TinyMCEImageselector < TinyMCE::Plugin
+
+  # This lets the TinyMCE::Plugin classes install method know where to find
+  # the assets we need to install. If were overwrite the self.install method
+  # here, then we don't need to provide this line
+  self.assets_path = File.join(File.dirname(__FILE__), 'assets')
+
+end
+
+# Finally, tell the TinyMCEImageselector Plugin to install itself. The install method
+# can be overwritten in the class definition above. TinyMCE::Plugin provide a
+# default one that will work fine in this example
+TinyMCEImageselector.install

data/tiny_mce_plugin_imageselector.gemspec

@@ -0,0 +1,15 @@
+Gem::Specification.new do |s|
+  s.name = "tiny_mce_plugin_imageselector"
+  s.version = "0.0.2"
+  s.authors = ["Walter McGinnis"]
+  s.email = "walter@katipo.co.nz"
+  s.homepage = "http://github.com/kete/tiny_mce_plugin_imageselector"
+  s.summary = "A gem to install the imageselector tiny_mce plugin in tandem with the tinymce gem."
+  s.description = "This gem uses the tiny_mce gem's plugin system to install the https://github.com/kete/image_selector_tinymce_plugin plugin."
+
+  s.files = Dir["lib/**/*", "[A-Z]*", "tiny_mce_plugin_imageselector.gemspec"]
+  s.require_path = "lib"
+
+  s.extra_rdoc_files = Dir["*.rdoc"]
+  s.rdoc_options = ["--charset=UTF-8", "--exclude=lib/assets"]
+end

metadata

@@ -0,0 +1,100 @@
+--- !ruby/object:Gem::Specification 
+name: tiny_mce_plugin_imageselector
+version: !ruby/object:Gem::Version 
+  hash: 27
+  prerelease: false
+  segments: 
+  - 0
+  - 0
+  - 2
+  version: 0.0.2
+platform: ruby
+authors: 
+- Walter McGinnis
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-09-23 00:00:00 +12:00
+default_executable: 
+dependencies: []
+
+description: This gem uses the tiny_mce gem's plugin system to install the https://github.com/kete/image_selector_tinymce_plugin plugin.
+email: walter@katipo.co.nz
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README.rdoc
+files: 
+- lib/assets/plugins/imageselector/css/media_selector.css
+- lib/assets/plugins/imageselector/dialog.htm
+- lib/assets/plugins/imageselector/editor_plugin.js
+- lib/assets/plugins/imageselector/editor_plugin_src.js
+- lib/assets/plugins/imageselector/img/example.gif
+- lib/assets/plugins/imageselector/img/imageselector.png
+- lib/assets/plugins/imageselector/img/spinner.gif
+- lib/assets/plugins/imageselector/js/media_selector.js
+- lib/assets/plugins/imageselector/js/sammy-0.7.0.min.js
+- lib/assets/plugins/imageselector/js/sammy.handlebars-0.7.0.min.js
+- lib/assets/plugins/imageselector/js/sammy.template-0.7.0.min.js
+- lib/assets/plugins/imageselector/langs/en.js
+- lib/assets/plugins/imageselector/langs/en_dlg.js
+- lib/assets/plugins/imageselector/LICENSE
+- lib/assets/plugins/imageselector/README.md
+- lib/assets/plugins/imageselector/templates/no_results.hb
+- lib/assets/plugins/imageselector/templates/oembed_failed.rb
+- lib/assets/plugins/imageselector/templates/result.hb
+- lib/assets/plugins/imageselector/templates/result_thumbnail.hb
+- lib/assets/plugins/imageselector/templates/results_failed.hb
+- lib/assets/plugins/imageselector/templates/selection.hb
+- lib/assets/plugins/imageselector/templates/sizes_failed.rb
+- lib/assets/plugins/imageselector/templates/source.hb
+- lib/assets/plugins/imageselector/templates/source_next_page_link.hb
+- lib/assets/plugins/imageselector/templates/source_next_page_link_search.hb
+- lib/assets/plugins/imageselector/templates/source_search.hb
+- lib/assets/plugins/imageselector/templates/source_selected.hb
+- lib/assets/plugins/imageselector/templates/source_selected_search.hb
+- lib/assets/plugins/imageselector/templates/upload.hb
+- lib/tiny_mce_plugin_imageselector.rb
+- LICENSE
+- README.rdoc
+- tiny_mce_plugin_imageselector.gemspec
+has_rdoc: true
+homepage: http://github.com/kete/tiny_mce_plugin_imageselector
+licenses: []
+
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+- --exclude=lib/assets
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: A gem to install the imageselector tiny_mce plugin in tandem with the tinymce gem.
+test_files: []
+