ponytail 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 63ccf892a7224116f88fbfb4e4464ab153371fb2
-  data.tar.gz: f793e36362e8aa589b1878ad6d32f9c1aa7e9f31
+  metadata.gz: 94132f249283a8a919796eec99b3660e6d29d678
+  data.tar.gz: 3de14204fe0395266f3fe963894066fcfb4f12dd
 SHA512:
-  metadata.gz: f35510c6f836ea0a6c57ffc51fdfe246d60c030b09a31baac486c9bb75e8dc3197547d8c8c3174e2ab2822b247ba33ef2bc8edb15d6604438002ed861757cb0d
-  data.tar.gz: 44ac79a3da84c19460800b52219301f796ebcb27d0ab47852053aa801db6071ac7f5eb02ad5ebbfca8da59ce6128580ed7d62dcca54076417f746fa5d4fce5f1
+  metadata.gz: f77a34fa6dcf200a6f472760dfc9e033bfd0fef33ac528b0fd0e3614225fc4f333a4a194f10899231435c9d446c681586f4f2aef00383659f6ccd141344c4829
+  data.tar.gz: 1cf8b14224488416a548eafd44f5d1deb69840a94972c797a5c0dec000ebecf8d8994d95ab3f9e633261b1b221d645c9751a951f8d692f1a2450b13683a567c5

data/.gitignore

@@ -17,3 +17,5 @@ test/version_tmp
 tmp
 
 /vendor/bundle
+*.sqlite3
+log

data/README.md

