midas 0.1.0

data/features/support/paths.rb

@@ -0,0 +1,29 @@
+module NavigationHelpers
+  # Maps a name to a path. Used by the
+  #
+  # When /^I go to (.+)$/ do |page_name|
+  #
+  # step definition in web_steps.rb
+  #
+  def path_to(page_name)
+    case page_name
+    
+    when /the editor page/
+      '/integration/midas.html'
+
+
+    # Add more mappings here.
+    # Here is an example that pulls values out of the Regexp:
+    #
+    # when /^(.*)'s profile page$/i
+    # user_profile_path(User.find_by_login($1))
+
+    else
+      raise "Can't find mapping from \"#{page_name}\" to a path.\n" +
+        "Now, go and add a mapping in #{__FILE__}"
+    end
+  end
+end
+
+World(NavigationHelpers)
+

data/features/view_editor.feature

@@ -0,0 +1,8 @@
+Feature: View the editor
+
+  Scenario: Viewing the editor
+    When I go to the editor page
+    And click into the editable area
+
+    And I debug
+

data/generators/midas/midas_generator.rb

@@ -0,0 +1 @@
+# generate tool views/controller -- put things in routes

data/lib/midas.rb

@@ -0,0 +1 @@
+# basic rails hooks

data/midas.gemspec

