localtower 0.5.0 → 1.0.0

data/public/js/app.js

@@ -1,88 +1,187 @@
 window.MainApp = {};
 
+Array.prototype.unique = function () {
+  return this.filter(function (value, index, self) {
+    return self.indexOf(value) === index;
+  });
+};
+
 MainApp = {
-  init: function() {
-  },
+  init: function () {},
 
-  ready: function() {
-    $('.grid').masonry({
-      itemSelector: '.grid-item',
+  ready: function () {
+    $(".grid").masonry({
+      itemSelector: ".grid-item",
       percentPosition: true,
-      columnWidth: '.grid-sizer',
+      columnWidth: ".grid-sizer",
+    });
+
+    MainApp.whenActionOnElement("click", "duplicateLineNewModel", function (e) {
+      e.preventDefault();
+
+      if (MainApp.modelNameAndAttributesAreFilled()) {
+        MainApp.duplicateLine();
+      } else {
+        MainApp.notFilled();
+      }
+
+      return false;
     });
 
-    MainApp.whenActionOnElement("click", "duplicate", function(e) {
+    MainApp.whenActionOnElement(
+      "click",
+      "duplicateLineNewMigration",
+      function (e) {
+        e.preventDefault();
+        MainApp.duplicateLineMigration();
+        return false;
+      }
+    );
+
+    MainApp.whenActionOnElement("click", "removeLineModel", function (e) {
       e.preventDefault();
-      MainApp.duplicateLine();
+      MainApp.removeLineModel(e.currentTarget);
       return false;
     });
 
-    MainApp.whenActionOnElement("click", "remove", function(e) {
+    MainApp.whenActionOnElement("click", "removeLineMigration", function (e) {
       e.preventDefault();
-      MainApp.removeLine(e.currentTarget);
+      MainApp.removeLineMigration(e.currentTarget);
       return false;
     });
 
-    MainApp.whenActionOnElement("click", "submit", function(e) {
+    // New Model
+    MainApp.whenActionOnElement("click", "submitNewModel", function (e) {
+      if (!MainApp.modelNameAndAttributesAreFilled()) {
+        MainApp.notFilled();
+        e.preventDefault();
+        return false;
+      }
+
       var current = $(e.currentTarget);
       $(".full-message").show();
 
       if (current.val() === "false") {
         $(".full-message-migrate").show();
       }
+    });
 
+    // New Migration
+    MainApp.whenActionOnElement("click", "submitNewMigration", function (e) {
+      var current = $(e.currentTarget);
+      $(".full-message").show();
+
+      if (current.val() === "false") {
+        $(".full-message-migrate").show();
+      }
     });
 
-    MainApp.whenActionOnElement("change", "action", function(e) {
+    MainApp.whenActionOnElement("change", "action", function (e) {
       MainApp.adaptLines();
     });
 
     MainApp.adaptLines();
     MainApp.sanitizeInputs();
-
     hljs.highlightAll();
   },
 
   // INSTANCE --------------------------------------------------
-  sanitizeInputs: function() {
-    $('[data-sain]').keyup(function(el) {
-      var currentInputValue = $(el.currentTarget).val();
-      var cleanInputValue = currentInputValue.replace(/[^a-zA-Z0-9]/g, '');
-      $(el.currentTarget).val(cleanInputValue);
-    })
+  sanitizeInputs: function () {
+    function camelize(str) {
+      return str
+        .replace(/(?:^\w|[A-Z]|\b\w)/g, function (word, index) {
+          return word.toUpperCase();
+        })
+        .replace(/\s+/g, "");
+    }
+
+    function snakeCase(str) {
+      return str
+        .replace(/\ /g, "_")
+        .replace(/[^a-zA-Z0-9\_]/g, "")
+        .replace(/\_\_/g, "_")
+        .toLowerCase();
+    }
+
+    // Model name
+    MainApp.whenActionOnElement("keyup", "modelName", function (e) {
+      var currentInputValue = $(e.currentTarget).val();
+      var cleanInputValue = currentInputValue.replace(/[^a-zA-Z0-9]/g, "");
+      cleanInputValue = camelize(cleanInputValue);
+      $(e.currentTarget).val(cleanInputValue);
+    });
+
+    // Model attributes
+    MainApp.whenActionOnElement("keyup", "attributeName", function (e) {
+      var currentInputValue = $(e.currentTarget).val();
+      $(e.currentTarget).val(snakeCase(currentInputValue));
+    });
+
+    // Migration
+    MainApp.whenActionOnElement("keyup", "column_text", function (e) {
+      var currentInputValue = $(e.currentTarget).val();
+      $(e.currentTarget).val(snakeCase(currentInputValue));
+    });
   },
 
+  modelNameAndAttributesAreFilled: function () {
+    // attributes name:
+    var valuesForAttributes = [];
+    MainApp.bySelector("attributeName").each(function (el) {
+      valuesForAttributes.push($(this).val());
+    });
+    // model name:
+    valuesForAttributes.push(MainApp.bySelector("modelName").first().val());
+
+    return (
+      valuesForAttributes.filter(function (n) {
+        return n === "";
+      }).length === 0
+    );
+  },
 
+  notFilled: function () {
+    alert("Please fill all the fields");
+  },
 
   // This is a little bit dirty but it works well for the moment:
   // We dynamically show/hide fields
-  adaptLines: function() {
-    $.each(MainApp.bySelector("tr"), function() {
-      var $tr = $(this);
+  adaptLines: function () {
+    $.each(MainApp.bySelector("table").find("table"), function (table) {
+      var $table = $(this);
 
-      var action_input = $tr.find("[data-selector='action']");
+      var action_input = $table.find("[data-selector='action']");
       var action = action_input.val();
 
-      var belongs_to_input = $tr.find("[data-selector='belongs_to']");
-      var belongs_to_label = MainApp.bySelector('belongs_to_label');
+      var belongs_to_input = $table.find("[data-selector='belongs_to']");
+      var belongs_to_label = $table.find("[data-selector='belongs_to_label']");
 
-      var column_text_input = $tr.find("[data-selector='column_text']");
-      var column_text_label = MainApp.bySelector('column_text_label');
+      var column_text_input = $table.find("[data-selector='column_text']");
+      var column_input = $table.find("[data-selector='column_list']");
+      var column_label = $table.find("[data-selector='column_label']");
 
-      var column_input = $tr.find("[data-selector='column_list']");
-      var column_label = MainApp.bySelector('column_label');
+      var new_column_name_input = $table.find(
+        "[data-selector='new_column_name']"
+      );
+      var new_column_name_label = $table.find(
+        "[data-selector='new_column_name_label']"
+      );
 
-      var new_column_name_input = $tr.find("[data-selector='new_column_name']");
-      var new_column_name_label = MainApp.bySelector('new_column_name_label');
+      var column_type_input = $table.find("[data-selector='column_type']");
+      var column_type_label = $table.find(
+        "[data-selector='column_type_label']"
+      );
 
-      var column_type_input = $tr.find("[data-selector='column_type']");
-      var column_type_label = MainApp.bySelector('column_type_label');
+      var index_options_inputs = $table.find("[data-selector='index_options']");
+      var index_options_label = $table.find(
+        "[data-selector='index_options_label']"
+      );
 
-      var index_input = $tr.find("[data-selector='index']");
-      var index_label = MainApp.bySelector('index_label');
+      var default_input = $table.find("[data-selector='default_input']");
+      var default_label = $table.find("[data-selector='default_label']");
 
-      var nullable_input = $tr.find("[data-selector='nullable']");
-      var nullable_label = MainApp.bySelector('nullable_label');
+      var nullable_input = $table.find("[data-selector='nullable_input']");
+      var nullable_label = $table.find("[data-selector='nullable_label']");
 
       $.each(
         [
@@ -90,8 +189,6 @@ MainApp = {
           belongs_to_label,
 
           column_text_input,
-          column_text_label,
-
           column_input,
           column_label,
 
@@ -101,31 +198,32 @@ MainApp = {
           column_type_input,
           column_type_label,
 
-          index_input,
-          index_label,
+          index_options_inputs,
+          index_options_label,
+
+          default_input,
+          default_label,
 
           nullable_input,
           nullable_label,
         ],
-        function(i, el) {
+        function (i, el) {
           el.hide();
-        });
+        }
+      );
 
       var mapping = {
         add_column: [
           column_text_input,
-          column_text_label,
+          column_label,
           column_type_input,
           column_type_label,
-          index_input,
-          index_label,
+          default_input,
+          default_label,
           nullable_input,
           nullable_label,
         ],
-        remove_column: [
-          column_input,
-          column_label,
-        ],
+        remove_column: [column_input, column_label],
         rename_column: [
           column_input,
           column_label,
@@ -138,55 +236,102 @@ MainApp = {
           column_type_input,
           column_type_label,
         ],
-        belongs_to: [
-          belongs_to_input,
-          belongs_to_label,
-        ],
+        belongs_to: [belongs_to_input, belongs_to_label],
         add_index_to_column: [
           column_input,
           column_label,
+          index_options_inputs,
+          index_options_label,
         ],
-        remove_index_to_column: [
-          column_input,
-          column_label,
-        ],
+        remove_index_to_column: [column_input, column_label],
         drop_table: [],
-      }
+      };
 
       inputs_to_show = mapping[action];
 
       if (inputs_to_show) {
-        $.each(inputs_to_show, function(i, el) {
+        $.each(inputs_to_show, function (i, el) {
           el.show();
         });
       }
     });
   },
 
-  duplicateLine: function() {
+  duplicateLine: function () {
     var tr = MainApp.bySelector("tbody").find("tr").last().clone();
     MainApp.bySelector("tbody").append(tr);
-    MainApp.bySelector("tbody").find("tr").last().find('[name="models[attributes][][attribute_name]"]').val('').focus();
+    MainApp.bySelector("tbody")
+      .find("tr")
+      .last()
+      .find('[name="model[attributes][][attribute_name]"]')
+      .val("")
+      .focus();
   },
 
-  removeLine: function(target) {
+  duplicateLineMigration: function () {
+    var table = MainApp.bySelector("table").find("table").last().clone();
+    MainApp.bySelector("table").append(table);
+    MainApp.adaptLines();
+
+    // Populate select/option for column list:
+    var allAttributes = [];
+    MainApp.bySelector("table")
+      .find('[data-selector="column_text"]')
+      .each(function (i, el) {
+        allAttributes.push(el.value);
+      });
+    allAttributes = allAttributes.unique();
+
+    var columnSelector = MainApp.bySelector("table")
+      .find("table")
+      .last()
+      .find('[data-selector="column_list"]')
+      .last();
+
+    var currentValues = [];
+    columnSelector.find("option").each(function (i, el) {
+      currentValues.push(el.value);
+    });
+
+    currentValues = currentValues.concat(allAttributes).unique().sort();
+
+    columnSelector.empty(); // remove old options
+    $.each(currentValues, function (i, value) {
+      columnSelector.append(
+        $("<option></option>").attr("value", value).text(value)
+      );
+    });
+
+    MainApp.bySelector("table")
+      .find("table")
+      .last()
+      .find('[name="migrations[][column]"]')
+      .val("")
+      .focus();
+  },
+
+  removeLineModel: function (target) {
     if ($(target).parents("tbody").find("tr").length > 1) {
       $(target).parents("tr").remove();
     }
   },
 
+  removeLineMigration: function (target) {
+    if ($(target).parents(".container-table").find("table").length > 1) {
+      $(target).parents("table").remove();
+    }
+  },
+
   // PRIVATE
-  bySelector: function(selector) {
+  bySelector: function (selector) {
     return $("[data-selector='" + selector + "']");
   },
 
-  whenActionOnElement: function(action, selector, callback) {
+  whenActionOnElement: function (action, selector, callback) {
     $(document).on(action, "[data-selector='" + selector + "']", callback);
-  }
-}
-
-MainApp.init();
+  },
+};
 
-$(document).ready(function() {
+$(document).ready(function () {
   MainApp.ready();
 });

data/spec/dummy/Gemfile

@@ -3,8 +3,6 @@ source 'https://rubygems.org'
 gem "rails", "~> 7.0.1"
 gem 'pg'
 gem 'puma'
-gem 'jquery-rails'
-gem 'turbolinks', '~> 5'
 
 group :development, :test do
   localtower_path = File.expand_path(File.join(File.dirname(__FILE__), '..', '..'))

data/spec/dummy/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: /Users/damln/Work/localtower
   specs:
-    localtower (0.4.2)
+    localtower (0.5.0)
       active_link_to (>= 1.0.4)
       rails (>= 5.2.0)
       thor (>= 0.18.1)
@@ -87,10 +87,6 @@ GEM
       activesupport (>= 5.0)
     i18n (1.12.0)
       concurrent-ruby (~> 1.0)
-    jquery-rails (4.5.0)
-      rails-dom-testing (>= 1, < 3)
-      railties (>= 4.2.0)
-      thor (>= 0.14, < 2.0)
     loofah (2.19.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
@@ -150,9 +146,6 @@ GEM
     rake (13.0.6)
     thor (1.2.1)
     timeout (0.3.0)
-    turbolinks (5.2.1)
-      turbolinks-source (~> 5.2)
-    turbolinks-source (5.2.0)
     tzinfo (2.0.5)
       concurrent-ruby (~> 1.0)
     websocket-driver (0.7.5)
@@ -164,12 +157,10 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  jquery-rails
   localtower!
   pg
   puma
   rails (~> 7.0.1)
-  turbolinks (~> 5)
   tzinfo-data
 
 BUNDLED WITH

data/spec/dummy/app/models/post.rb

@@ -0,0 +1,3 @@
+class Post < ApplicationRecord
+  # belongs_to :user
+end

data/spec/dummy/app/models/user.rb

@@ -1,2 +1,3 @@
 class User < ApplicationRecord
+  # has_many :posts
 end

data/spec/dummy/config/environments/development.rb

@@ -37,6 +37,7 @@ Rails.application.configure do
   # Raise an error on page load if there are pending migrations.
   # config.active_record.migration_error = :page_load
   config.active_record.migration_error = false if defined?(Localtower)
+  config.reload_classes_only_on_change = false
 
   # Debug mode disables concatenation and preprocessing of assets.
   # This option may cause significant delays in view rendering with a large

data/spec/dummy/config/puma.rb

@@ -4,7 +4,7 @@
 # the maximum value specified for Puma. Default is set to 5 threads for minimum
 # and maximum, this matches the default thread size of Active Record.
 #
-threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }.to_i
+threads_count = ENV.fetch("RAILS_MAX_THREADS") { 1 }.to_i
 threads threads_count, threads_count
 
 # Specifies the `port` that Puma will listen on to receive requests, default is 3000.

data/spec/dummy/db/migrate/20230119221452_create_users.rb

@@ -0,0 +1,14 @@
+class CreateUsers < ActiveRecord::Migration[7.0]
+  def change
+    create_table :users do |t|
+      t.string :email, null: false
+      t.integer :login_count, default: 0, null: false
+      t.jsonb :metadata, default: {}, null: false
+      t.string :name
+
+      t.timestamps
+    end
+    add_index :users, :email, unique: true
+    add_index :users, :name
+  end
+end

data/spec/dummy/db/migrate/20230119221751_change_users_at1674166670.rb

@@ -0,0 +1,7 @@
+class ChangeUsersAt1674166670 < ActiveRecord::Migration[7.0]
+  def change
+    add_column :users, :city, :string
+    add_index :users, :city
+    rename_column :users, :login_count, :signin_count
+  end
+end

data/spec/dummy/db/migrate/20230119222054_create_posts.rb

@@ -0,0 +1,11 @@
+class CreatePosts < ActiveRecord::Migration[7.0]
+  def change
+    create_table :posts do |t|
+      t.string :title, null: false
+      t.string :content, null: false
+
+      t.timestamps
+    end
+    add_index :posts, :title
+  end
+end

data/spec/dummy/db/migrate/20230119222106_change_posts_at1674166865.rb

@@ -0,0 +1,5 @@
+class ChangePostsAt1674166865 < ActiveRecord::Migration[7.0]
+  def change
+    add_reference :posts, :user, foreign_key: true, index: true
+  end
+end

data/spec/dummy/db/schema.rb

@@ -10,20 +10,32 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema[7.0].define(version: 2022_11_15_193642) do
+ActiveRecord::Schema[7.0].define(version: 2023_01_19_222106) do
   # These are extensions that must be enabled in order to support this database
   enable_extension "plpgsql"
 
+  create_table "posts", force: :cascade do |t|
+    t.string "title", null: false
+    t.string "content", null: false
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.bigint "user_id"
+    t.index ["title"], name: "index_posts_on_title"
+    t.index ["user_id"], name: "index_posts_on_user_id"
+  end
+
   create_table "users", force: :cascade do |t|
-    t.text "name"
-    t.string "reference"
-    t.integer "age"
+    t.string "email", null: false
+    t.integer "signin_count", default: 0, null: false
+    t.jsonb "metadata", default: {}, null: false
+    t.string "name"
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
-    t.string "family"
-    t.string "lol"
-    t.index ["age"], name: "index_users_on_age"
-    t.index ["reference"], name: "index_users_on_reference"
+    t.string "city"
+    t.index ["city"], name: "index_users_on_city"
+    t.index ["email"], name: "index_users_on_email", unique: true
+    t.index ["name"], name: "index_users_on_name"
   end
 
+  add_foreign_key "posts", "users"
 end