@@ -34,6 +34,14 @@ Comment out `config.active_record.migration_error` in `config/environments/devel
 
 Visit `/rails/migrations` in your app.
 
+## How to work dummy app
+
+```bash
+$ rake db:migrate:reset
+$ cd spec/dummy
+$ rails s
+```
+
 ## Contributing
 
 1. Fork it

data/Rakefile

@@ -3,6 +3,8 @@ require "rspec/core/rake_task"
 load "jasmine/tasks/jasmine.rake"
 ENV['JASMINE_SPEC_FORMAT'] = 'documentation'
 
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
 RSpec::Core::RakeTask.new(:spec)
 
 task :default => [:spec, 'jasmine:ci']

data/app/assets/javascripts/ponytail/application.js

@@ -1 +1,10 @@
+//= require jquery.min
+//= require jquery_ujs
+//= require underscore-min
+//= require backbone-min
+//= require ./ponytail
+//= require_tree ./models
+//= require_tree ./collections
+//= require_tree ./views
+//= require_tree ./routers
 //= require_tree .

data/app/assets/javascripts/ponytail/models/column.js

@@ -1,6 +1,43 @@
-function Column(option) {
-  this.name = option.name;
-  this.type = option.type;
-}
-Column.prototype = {
-};
+Ponytail.Models.Column = Backbone.Model.extend({
+  defaults: {
+    type: "string",
+    name: "new_column",
+    isRemoved: false,
+    isAdded: false,
+  },
+  initialize: function (attrs, options) {
+    this.beforeType = attrs.type || "";
+    this.beforeName = attrs.name || "";
+    var func = _.bind(attrs.table.trigger, attrs.table, "change");
+    this.bind("change", func);
+  },
+  isRemoved: function() {
+    return this.get("isRemoved") === true;
+  },
+  isAdded: function() {
+    return this.get("isAdded") === true;
+  },
+  isRename: function() {
+    return this.beforeName != this.get("name");
+  },
+  isChangeType: function() {
+    return this.beforeType != this.get("type");
+  },
+  getCommands: function() {
+    var table = this.get("table");
+    if (this.isRemoved()) {
+      return [new Ponytail.Models.Command("remove_column", ":" + table.get("name"), ":" + this.beforeName)];
+    } else if (this.isAdded()) {
+      return [new Ponytail.Models.Command("add_column", ":" + table.get("name"), ":" + this.get("name"), ":" + this.get("type"))];
+    } else {
+      var commands = [];
+      if (this.isRename()) {
+        commands.push(new Ponytail.Models.Command("rename_column", ":" + table.get("name"), ":" + this.beforeName, ":" + this.get("name")));
+      }
+      if (this.isChangeType()) {
+        commands.push(new Ponytail.Models.Command("change_column", ":" + table.get("name"), ":" + this.get("name"), ":" + this.get("type")));
+      }
+      return commands;
+    }
+  },
+});

data/app/assets/javascripts/ponytail/models/command.js

@@ -0,0 +1,8 @@
+Ponytail.Models.Command = function() {
+  this.args = Array.prototype.slice.call(arguments);
+};
+Ponytail.Models.Command.prototype = {
+  toString: function() {
+    return this.args.shift() + " " + this.args.join(", ");
+  }
+};

data/app/assets/javascripts/ponytail/models/create_table_command.js

@@ -0,0 +1,16 @@
+Ponytail.Models.CreateTableCommand = function(tableName, columns) {
+  this.tableName = tableName;
+  this.columns = columns;
+};
+Ponytail.Models.CreateTableCommand.prototype = {
+  toString: function() {
+    return [
+        "create_table :" + this.tableName + " do |t|",
+        this.columns.map(function(column) {
+          return "t." + column.get("type") + " :" + column.get("name");
+        }).join("\n").replace(/^/, "  ").replace(/\n/g, "\n  "),
+        "  t.timestamps",
+        "end",
+      ].join("\n");
+  }
+};

data/app/assets/javascripts/ponytail/models/drop_table_command.js

@@ -0,0 +1,8 @@
+Ponytail.Models.DropTableCommand = function(tableName) {
+  this.tableName = tableName;
+};
+Ponytail.Models.DropTableCommand.prototype = {
+  toString: function() {
+    return new Ponytail.Models.Command("drop_table", ":" + this.tableName);
+  }
+};

data/app/assets/javascripts/ponytail/models/migration_file.js

@@ -1,24 +1,40 @@
-function MigrationFile() {
-  this.className = "";
-  this.commands = [];
-}
-MigrationFile.prototype = {
-  setClassName: function(className) {
-    this.className = className;
+Ponytail.Models.MigrationFile = Backbone.Model.extend({
+  defaults: {
+    className: "",
+    rawContent: "",
   },
-  toString: function() {
-    return ["class " + this.className + " < ActiveRecord::Migration",
-           "  def change",
-           this.toStringOfCommands(),
-           "  end",
-           "end"].join("\n");
+  initialize: function(attrs, options) {
+    this.tables = [];
+    this.bind("change:className", this.update);
   },
-  addCommand: function(command) {
-    this.commands.push(command);
+  updateByTables: function(tables) {
+    this.tables = tables;
+    this.update();
   },
-  toStringOfCommands: function() {
-    return this.commands.map(function(command) {
+  update: function() {
+    var rawContent = [
+      "class " + this.get("className") + " < ActiveRecord::MigrationFile",
+      this.getContentOfClass(),
+      "end",
+    ].join("\n");
+    this.set({"rawContent": rawContent});
+  },
+  getContentOfClass: function() {
+    return _.compact([
+      "def change",
+      this.getStringOfCommands(),
+      "end",
+    ]).join("\n").replace(/^/, "  ").replace(/\n/g, "\n  ");
+  },
+  getStringOfCommands: function() {
+    var commands = this.getCommands();
+    return commands.map(function(command) {
       return command.toString();
-    }).join("\n").replace(/^/, "    ").replace(/\n/g, "\n    ");
-  }
-};
+    }).join("\n").replace(/^/, "  ").replace(/\n/g, "\n  ");
+  },
+  getCommands: function() {
+    return _.flatten(this.tables.map(function(table) {
+      return table.getCommands();
+    }));
+  },
+});

data/app/assets/javascripts/ponytail/models/rename_table_command.js

@@ -0,0 +1,9 @@
+Ponytail.Models.RenameTableCommand = function(tableName, newName) {
+  this.tableName = tableName;
+  this.newName = newName;
+};
+Ponytail.Models.RenameTableCommand.prototype = {
+  toString: function() {
+    return new Ponytail.Models.Command("rename_table", ":" + this.tableName, ":" + this.newName);
+  }
+};

data/app/assets/javascripts/ponytail/models/table.js

@@ -1,40 +1,44 @@
-function Table(option) {
-  if (option === undefined) { option = {}; }
-  this.beforeTableName = option.tableName;
-  this.tableName = option.tableName;
-  this._isSaved = option.isSaved;
-  this._drop = false;
-  this.columns = [];
-}
-Table.prototype = {
-  isSaved: function() {
-    return this._isSaved ? true : false;
+Ponytail.Models.Table = Backbone.Model.extend({
+  defaults: {
+    name: "new_table",
+    columns: [],
+    isDrop: false,
+    isCreated: false,
+  },
+  initialize: function (attrs, options) {
+    this.beforeName = attrs.name || "";
+  },
+  isCreated: function() {
+    return this.get("isCreated") === true;
   },
   isDrop: function() {
-    return this._drop;
+    return this.get("isDrop") === true;
   },
-  drop: function() {
-    this._drop = true;
+  isRename: function() {
+    return this.beforeName != this.get("name");
   },
   addColumn: function(column) {
-    this.columns.push(column);
+    var columns = this.get("columns");
+    columns.push(column);
+    this.set({columns: columns});
+    this.trigger("change");
   },
   getCommands: function() {
-    if (this.isDrop() && this.isSaved()) {
-      return [new Command("drop_table", ":" + this.beforeTableName)];
-    } else if (this.isDrop() && !this.isSaved()) {
+    if (this.isCreated() && this.isDrop()) {
       return [];
-    } else if (this.isSaved()) {
+    } else if (this.isCreated() && !this.isDrop()) {
+      return [new Ponytail.Models.CreateTableCommand(this.get("name"), this.get("columns"))];
+    } else if (!this.isCreated() && this.isDrop()) {
+      return [new Ponytail.Models.DropTableCommand(this.beforeName)];
+    } else {
       var commands = [];
-      if (this.beforeTableName != this.tableName) {
-        commands.push(new Command("rename_table", ":" + this.beforeTableName, ":" + this.tableName));
+      if (this.isRename()) {
+        commands.push(new Ponytail.Models.RenameTableCommand(this.beforeName, this.get("name")));
       }
-      // TODO: add_column, ...etc
-      return commands;
-    } else {
-      var command = new CreateTable();
-      command.setTableName(this.tableName);
-      return [command];
+      this.get("columns").forEach(function(column) {
+        commands.push(column.getCommands());
+      });
+      return _.compact(_.flatten(commands));
     }
   }
-};
+});

data/app/assets/javascripts/ponytail/ponytail.js

@@ -0,0 +1,15 @@
+window.Ponytail = {
+  Models: {},
+  Collections: {},
+  Views: {},
+  Routers: {},
+};
+
+function setupIndex() {
+  $(".pt_close_notice").click(function() {
+    $(".pt_notice").hide();
+  });
+  $(".pt_name, .pt_filename").click(function() {
+    $(".pt_raw_content", $(this).parent().parent()).toggle();
+  });
+}

data/app/assets/javascripts/ponytail/views/column.js

@@ -0,0 +1,36 @@
+Ponytail.Views.ColumnView = Backbone.View.extend({
+  className: 'pt_column',
+  events: {
+    "click .pt_column_type span": "toggleColumnType",
+    "blur .pt_column_type select": "changeColumnType",
+    "click .pt_column_name span": "toggleColumnName",
+    "keyup .pt_column_name input": function(e) { this.model.set({name: e.target.value}); },
+    "blur .pt_column_name input": "toggleColumnName",
+  },
+  initialize: function(options) {
+    _.bindAll(this, "render");
+    this.model.bind("change", this.render);
+  },
+  render: function() {
+    if (this.el.parentNode === null) {
+      $(this.el).html(_.template($("#column_view_template").html(), this.model.attributes));
+    } else {
+      $(this.el).find(".pt_column_type span").text(this.model.get("type"));
+      $(this.el).find(".pt_column_name span").text(this.model.get("name"));
+    }
+    $(this.el).find(".pt_column_type option[value='" + this.model.get("type") + "']").attr("selected", true);
+    return this;
+  },
+  toggleColumnType: function() {
+    $(this.el).find(".pt_column_type span").toggle();
+    $(this.el).find(".pt_column_type select").toggle();
+  },
+  changeColumnType: function(e) {
+    this.model.set({type: e.target.value});
+    this.toggleColumnType();
+  },
+  toggleColumnName: function() {
+    $(this.el).find(".pt_column_name span").toggle();
+    $(this.el).find(".pt_column_name input").toggle();
+  }
+});

data/app/assets/javascripts/ponytail/views/migration_file.js

@@ -0,0 +1,24 @@
+Ponytail.Views.MigrationFileView = Backbone.View.extend({
+  events: {
+    "click .pt_edit_checkbox input": "toggleRawContent",
+    "click .pt_submit": function() { this.setRawContentEnabled(true); },
+    "keyup .pt_class_name input": function(e) { this.model.set({className: e.target.value}); },
+  },
+  initialize: function(options) {
+    _.bindAll(this, "render");
+    this.model.bind("change", this.render);
+  },
+  render: function() {
+    $(".pt_raw_content textarea").text(this.model.get("rawContent"));
+  },
+  toggleRawContent: function() {
+    this.setRawContentEnabled($(".pt_raw_content textarea").attr("disabled"));
+  },
+  setRawContentEnabled: function(enabled) {
+    if (enabled) {
+      $(".pt_raw_content textarea").removeAttr("disabled");
+    } else {
+      $(".pt_raw_content textarea").attr("disabled", "disabled");
+    }
+  },
+});

data/app/assets/javascripts/ponytail/views/new_migrations.js

@@ -0,0 +1,36 @@
+Ponytail.Views.NewMigrationView = Backbone.View.extend({
+  events: {
+    "click .pt_new_table a": "appendTableView"
+  },
+  initialize: function() {
+    var tables = [];
+    $(".pt_table").each(function() {
+      var name = $(this).find(".pt_table_name span").text();
+      var m = new Ponytail.Models.Table({name: name});
+      tables.push(m);
+      new Ponytail.Views.TableView({el: $(this), model: m});
+    });
+    var migrationFile = new Ponytail.Models.MigrationFile();
+    new Ponytail.Views.MigrationFileView({el: $(".migration_file_view"), model: migrationFile});
+    tables.forEach(function(table) {
+      table.bind("change", function() {
+        migrationFile.updateByTables(tables);
+      });
+    });
+    this.tables = tables;
+    this.migrationFile = migrationFile;
+  },
+  appendTableView: function() {
+    var tables = this.tables;
+    var migrationFile = this.migrationFile;
+    var m = new Ponytail.Models.Table({isCreated: true});
+    tables.push(m);
+    m.bind("change", function() {
+      migrationFile.updateByTables(tables);
+    });
+    m.trigger("change");
+    var v = new Ponytail.Views.TableView({model: m});
+    $(".pt_new_table").before(v.render().el);
+    return false;
+  }
+});

data/app/assets/javascripts/ponytail/views/table.js

@@ -0,0 +1,61 @@
+Ponytail.Views.TableView = Backbone.View.extend({
+  className: "pt_table",
+  events: {
+    "click .pt_table_name span": "toggleTableName",
+    "keyup .pt_table_name input": function(e) { this.model.set({name: e.target.value}); },
+    "blur .pt_table_name input": "toggleTableName",
+    "click .pt_drop_table": "dropTable",
+    "click .pt_restore_table": "restoreTable",
+    "click .pt_add_column": "addColumn",
+  },
+  initialize: function(options) {
+    _.bindAll(this, "render");
+    this.model.bind("change", this.render);
+    var table = this.model;
+    var columns = [];
+    _.each($(this.el).find(".pt_column"), function(elem) {
+      var type = $(elem).find(".pt_column_type span").text();
+      var name = $(elem).find(".pt_column_name span").text();
+      var m = new Ponytail.Models.Column({table: table, type: type, name: name});
+      new Ponytail.Views.ColumnView({el: elem, model: m}).render();
+      columns.push(m);
+    });
+    this.model.set({columns: columns}, {silent: true});
+  },
+  render: function() {
+    if (this.el.parentNode === null) {
+      $(this.el).html(_.template($("#table_view_template").html(), this.model.attributes));
+    } else {
+      $(this.el).find(".pt_table_name span").text(this.model.get("name"));
+    }
+    return this;
+  },
+  updateTableName: function() {
+    var v = $(this.el).find(".pt_table_name input")[0].value;
+    $(this.el).find(".pt_table_name span").text(v);
+    this.model.set({name: v});
+  },
+  toggleTableName: function() {
+    $(this.el).find(".pt_table_name span").toggle();
+    $(this.el).find(".pt_table_name input").toggle();
+  },
+  dropTable: function(e) {
+    this.model.set({isDrop: true});
+    $(this.el).find(".pt_drop_table").hide();
+    $(this.el).find(".pt_restore_table").show();
+    return false;
+  },
+  restoreTable: function(e) {
+    this.model.set({isDrop: false});
+    $(this.el).find(".pt_drop_table").show();
+    $(this.el).find(".pt_restore_table").hide();
+    return false;
+  },
+  addColumn: function(e) {
+    var column = new Ponytail.Models.Column({table: this.model, isAdded: true});
+    var view = new Ponytail.Views.ColumnView({model: column});
+    $(this.el).find(".pt_columns").append(view.render().el);
+    this.model.addColumn(column);
+    return false;
+  }
+});

data/app/assets/stylesheets/ponytail/application.css

@@ -87,8 +87,8 @@
   font-weight: bold;
 }
 
-.pt_new .pt_schema .pt_table_name input {
-  display: none;
+.pt_new .pt_schema span {
+  cursor: pointer;
 }
 
 .pt_new .pt_schema .pt_new_table {

data/app/controllers/ponytail/migrations_controller.rb

@@ -23,6 +23,13 @@ module Ponytail
       end
     end
 
+    def destroy
+      # TODO: fix params[:id]
+      @migration = Migration.all.select { |x| x.version == params[:id].to_i }.first
+      @migration.destroy
+      redirect_to :migrations, notice: 'Migration was successfully deleted.'
+    end
+
     def migrate
       if Migration.migrate
         redirect_to :migrations, notice: 'Migrate was succeed.'

data/app/views/ponytail/migrations/_column.html.erb

@@ -0,0 +1,22 @@
+<div class="pt_column">
+  <div class="pt_column_type">
+    <span><%= column.type %></span>
+    <select style="display: none;">
+      <option value="string">string</option>
+      <option value="text">text</option>
+      <option value="integer">integer</option>
+      <option value="float">float</option>
+      <option value="decimal">decimal</option>
+      <option value="datetime">datetime</option>
+      <option value="timestamp">timestamp</option>
+      <option value="time">time</option>
+      <option value="date">date</option>
+      <option value="binary">binary</option>
+      <option value="boolean">boolean</option>
+    </select>
+  </div>
+  <div class="pt_column_name">
+    <span><%= column.name %></span>
+    <input type="text" value="<%= column.name %>" style="display: none;" />
+  </div>
+</div>

data/app/views/ponytail/migrations/_column_view_template.html.erb

@@ -0,0 +1,22 @@
+<script type="text/template" id="column_view_template">
+  <div class="pt_column_type">
+    <span style="display: none;"><%%= type %></span>
+    <select>
+      <option value="string">string</option>
+      <option value="text">text</option>
+      <option value="integer">integer</option>
+      <option value="float">float</option>
+      <option value="decimal">decimal</option>
+      <option value="datetime">datetime</option>
+      <option value="timestamp">timestamp</option>
+      <option value="time">time</option>
+      <option value="date">date</option>
+      <option value="binary">binary</option>
+      <option value="boolean">boolean</option>
+    </select>
+  </div>
+  <div class="pt_column_name">
+    <span style="display: none;"><%%= name %></span>
+    <input type="text" value="<%%= name %>" />
+  </div>
+</script>

data/app/views/ponytail/migrations/_migration.html.erb

@@ -4,6 +4,7 @@
     <div class="pt_migration_header">
       <span class="pt_name"><%= migration.name %></span>
       <span class="pt_filename"><%= migration.filename %></span>
+      <%= link_to 'delete', migration_path(migration.version), method: :delete, confirm: 'Are you sure?' %>
     </div>
     <div class="pt_raw_content">
       <pre><%= migration.raw_content %></pre>

data/app/views/ponytail/migrations/_migration_file.html.erb

@@ -0,0 +1,23 @@
+<%= form_for migration, url: migrations_path do |f| %>
+  <%= render 'new_errors', migration: migration %>
+
+  <div class="pt_form_header">
+    <div class="pt_class_name">
+      <span>Class Name</span>
+      <%= f.text_field :name %>
+    </div>
+
+    <div class="pt_edit_checkbox">
+      <input type="checkbox" class="pt_checkbox" />
+      <span>edit</span>
+    </div>
+  </div>
+
+  <div class="pt_raw_content">
+    <%= f.text_area :raw_content, size: '60x20', disabled: true %>
+  </div>
+
+  <%= f.submit 'Create File', class: :pt_submit %>
+<% end %>
+
+<%= button_to 'Cancel', migrations_path, method: :get %>

data/app/views/ponytail/migrations/_table.html.erb

@@ -1,17 +1,18 @@
 <div class="pt_table">
   <div class="pt_table_name">
     <span><%= table.name %></span>
-    <input type="text" />
+    <input type="text" value="<%= table.name %>" style="display: none;" />
   </div>
   <div>
     <a href="#" class="pt_drop_table">drop</a>
+    <a href="#" class="pt_restore_table" style="display: none;">restore</a>
   </div>
   <div class="pt_columns">
     <% table.columns.each do |column| %>
-      <div class="pt_column">
-        <div class="pt_column_type"><%= column.type %></div>
-        <div class="pt_column_name"><%= column.name %></div>
-      </div>
-  <% end %>
+      <%= render 'column', column: column %>
+    <% end %>
+  </div>
+  <div>
+    <a href="#" class="pt_add_column">Add Column</a>
   </div>
 </div>

data/app/views/ponytail/migrations/_table_view_template.html.erb

@@ -0,0 +1,23 @@
+<script type="text/template" id="table_view_template">
+  <div class="pt_table">
+    <div class="pt_table_name">
+      <span style="display: none;"><%%= name %></span>
+      <input type="text" value="<%%= name %>" />
+    </div>
+    <div>
+      <a href="#" class="pt_drop_table">drop</a>
+      <a href="#" class="pt_restore_table" style="display: none;">restore</a>
+    </div>
+    <div class="pt_columns">
+      <%% _.each(columns, function(column) { %>
+        <div class="pt_column">
+          <div class="pt_column_type"><%%= column.type %></div>
+          <div class="pt_column_name"><%%= column.name %></div>
+        </div>
+    <%% }); %>
+      <div>
+        <a href="#" class="pt_add_column">Add Column</a>
+      </div>
+    </div>
+  </div>
+</script>

data/app/views/ponytail/migrations/index.html.erb

@@ -13,6 +13,5 @@
 </div>
 
 <script type='text/javascript'>
-  toggleMigrationRawContent();
-  closeNotice();
+  setupIndex();
 </script>