@@ -0,0 +1,131 @@
+# Generated by jeweler
+# DO NOT EDIT THIS FILE DIRECTLY
+# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{midas}
+  s.version = "0.1.0"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Jeremy Jackson"]
+  s.date = %q{2010-06-06}
+  s.description = %q{Provides a front end for editing content in a contextual way with WYSIWYG editing}
+  s.email = %q{jejacks0n@gmail.com}
+  s.extra_rdoc_files = [
+    "LICENSE",
+     "README.textile"
+  ]
+  s.files = [
+    ".bundle/config",
+     ".document",
+     ".gitignore",
+     "Gemfile",
+     "LICENSE",
+     "README.textile",
+     "Rakefile",
+     "VERSION",
+     "features/step_definitions/editor_steps.rb",
+     "features/step_definitions/web_steps.rb",
+     "features/support/env.rb",
+     "features/support/paths.rb",
+     "features/view_editor.feature",
+     "generators/midas/midas_generator.rb",
+     "lib/midas.rb",
+     "midas.gemspec",
+     "public/images/midas/toolbars/actions/_background.png",
+     "public/images/midas/toolbars/actions/_background_radio.png",
+     "public/images/midas/toolbars/actions/_separator.png",
+     "public/images/midas/toolbars/actions/extra/prefspane.png",
+     "public/images/midas/toolbars/actions/extra/todospane.png",
+     "public/images/midas/toolbars/actions/historypanel.png",
+     "public/images/midas/toolbars/actions/insertcharacter.png",
+     "public/images/midas/toolbars/actions/insertlink.png",
+     "public/images/midas/toolbars/actions/insertmedia.png",
+     "public/images/midas/toolbars/actions/insertobject.png",
+     "public/images/midas/toolbars/actions/inserttable.png",
+     "public/images/midas/toolbars/actions/inspectorpanel.png",
+     "public/images/midas/toolbars/actions/notespanel.png",
+     "public/images/midas/toolbars/actions/preview.png",
+     "public/images/midas/toolbars/actions/redo.png",
+     "public/images/midas/toolbars/actions/save.png",
+     "public/images/midas/toolbars/actions/undo.png",
+     "public/images/midas/toolbars/htmleditor/_background.png",
+     "public/images/midas/toolbars/htmleditor/_line_separator.png",
+     "public/images/midas/toolbars/htmleditor/_separator.png",
+     "public/images/midas/toolbars/htmleditor/buttons.png",
+     "public/javascripts/midas/config.js",
+     "public/javascripts/midas/dialog.js",
+     "public/javascripts/midas/midas.js",
+     "public/javascripts/midas/native_extensions.js",
+     "public/javascripts/midas/palette.js",
+     "public/javascripts/midas/region.js",
+     "public/javascripts/midas/statusbar.js",
+     "public/javascripts/midas/toolbar.js",
+     "public/javascripts/prototype.js",
+     "public/midas/backcolor.html",
+     "public/midas/examples/bundled.html",
+     "public/midas/examples/iframe.html",
+     "public/midas/examples/index.html",
+     "public/midas/examples/javascript_archive.js",
+     "public/midas/forecolor.html",
+     "public/stylesheets/midas/dialog.css",
+     "public/stylesheets/midas/midas.css",
+     "public/stylesheets/midas/palette.css",
+     "public/stylesheets/midas/region.css",
+     "public/stylesheets/midas/statusbar.css",
+     "public/stylesheets/midas/toolbar.css",
+     "rails/init.rb",
+     "spec/javascripts/dialog_spec.js",
+     "spec/javascripts/fixtures/midas_fixture.html",
+     "spec/javascripts/fixtures/midas_styles.css",
+     "spec/javascripts/fixtures/native_extensions_fixture.html",
+     "spec/javascripts/helpers/browser_detection.js",
+     "spec/javascripts/helpers/event_simulation.js",
+     "spec/javascripts/helpers/spec_helper.js",
+     "spec/javascripts/midas_spec.js",
+     "spec/javascripts/native_extensions_spec.js",
+     "spec/javascripts/palette_spec.js",
+     "spec/javascripts/region_spec.js",
+     "spec/javascripts/statusbar_spec.js",
+     "spec/javascripts/support/jasmine.yml",
+     "spec/javascripts/support/jasmine_config.rb",
+     "spec/javascripts/support/jasmine_runner.rb",
+     "spec/javascripts/toolbar_spec.js",
+     "spec/ruby/helpers/spec_helper.rb",
+     "spec/ruby/midas_spec.rb",
+     "spec/spec.opts",
+     "tasks/midas_tasks.rake"
+  ]
+  s.homepage = %q{http://github.com/jejacks0n/midas}
+  s.rdoc_options = ["--charset=UTF-8"]
+  s.require_paths = ["lib"]
+  s.rubygems_version = %q{1.3.5}
+  s.summary = %q{A rich text editor gem for Rails}
+  s.test_files = [
+    "spec/javascripts/support/jasmine_config.rb",
+     "spec/javascripts/support/jasmine_runner.rb",
+     "spec/ruby/helpers/spec_helper.rb",
+     "spec/ruby/midas_spec.rb"
+  ]
+
+  if s.respond_to? :specification_version then
+    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
+      s.add_runtime_dependency(%q<packr>, [">= 3.1.0"])
+      s.add_development_dependency(%q<rspec>, [">= 1.3.0"])
+      s.add_development_dependency(%q<jasmine>, [">= 0.10.3.5"])
+    else
+      s.add_dependency(%q<packr>, [">= 3.1.0"])
+      s.add_dependency(%q<rspec>, [">= 1.3.0"])
+      s.add_dependency(%q<jasmine>, [">= 0.10.3.5"])
+    end
+  else
+    s.add_dependency(%q<packr>, [">= 3.1.0"])
+    s.add_dependency(%q<rspec>, [">= 1.3.0"])
+    s.add_dependency(%q<jasmine>, [">= 0.10.3.5"])
+  end
+end
+

data/public/javascripts/midas/config.js

@@ -0,0 +1,181 @@
+Midas.Config = {
+
+  /* The stylesheet to load for the skin of the toolbar/editable regions.
+   */
+  stylesheet: '/stylesheets/midas.css',
+
+  /* Toolbars
+   *
+   * Any object you put in here will create a new toolbar.
+   *
+   * button format: [label, description, [type, action], [type, action], etc]
+   * type can be:
+   *   'button' (default) calls handleCommand and passes the key of the object (eg. save, preview, undo etc.)
+   *   'toggle' will toggle on or off when clicked (and otherwise behaves like a button)
+   *   'dialog' will open a dialog window, expects the action to be:
+   *     a string url
+   *     a function that returns a string url
+   *   'panel' will open a panel dialog, expects the action to be:
+   *     a string url
+   *     a function that returns a string url
+   *   'palette' will open a palette window, expects the action to be:
+   *     a string url
+   *     a function that returns a string url
+   *   'select' will open a select/pulldown style window, expects the action to be:
+   *     an array
+   *     a function that returns an array
+   *   'context' will call a callback function, expects the action to be:
+   *     a function that returns a boolean to highlight the button or not
+   *     note: if a function isn't provided, the key will be passed to the
+   *           contextHandler (eg. backcolor, bold, etc.), in which case a
+   *           default context will be used (there are several defined in
+   *           Midas.Toolbar.contexts).
+   *   'mode' will toggle a given mode in the editor, expects the action to be:
+   *     a string, denoting the name of the mode
+   *     note: if a string isn't provided, the key will be passed to the
+   *           modeHandler (eg. preview, html, etc.)
+   *     note: it's assumed that when a specific "mode" is turned on, all other "modes" will be
+   *           turned off (this happens automatically), thus putting the editor into a specific
+   *           "state".
+   *
+   * If a button is an object (not an array, not a string), it's assumed that it's a button group,
+   * all of it's children will be expected to be buttons or button groups.  A button group is
+   * wrapped within a div for styling.  It's important to note that each of the keys, regardless of
+   * if it's in a group or not needs to be unique.
+   *
+   * The save action is special, in that it's handled by Midas directly, all other actions are
+   * handled by Midas.Region.
+   *
+   * Separators are any "button" that's not an array, and are expected to be a string.  You can use
+   * three different separator styles: line, spacer, and flex spacer.
+   * '-' = line
+   * ' ' = spacer
+   * '*' = flex spacer
+   */
+  toolbars: {
+    actions: {
+      save:                  ['Save', 'Save this page'],
+      preview:               ['Preview', 'Preview this page', ['toggle'], ['mode']],
+      sep1:                  ' ',
+      undo:                  ['Undo', 'Undo your last action'],
+      redo:                  ['Redo', 'Redo your last action'],
+      sep2:                  ' ',
+      insertlink:            ['Link', 'Insert a hyperlink', ['dialog', '/midas/link']],
+      insertmedia:           ['Media', 'Insert media', ['dialog', '/midas/media']],
+      inserttable:           ['Table', 'Insert a table', ['dialog', '/midas/table']],
+      insertobject:          ['Object', 'Insert an object (form, widget, etc)', ['dialog', '/midas/object']],
+      insertcharacter:       ['Character', 'Insert special characters', ['dialog', '/midas/character']],
+      inspectorpanel:        ['Inspector', 'Open the element inspector panel', ['panel', '/midas/inspector']],
+      sep3:                  '*',
+      notespanel:            ['Notes', 'Open the page notes panel', ['panel', '/midas/notes']],
+      historypanel:          ['History', 'Open the page history panel', ['panel', '/midas/history']]
+      },
+    htmleditor: {
+      style:                 ['Style', '', ['select', function() { return Midas.Config.styles }]],
+      formatblock:           ['Block Format', '', ['select', function() { return Midas.Config.blocks }]],
+      sep1:                  '-',
+      //backcolor:             ['Background Color', '', ['palette', '/midas/backcolor.html'], ['context']],
+      forecolor:             ['Text Color', '', ['palette', '/midas/forecolor.html'], ['context']],
+      sep2:                  '-',
+      decoration:            {
+        bold:                ['Bold', '', ['context']],
+        italic:              ['Italicize', '', ['context']],
+        //overline:            ['Overline', '', ['context']],
+        strikethrough:       ['Strikethrough', '', ['context']],
+        underline:           ['Underline', '', ['context']],
+        sep:                 '-'
+        },
+      script:                {
+        subscript:           ['Subscript', '', ['context']],
+        superscript:         ['Superscript', '', ['context']],
+        sep:                 '-'
+        },
+      justify:               {
+        justifyleft:         ['Align Left', '', ['context']],
+        justifycenter:       ['Center', '', ['context']],
+        justifyright:        ['Align Right', '', ['context']],
+        justifyfull:         ['Justify Full', '', ['context']],
+        sep:                 '-'
+        },
+      list:                  {
+        insertunorderedlist: ['Unordered List', '', ['context']],
+        insertorderedlist:   ['Numbered List', '', ['context']],
+        sep:                 '-'
+        },
+      indent:                {
+        outdent:             ['Decrease Indentation', ''],
+        indent:              ['Increase Indentation', ''],
+        sep:                 '-'
+        },
+      //table:                 {
+      //  insertrowbefore:     ['Insert Row', 'Insert a table row before'],
+      //  insertrowafter:      ['Insert Row', 'Insert a table row after'],
+      //  deleterow:           ['Delete Row', 'Delete this table row'],
+      //  insertcolumnbefore:  ['Insert Column', 'Insert a table column before'],
+      //  insertcolumnafter:   ['Insert Column', 'Insert a table column after'],
+      //  deletecolumn:        ['Delete Column', 'Delete this table column'],
+      //  sep:                 '-'
+      //  },
+      breaks:                {
+        horizontalrule:      ['Horizontal Rule', ''],
+        sep:                 '-'
+        },
+      removeformatting:      ['Remove Formatting', ''],
+      html:                  ['Edit HTML', '', ['dialog', '/midas/html']]
+      }
+    },
+
+  /* Behaviors
+   *
+   * Behaviors are used to change the default behaviors of the editor when a given button is
+   * clicked.  For example, we prefer to add HR tags using an HR wrapped within a div with a
+   * classname of hr, which allows for more flexible styling.  To add your own complex
+   * behaviors just prototype them onto Midas.Region.handle.
+   *
+   * An example behavior would be to add a new button, called buynowbutton, and providing a
+   * behavior like:
+   *
+   * buynowbutton: {insertElement: function() {
+   *   return new Element('a', {href: '/buy-now', class: 'buy-now'}).update('Buy Now!');
+   * }}
+   *
+   * It's important to note that the this keyword inside of the callback functions applies to an
+   * instance of Midas.Region.
+   *
+   * Behavior Methods, and expected arguments (arguments can be provided in an array when there
+   * is more than one expected):
+   *   execCommand: a string of the action to take, or an array [action to take, argument]
+   *   insertHTML: a callback function that returns a string
+   *   ...
+   */
+  behaviors: {
+    horizontalrule:      {insertHTML: function() {
+                            return '<div class="hr"><hr/></div>';
+                         }}
+    },
+
+  /* CSS Classes that can be inserted using the toolbar
+   * -- will wrap selections in spans with a classname of whatever is selected
+   */
+  styles: [
+    ['red',  'Red text'],
+    ['bold', 'Large bold text'],
+    ['blue', 'Blue background']
+    ],
+
+  /* Block elements that can be inserted using the toolbar
+   * -- will wrap selections in selected element
+   */
+  blocks: [
+    ['<h1>', 'Heading 1 &lt;h1&gt;'],
+    ['<h2>', 'Heading 2 &lt;h2&gt;'],
+    ['<h3>', 'Heading 3 &lt;h3&gt;'],
+    ['<h4>', 'Heading 4 &lt;h4&gt;'],
+    ['<h5>', 'Heading 5 &lt;h5&gt;'],
+    ['<h6>', 'Heading 6 &lt;h6&gt;'],
+    ['<p>',  'Paragraph'],
+    ['<blockquote>', 'Blockquote &lt;blockquote&gt;']
+    ['<pre>', 'Formatted &lt;pre&gt;']
+    ]
+
+};

data/public/javascripts/midas/dialog.js

@@ -0,0 +1,9 @@
+if (!Midas) var Midas = {};
+Midas.Dialog = Class.create({
+  version: 0.2,
+
+  initialize: function() {
+
+  }
+});
+

data/public/javascripts/midas/midas.js

@@ -0,0 +1,307 @@
+var Midas = Class.create({
+  version: 0.2,
+  options: {
+    classname: 'editable',
+    saveUrl: window.location.href,
+    saveMethod: 'put',
+    configuration: null,
+    useIframe: false // boolean true, or a string of the document to load
+  },
+  contentWindow: window,
+  actionsToHandle: ['save'],
+
+  initialize: function(options, toolbarOptions, regionOptions, statusbarOptions) {
+    options = options || {};
+    if (!Midas.agentIsCapable()) throw('Midas requires a browser that has contentEditable features');
+    if (options['useIframe'] && !window.isTop()) {
+      Midas.trace('Midas will only instantiate in "top", when using an iframe');
+      return;
+    }
+    
+    Midas.registerInstance(this);
+
+    this.options = Object.extend(Object.clone(this.options), options);
+    this.options['configuration'] = this.options['configuration'] || Midas.Config;
+    this.config = this.options['configuration'];
+
+    this.toolbarOptions = toolbarOptions || {};
+    this.statusbarOptions = statusbarOptions || {};
+    this.regionOptions = regionOptions || {};
+
+    this.initializeInterface();
+
+    this.setupObservers();
+  },
+
+  initializeInterface: function() {
+    this.regions = [];
+
+    if (this.options['useIframe']) {
+      var src = (this.options['useIframe'] === true) ? window.location.href + '?midas_regions=true' : this.options['useIframe'];
+
+      this.iframe = new Element('iframe', {
+        seamless: 'true',
+        frameborder: '0',
+        className: 'midas-iframe-window',
+        src: 'about:blank'
+      });
+
+      Event.observe(this.iframe, 'load', function() {
+        this.initializeRegions(this.iframe.contentWindow);
+        this.finalizeInterface();
+      }.bind(this));
+
+      this.iframe.src = src;
+      this.iframeContainer = new Element('div', {'class': 'midas-iframe-container'});
+      this.iframeContainer.appendChild(this.iframe);
+
+      document.body.setStyle('overflow:hidden');
+      document.body.appendChild(this.iframeContainer);
+    } else {
+      this.initializeRegions(this.contentWindow);
+      this.finalizeInterface();
+    }
+  },
+
+  initializeRegions: function(contentWindow) {
+    this.contentWindow = contentWindow;
+    Object.extend(this.regionOptions, {contentWindow: this.contentWindow, configuration: this.options['configuration']});
+
+    var body = this.contentWindow.document.body;
+    if (typeof(body.select) == 'function') {
+      this.regionElements = body.select('div.' + this.options['classname']);
+    } else {
+      this.regionElements = body.getElementsByClassName(this.options['classname']);
+    }
+
+    for (var i = 0; i < this.regionElements.length; ++i) {
+      this.regions.push(new Midas.Region(this.regionElements[i], this.regionOptions, 'midas' + this._id + '_region_' + i));
+    }
+  },
+
+  finalizeInterface: function() {
+    if (this.regions[0]) this.setActiveRegion(this.regions[0]);
+
+    Object.extend(this.toolbarOptions, {contentWindow: this.contentWindow, configuration: this.options['configuration']});
+    Object.extend(this.statusbarOptions, {contentWindow: this.contentWindow, configuration: this.options['configuration']});
+
+    this.toolbar = new Midas.Toolbar(this.toolbarOptions);
+    this.statusbar = new Midas.Statusbar(this.statusbarOptions);
+
+    this.resize();
+
+  },
+
+  setupObservers: function() {
+    window.onbeforeunload = this.onBeforeUnload.bind(this);
+    Event.observe(window, 'resize', this.resize.bind(this));
+
+    Event.observe(document, 'mouseup', function(e) {
+      var element = Event.element(e);
+      if (this.toolbar && (element.descendantOf(this.toolbar.element) || element == this.toolbar.element)) return;
+      for (var i = 0; i < this.regions.length; ++i) {
+        if (element == this.regions[i].element || element.descendantOf(this.regions[i].element)) return;
+      }
+
+      this.setActiveRegion(null);
+      if (this.toolbar) this.toolbar.unsetActiveButtons();
+    }.bind(this));
+
+    //{action: action, event: event, toolbar: this}
+    Event.observe(document, 'midas:button', function(e) {
+      if (!this.activeRegion) return;
+      var a = e.memo;
+
+      if (this.toolbar != a['toolbar']) return;
+      this.changed = true;
+
+      var handled = this.handleAction(a['action'], a['event'], a['toolbar'], a['options']);
+      if (!handled) this.activeRegion.handleAction(a['action'], a['event'], a['toolbar'], a['options']);
+      if (this.statusbar) this.statusbar.update(this.activeRegion, e);
+      if (this.toolbar) this.toolbar.setActiveButtons(this.regions, this.activeRegion);
+    }.bindAsEventListener(this));
+
+    //{mode: mode, toolbar: this}
+    Event.observe(document, 'midas:mode', function(e) {
+      if (!this.activeRegion) return;
+      var a = e.memo;
+
+      if (this.toolbar != a['toolbar']) return;
+
+      this.handleMode(a['mode'], a['toolbar']);
+    }.bindAsEventListener(this));
+
+    //{region: this, name: this.name, event: event}
+    Event.observe(document, 'midas:region', function(e) {
+      var a = e.memo;
+      if (this.regions.indexOf(a['region']) < 0) return;
+
+      if (a['changed']) this.changed = true;
+      this.setActiveRegion(a['region']);
+    }.bindAsEventListener(this));
+
+    //{region: this, name: this.name, event: event}
+    Event.observe(document, 'midas:region:update', function(e) {
+      var a = e.memo;
+
+      Midas.fire('region', e.memo);
+
+      if (this.regions.indexOf(a['region']) < 0) return;
+      
+      if (this.statusbar) this.statusbar.update(this.activeRegion, a['event']);
+      if (this.toolbar) this.toolbar.setActiveButtons(this.regions, this.activeRegion);
+    }.bind(this));
+  },
+
+  setActiveRegion: function(region) {
+    this.activeRegion = region; 
+  },
+
+  handleAction: function(action, event, toolbar, options) {
+    options = options || {};
+    
+    if (this.actionsToHandle.indexOf(action) < 0) return false;
+    if (Object.isFunction(this[action])) return this[action].apply(this, arguments);
+
+    throw('Unhandled action "' + action + '"');
+  },
+
+  handleMode: function(mode, toolbar) {
+    //!!
+  },
+
+  serialize: function() {
+    var serialized = {};
+    this.regions.each(function(region) {
+      var value = region.serialize();
+      serialized[value.name] = value.content;
+    });
+    return serialized;
+  },
+
+  save: function() {
+    var method = this.options.saveMethod;
+    var parameters = {};
+    if (method.toUpperCase() != 'POST' && method.toUpperCase() != 'GET') {
+      parameters['_method'] = method;
+    }
+
+    new Ajax.Request(this.options.saveUrl, {
+      method: method,
+      parameters: Object.extend(parameters, this.serialize()),
+      onSuccess: function() {
+        this.changed = false;
+      }.bind(this)
+    });
+
+    return true;
+  },
+
+  resize: function() {
+    var view = document.viewport.getDimensions();
+
+    if (this.iframe) {
+      var toolbarHeight = (this.toolbar) ? this.toolbar.getHeight() : 0;
+      var statusbarHeight = (this.statusbar) ? this.statusbar.getHeight() : 0;
+      this.iframeContainer.setStyle({
+        height: (view.height - statusbarHeight - toolbarHeight - 10) + 'px',
+        width: view.width + 'px',
+        top: this.toolbar.getHeight() + 'px',
+        left: 0
+      });
+      this.iframe.setStyle({
+        height: (view.height - statusbarHeight - toolbarHeight - 10) + 'px',
+        width: view.width + 'px'
+      });
+    }
+  },
+
+  onBeforeUnload: function() {
+    if (this.changed) return "You've made changes without saving them.  Are you sure you'd like to navigate away without saving them first?";
+  },
+
+  destroy: function() {
+    if (this.toolbar) this.toolbar.destroy();
+    if (this.statusbar) this.statusbar.destroy();
+    this.regions.each(function(region) {
+      region.destroy();
+    });
+    if (this.iframe) {
+      this.iframe.remove();
+      this.iframe = null;
+    }
+    this.toolbar = null;
+    this.statusbar = null;
+    this.regions = [];
+    Midas.unregisterInstance(this);
+  }
+});
+
+// Midas static methods
+Object.extend(Midas, {
+  version: 0.2,
+  instances: [],
+  agentId: null,
+  debugMode: false,
+
+  registerInstance: function(instance) {
+    this.instances.push(instance);
+  },
+
+  unregisterInstance: function(instance) {
+    this.instances = this.instances.without(instance);
+  },
+
+  agent: function() {
+    if (this.agentId) return this.agentId;
+
+    var agent = navigator.userAgent.toLowerCase();
+
+    var name = null;
+    if ((agent.indexOf("msie") != -1) && (agent.indexOf("opera") == -1) && (agent.indexOf("webtv") == -1)) {
+      name = 'msie';
+    } else if (agent.indexOf("opera") != -1) {
+      name = 'opera';
+    } else if (agent.indexOf("gecko") != -1) {
+      name = 'gecko';
+    } else if (agent.indexOf("safari") != -1) {
+      name = 'safari';
+    } else if (agent.indexOf("konqueror") != -1) {
+      name = 'konqueror';
+    }
+
+    this.agentId = name;
+    return name;
+  },
+
+  agentIsCapable: function() {
+    var agent = Midas.agent();
+
+    // TODO: IE is disabled at this point because it doesn't follow the w3c standards in regards to designMode.
+    return (agent && document.getElementById && document.designMode && agent != 'konqueror' && agent != 'msie') ? true : false;
+  },
+
+  fire: function(event, memo) {
+    event = 'midas:' + event;
+    Midas.trace('Midas.fire', event, memo);
+
+    Event.fire(document, event, memo);
+  },
+
+  trace: function() {
+    var args = [];
+    for (var i = 0; i < arguments.length; ++i) args.push(arguments[i]);
+    if (Midas.debugMode && typeof(console) != 'undefined') {
+      try {
+        console.debug(args);
+      } catch(e1) {
+        try {
+          console.info(args);
+        } catch(e2) {
+          try { console.log(args); } catch(e3) {}
+        }
+      }
+    }
+  }
+});
+