rails-fort 0.1.6 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 9924c8ff5baded75fe1dabe106d84dbfd64069dc
-  data.tar.gz: cf9b5c601665bd00972247bb6fd5746cf0b56790
+SHA256:
+  metadata.gz: 4def9cb0b3f3e14b33e1b34efa92e70dba9d7aea7f57cfe69c1d141cbfc5f149
+  data.tar.gz: 17bace62f5d924ecf13daf02f8836eb48f3a3e07ee96c7f14235988d1c5d00cf
 SHA512:
-  metadata.gz: 84438ba3ea9a63dcde8e88787e3f974a9110b8c78a6bfeb9a9ae82ec0e1df57adc71e48a5ce81d430a61d195efbcfd5bd62c2ccc61c9eca4efe7cdb167f9e7d8
-  data.tar.gz: 12c353eb6780bf32befea2127f336f971c861ddabc6f9b01b1c23ea8211e963af79fd754a89480b1c582014b9ad8f5f1c0e0374d1edf1ea6f52f0cef1faa7ed5
+  metadata.gz: a5a4098a1bb92800febb3bd8ac7df48994b2e5d2b79a8eb144c13dbd98f4f7f5c91d57a2d1071777c5faecb91b1e8c1637e07e0f0bacef54ea75235f35278e6e
+  data.tar.gz: 0e54e8564ebceee75c96101308abf3bb31b293def4ba571e098f68366ebf68fae0f0a8f4b2b8966753be216be70536e2105afc2ca13a62e5e4dada221e176194

data/.github/workflows/ci.yml

@@ -0,0 +1,55 @@
+name: CI
+
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        ruby: ['3.0', '3.1', '3.2', '3.3']
+        rails: ['6.0', '6.1', '7.0', '7.1', '7.2', '8.0']
+        exclude:
+          # Rails 7.2+ requires Ruby 3.1+
+          - ruby: '3.0'
+            rails: '7.2'
+          - ruby: '3.0'
+            rails: '8.0'
+
+    env:
+      RAILS_VERSION: ${{ matrix.rails }}
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Set up Ruby
+      uses: ruby/setup-ruby@v1
+      with:
+        ruby-version: ${{ matrix.ruby }}
+        bundler-cache: true
+
+    - name: Run tests
+      run: bundle exec rake
+
+    - name: Run RuboCop
+      run: bundle exec rubocop
+
+  security:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Set up Ruby
+      uses: ruby/setup-ruby@v1
+      with:
+        ruby-version: '3.3'
+        bundler-cache: true
+
+    - name: Security audit
+      run: bundle exec bundle-audit --update

data/.gitignore

@@ -1,9 +1,38 @@
+## Ruby/Bundler
 /.bundle/
-/.yardoc
+/vendor/bundle/
 /Gemfile.lock
+
+## Documentation
+/.yardoc/
 /_yardoc/
-/coverage/
 /doc/
-/pkg/
+/rdoc/
+
+## Testing
+/coverage/
 /spec/reports/
+/test/tmp/
+/test/version_tmp/
+
+## Build artifacts
+/pkg/
 /tmp/
+*.gem
+
+## IDE and OS files
+.DS_Store
+.idea/
+.vscode/
+*.swp
+*.swo
+*~
+.ruby-version
+.ruby-gemset
+
+## Environment
+.env
+.env.local
+
+## Logs
+npm-debug.log

data/.rspec

@@ -0,0 +1 @@
+--require spec_helper

data/.rubocop.yml

@@ -0,0 +1,35 @@
+AllCops:
+  TargetRubyVersion: 3.0
+  NewCops: enable
+  SuggestExtensions: false
+  Exclude:
+    - 'vendor/**/*'
+    - 'bin/**/*'
+    - 'app/assets/javascripts/fort.js'
+
+Style/Documentation:
+  Enabled: false
+
+Style/StringLiterals:
+  Enabled: true
+  EnforcedStyle: double_quotes
+
+Style/FrozenStringLiteralComment:
+  Enabled: true
+  EnforcedStyle: always
+
+Layout/LineLength:
+  Max: 120
+  Exclude:
+    - '*.gemspec'
+
+Metrics/BlockLength:
+  Exclude:
+    - 'spec/**/*'
+    - '*.gemspec'
+
+Gemspec/DevelopmentDependencies:
+  Enabled: false
+
+Gemspec/AddRuntimeDependency:
+  Enabled: false

data/CHANGELOG.md

@@ -0,0 +1,43 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [1.0.0] - 2026-05-30
+
+First modern release on RubyGems.
+
+### Added
+
+- New vanilla JavaScript implementation (`fort.js`) — no jQuery, no `document.body` rewriting
+- `fort.css` as a first-class stylesheet (include via `*= require fort`)
+- Support for `fort-ignore` class in addition to `ignore`
+- Accessible progress bar attributes (`role="progressbar"`, `aria-*`)
+- Explicit `railties` runtime dependency (>= 6.0, < 9.0)
+- GitHub Actions CI, RuboCop, bundler-audit, RSpec
+- CHANGELOG, UPGRADE_GUIDE, and modern README
+
+### Changed
+
+- **Breaking (JS):** Replaced legacy vendored `fort.min.js` with `FortProgress` class
+- **Breaking (Ruby):** Minimum Ruby 3.0, Rails 6.0+
+- `config/fort.yml` format unchanged (`type`, `value`, `height`, `duration`, `alignment`)
+- Progress bar DOM uses `.fort-bar` (legacy `.top-one` / `.top-two` classes retained in CSS for compatibility)
+
+### Removed
+
+- jQuery dependency
+- Legacy vendor `fort.min.js` and `fort.min.css`
+- Travis CI
+
+### Notes
+
+- Original upstream Fort.js GitHub repository is unavailable; JS is maintained in this gem
+
+## [0.2.0] - Previous Release
+
+- jQuery-based integration with vendored Fort.js
+- Form completion progress bar with `config/fort.yml`
+
+---
+
+For upgrade instructions, see [UPGRADE_GUIDE.md](UPGRADE_GUIDE.md)

data/CODE_OF_CONDUCT.md

@@ -11,3 +11,4 @@ Project maintainers have the right and responsibility to remove, edit, or reject
 Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by opening an issue or contacting one or more of the project maintainers.
 
 This Code of Conduct is adapted from the [Contributor Covenant](http://contributor-covenant.org), version 1.0.0, available at [http://contributor-covenant.org/version/1/0/0/](http://contributor-covenant.org/version/1/0/0/)
+

data/Gemfile

@@ -1,4 +1,9 @@
-source 'https://rubygems.org'
+# frozen_string_literal: true
+
+source "https://rubygems.org"
 
-# Specify your gem's dependencies in rails-fort.gemspec
 gemspec
+
+if (rails_version = ENV.fetch("RAILS_VERSION", nil))
+  gem "railties", "~> #{rails_version}.0"
+end

data/README.md

@@ -1,96 +1,138 @@
 # Rails::Fort
 
-[![Build Status](https://travis-ci.org/ethirajsrinivasan/rails-fort.svg?branch=master)](https://travis-ci.org/ethirajsrinivasan/rails-fort)
-[![Code Climate](https://codeclimate.com/github/ethirajsrinivasan/rails-fort/badges/gpa.svg)](https://codeclimate.com/github/ethirajsrinivasan/rails-fort)
-[![security](https://hakiri.io/github/ethirajsrinivasan/rails-fort/master.svg)](https://hakiri.io/github/ethirajsrinivasan/rails-fort/master)
+[![CI](https://github.com/ethirajsrinivasan/rails-fort/actions/workflows/ci.yml/badge.svg)](https://github.com/ethirajsrinivasan/rails-fort/actions/workflows/ci.yml)
+[![Gem Version](https://badge.fury.io/rb/rails-fort.svg)](https://badge.fury.io/rb/rails-fort)
 
+Modern progress bar for form completion
 
- rails-fort gem gives you modern progress bar for form completion
+## Requirements
+
+- Ruby >= 3.0
+- Rails >= 6.0
+- No jQuery required
 
 ## Installation
 
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'rails-fort'
+gem 'rails-fort', '~> 1.0'
 ```
 
 And then execute:
 
-    $ bundle install
+```bash
+bundle install
+```
+
+### Asset Pipeline Setup
 
-Or install it yourself as:
+**For Rails 6.x / 7.x with Sprockets:**
 
-    $ gem install rails-fort
+In `app/assets/javascripts/application.js`:
 
-To use this gem add this require statement to your application.js file:
+```javascript
+//= require rails_fort
+```
 
-	//= require rails_fort
+In `app/assets/stylesheets/application.css`:
 
-## Usage
+```css
+*= require fort
+```
+
+**For Rails 7+ with Import Maps:**
+
+Add to `config/importmap.rb`:
+
+```ruby
+pin "rails_fort", to: "rails_fort.js"
+pin "fort", to: "fort.js"
+```
+
+Import in `application.js`:
 
-rails-fort will automatically detect all `<input>` inside form
+```javascript
+import "rails_fort"
+```
+
+Include `fort.css` through your stylesheet pipeline or asset host.
 
-Certain fields:
+## Usage
 
-If you want to exclude certain fields add a class named 'ignore' to the field. rails-fort will not detect the field after you do so.
+Rails-Fort tracks `input`, `textarea`, and `select` fields inside forms and shows a fixed progress bar as the user completes the form.
 
-Example
+### Exclude fields
 
-		<input type="text" class='ignore'>
+Add `ignore` or `fort-ignore` to skip a field:
 
+```html
+<input type="text" class="ignore">
+```
 
-You can also set default configuration in fort.yml under config folder, example
+### Configuration (`config/fort.yml`)
 
-	height: '20px'
-	duration: '3s'
-	alignment: 'bottom'
-	type: 'solid'
-	value: '#009DFF'
+```yaml
+height: '20px'
+duration: '3s'
+alignment: 'bottom'
+type: 'solid'
+value: '#009DFF'
+```
 
+### Effects
 
-Effects:
+**Solid**
 
-   * Solid
+```yaml
+type: 'solid'
+value: '#009DFF'
+```
 
-      	type: 'solid'
-     	value: '#009DFF'
+**Gradient** (two colors)
 
-   * Gradient
+```yaml
+type: 'gradient'
+value: ['#009DFF', '#47B9FF']
+```
 
-	   	type: 'gradient'
-	   	value: ["#009DFF", "#47B9FF"]
+**Sections**
 
-	   	Note: Only two values can be passed
+```yaml
+type: 'sections'
+value: ['#009DFF', '#4AF2A1', '#FB5229']
+```
 
-   * Sections
+**Flash**
 
-   		type: 'sections'
-   		value: ["#009DFF", "#4AF2A1", "#FB5229"]
+```yaml
+type: 'flash'
+value: ['#009DFF', '#000', '#6638F0']
+```
 
-   * Flash
+**Merge**
 
-   		type: 'flash'
-   		value: ["#009DFF", "#000", "#6638F0"]
+```yaml
+type: 'merge'
+value: '#009DFF'
+```
 
-   * Merge
+## Upgrading
 
-   		type: 'merge'
-   		value: '#009DFF'
+Upgrading from the legacy **0.x** gem? See [UPGRADE_GUIDE.md](UPGRADE_GUIDE.md) for **1.0.0**.
 
-effects can be added by changing type and value fields in fort.yml
+## JavaScript
 
+The progress bar is implemented in vanilla JavaScript (`app/assets/javascripts/fort.js`) and vendored inside this gem. The original [Fort.js](https://github.com/idriskhenchil/Fort.js) repository by Idris Khenchil is no longer available; this gem maintains a compatible `fort.yml` API with a new implementation.
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/ethirajsrinivasan/rails-fort. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](contributor-covenant.org) code of conduct.
-
-##Thanks
+Bug reports and pull requests are welcome on GitHub at https://github.com/ethirajsrinivasan/rails-fort. Contributors are expected to adhere to the [Contributor Covenant](CODE_OF_CONDUCT.md) code of conduct.
 
-Thanks to [Idris Khenchil](https://github.com/idriskhenchil/Fort.js) for writing an awesome fort plugin.
+## Thanks
 
+Thanks to Idris Khenchil for the original Fort.js form progress bar concept.
 
 ## License
 
 The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
-

data/Rakefile

@@ -1,4 +1,6 @@
+# frozen_string_literal: true
+
 require "bundler/gem_tasks"
 require "rspec/core/rake_task"
 RSpec::Core::RakeTask.new
-task :default => :spec
+task default: :spec

data/UPGRADE_GUIDE.md

@@ -0,0 +1,107 @@
+# Upgrade Guide: Rails-Fort 0.x to 1.0.0
+
+## Overview
+
+Rails-Fort **1.0.0** is the first modern release on RubyGems. It combines Ruby/Rails modernization (Ruby 3.0+, Rails 6.0+) with a **rewritten JavaScript engine** while keeping the same `config/fort.yml` format.
+
+## What Changed
+
+### Ruby & Rails
+
+| Component | 0.x | 1.0.0 |
+|-----------|-----|-------|
+| Ruby | >= 2.7 (varied) | >= 3.0 |
+| Rails | >= 4.2 | >= 6.0 |
+
+### JavaScript
+
+| Topic | 0.x | 1.0.0 |
+|-------|-----|-------|
+| jQuery | Required | **Not required** |
+| Implementation | Vendored legacy `fort.min.js` | New `fort.js` (`FortProgress`) |
+| CSS | Bundled minified vendor file | `*= require fort` in your stylesheet manifest |
+| DOM behavior | Rewrote `document.body` innerHTML | Inserts progress bar elements only |
+| Ignore class | `ignore` | `ignore` or `fort-ignore` |
+| Upstream repo | idriskhenchil/Fort.js (now 404) | Maintained in this gem |
+
+### Unchanged
+
+- `config/fort.yml` keys: `height`, `duration`, `alignment`, `type`, `value`
+- Effect types: `solid`, `gradient`, `sections`, `flash`, `merge`
+- `//= require rails_fort` in `application.js`
+
+## Upgrade Steps
+
+### 1. Update Gemfile
+
+```ruby
+gem 'rails-fort', '~> 1.0'
+```
+
+```bash
+bundle update rails-fort
+```
+
+### 2. Add stylesheet (new in 1.0)
+
+In `app/assets/stylesheets/application.css` (or equivalent):
+
+```css
+*= require fort
+```
+
+### 3. Remove jQuery requirement
+
+You no longer need jQuery for rails-fort. Remove any load order that existed only for this gem.
+
+### 4. Keep `config/fort.yml`
+
+Existing configuration should work as-is, for example:
+
+```yaml
+height: '20px'
+duration: '3s'
+alignment: 'bottom'
+type: 'solid'
+value: '#009DFF'
+```
+
+### 5. Test your forms
+
+1. Load a page with a form
+2. Confirm the progress bar appears (top or bottom per `alignment`)
+3. Fill fields and verify width/color effects
+4. Confirm fields with class `ignore` are skipped
+
+## Troubleshooting
+
+### Progress bar not visible
+
+- Ensure **both** JS and CSS are included (`rails_fort` + `fort` stylesheet)
+- Check the browser console for errors
+- Verify `config/fort.yml` is valid YAML
+
+### Custom CSS targeting old markup
+
+1.0 still applies `.top-one` and `.top-two` on bar elements for compatibility. Prefer `.fort-bar` for new custom styles.
+
+### Turbo / Turbolinks
+
+Re-initialize on page change if needed:
+
+```javascript
+document.addEventListener("turbo:load", function () {
+  if (window._railsFortInstance) {
+    window._railsFortInstance.destroy();
+    window._railsFortInstance = new FortProgress(/* your config */);
+    window._railsFortInstance.init();
+  }
+});
+```
+
+For Sprockets-only apps, a full page load re-runs `rails_fort.js.erb` automatically.
+
+## Getting Help
+
+- [GitHub Issues](https://github.com/ethirajsrinivasan/rails-fort/issues)
+- [CHANGELOG.md](CHANGELOG.md)

data/app/assets/javascripts/fort.js

@@ -0,0 +1,280 @@
+/**
+ * Rails-Fort — form completion progress bar (vanilla JavaScript).
+ *
+ * Initialized from rails_fort.js.erb with config from config/fort.yml.
+ */
+class FortProgress {
+  constructor(config = {}) {
+    this.config = {
+      type: config.type || "solid",
+      value: config.value ?? "#009DFF",
+      height: config.height || "4px",
+      duration: config.duration || "1s",
+      alignment: config.alignment || "top"
+    };
+    this.bars = [];
+    this.containers = [];
+    this._sortedFlashColors = null;
+  }
+
+  init() {
+    this._prepareForms();
+    this._buildBars();
+    this._bindFields();
+    this._update();
+  }
+
+  destroy() {
+    this._unbindFields();
+    this.bars.forEach((bar) => bar.remove());
+    this.bars = [];
+  }
+
+  _prepareForms() {
+    document.querySelectorAll("form").forEach((form) => {
+      if (form.dataset.fortWrapped === "true") return;
+
+      const wrapper = document.createElement("div");
+      wrapper.className = "fort-form form";
+      form.parentNode.insertBefore(wrapper, form);
+      wrapper.appendChild(form);
+      form.dataset.fortWrapped = "true";
+      this.containers.push(wrapper);
+    });
+
+    document.querySelectorAll(".fort-form, .form").forEach((container) => {
+      if (!this.containers.includes(container)) {
+        this.containers.push(container);
+      }
+    });
+  }
+
+  _buildBars() {
+    this.bars.forEach((bar) => bar.remove());
+    this.bars = [];
+
+    if (this.config.type === "merge") {
+      this.bars.push(this._createBar("fort-bar top-one"));
+      this.bars.push(this._createBar("fort-bar fort-bar--secondary top-two"));
+    } else {
+      this.bars.push(this._createBar("fort-bar top-one"));
+    }
+
+    const isBottom = this.config.alignment === "bottom";
+
+    this.bars.forEach((bar) => {
+      bar.style.height = this.config.height;
+      bar.style.transitionDuration = this.config.duration;
+
+      if (isBottom) {
+        bar.classList.add("fort-bar--bottom");
+        bar.style.top = "auto";
+        bar.style.bottom = "0";
+      } else {
+        bar.style.top = "0";
+        bar.style.bottom = "auto";
+      }
+
+      document.body.appendChild(bar);
+    });
+  }
+
+  _createBar(className) {
+    const bar = document.createElement("div");
+    bar.className = className;
+    bar.setAttribute("role", "progressbar");
+    bar.setAttribute("aria-valuemin", "0");
+    bar.setAttribute("aria-valuemax", "100");
+
+    const fill = document.createElement("div");
+    fill.className = "fort-bar__fill colors";
+    bar.appendChild(fill);
+
+    return bar;
+  }
+
+  _bindFields() {
+    this._getFields().forEach((field) => {
+      field.addEventListener("input", this._update);
+      field.addEventListener("change", this._update);
+    });
+  }
+
+  _unbindFields() {
+    this._getFields().forEach((field) => {
+      field.removeEventListener("input", this._update);
+      field.removeEventListener("change", this._update);
+    });
+  }
+
+  _getFields() {
+    const fields = [];
+
+    this.containers.forEach((container) => {
+      container.querySelectorAll("input, textarea, select").forEach((field) => {
+        if (this._shouldTrack(field)) {
+          fields.push(field);
+        }
+      });
+    });
+
+    return fields;
+  }
+
+  _shouldTrack(field) {
+    const type = (field.type || "").toLowerCase();
+
+    if (type === "button" || type === "submit" || type === "hidden") {
+      return false;
+    }
+
+    if (field.classList.contains("ignore") || field.classList.contains("fort-ignore")) {
+      return false;
+    }
+
+    return true;
+  }
+
+  _isFilled(field) {
+    if (field.type === "checkbox" || field.type === "radio") {
+      return field.checked;
+    }
+
+    return String(field.value || "").trim().length > 0;
+  }
+
+  _getCounts() {
+    const fields = this._getFields();
+    const total = fields.length;
+    const filled = fields.filter((field) => this._isFilled(field)).length;
+
+    return { total, filled, percent: total === 0 ? 0 : (filled / total) * 100 };
+  }
+
+  _update = () => {
+    const { total, filled, percent } = this._getCounts();
+    const unfilled = total - filled;
+
+    this.bars.forEach((bar) => {
+      bar.setAttribute("aria-valuenow", String(Math.round(percent)));
+    });
+
+    switch (this.config.type) {
+      case "gradient":
+        this._applyGradient(percent);
+        break;
+      case "sections":
+        this._applySections();
+        break;
+      case "flash":
+        this._applyFlash(total, unfilled);
+        break;
+      case "merge":
+        this._applyMerge(percent);
+        break;
+      default:
+        this._applySolid(percent);
+    }
+  };
+
+  _applySolid(percent) {
+    const bar = this.bars[0];
+    const fill = bar.querySelector(".fort-bar__fill");
+
+    bar.style.width = `${percent}%`;
+    fill.style.background = this._colorValue();
+  }
+
+  _applyGradient(percent) {
+    const colors = this._colorArray();
+
+    if (colors.length < 2) {
+      this._applySolid(percent);
+      return;
+    }
+
+    const bar = this.bars[0];
+    const fill = bar.querySelector(".fort-bar__fill");
+
+    bar.style.width = `${percent}%`;
+    fill.style.background = `linear-gradient(to right, ${colors[0]}, ${colors[1]})`;
+  }
+
+  _applySections() {
+    const colors = this._colorArray();
+
+    if (colors.length === 0) {
+      return;
+    }
+
+    const { percent } = this._getCounts();
+    const bar = this.bars[0];
+    const fill = bar.querySelector(".fort-bar__fill");
+    const stops = [];
+
+    colors.forEach((color, index) => {
+      const stop = Math.floor((1000 * (index + 1)) / colors.length) / 10;
+      stops.push(`${color} ${stop}%`);
+    });
+
+    bar.style.width = `${percent}%`;
+    fill.style.background = `linear-gradient(to right, ${stops.join(", ")})`;
+    fill.style.width = "100%";
+  }
+
+  _applyFlash(total, unfilled) {
+    const colors = this._colorArray().slice().sort();
+    const bar = this.bars[0];
+    const fill = bar.querySelector(".fort-bar__fill");
+    const filled = total - unfilled;
+    const percent = total === 0 ? 0 : (filled / total) * 100;
+
+    bar.style.width = `${percent}%`;
+
+    if (colors.length === 0) {
+      fill.style.background = this._colorValue();
+      return;
+    }
+
+    const index = Math.max(0, Math.min(colors.length - 1, unfilled - 1));
+    fill.style.background = colors[index] || colors[0];
+  }
+
+  _applyMerge(percent) {
+    const color = this._colorValue();
+    const half = percent / 2;
+
+    this.bars.forEach((bar) => {
+      bar.style.width = `${half}%`;
+      const fill = bar.querySelector(".fort-bar__fill");
+      fill.style.background = color;
+    });
+  }
+
+  _colorValue() {
+    const value = this.config.value;
+
+    if (Array.isArray(value)) {
+      return value[0] || "#009DFF";
+    }
+
+    return value || "#009DFF";
+  }
+
+  _colorArray() {
+    const value = this.config.value;
+
+    if (Array.isArray(value)) {
+      return value;
+    }
+
+    return [value || "#009DFF"];
+  }
+}
+
+// Export for tests and module loaders; global for Sprockets.
+if (typeof module !== "undefined" && module.exports) {
+  module.exports = FortProgress;
+}
+
+window.FortProgress = FortProgress;

data/app/assets/javascripts/rails_fort.js.erb

@@ -1,20 +1,29 @@
-$(document).ready(function(){
-  $("form").wrap( "<div class='form'></div>" );
-  <% path_to_file = "#{Rails.root}/config/fort.yml" %>
-  <% if File.exist?(path_to_file) %>
-    fortconfig = <%= JSON.dump(YAML.load_file(path_to_file)) %>;
-    if (fortconfig.type == null)
-        fortconfig.type = "solid"
-      if(fortconfig.value instanceof Array)
-        Fort[fortconfig.type].apply(this,fortconfig.value)
-      else
-        Fort[fortconfig.type](fortconfig.value)
-      Fort.config({
-        height: fortconfig.height,
-        duration: fortconfig.duration,
-        alignment: fortconfig.alignment
-      });
-  <% else %>
-    Fort.solid("#009DFF");
-  <% end %>
-});
+//= require fort
+
+(function () {
+  "use strict";
+
+  <% path_to_file = Rails.root.join("config/fort.yml").to_s %>
+  <% fortconfig = File.exist?(path_to_file) ? YAML.load_file(path_to_file) : { "type" => "solid", "value" => "#009DFF" } %>
+
+  var config = <%= JSON.dump(fortconfig) %>;
+
+  if (config.type == null) {
+    config.type = "solid";
+  }
+
+  function startFort() {
+    if (window._railsFortInstance) {
+      window._railsFortInstance.destroy();
+    }
+
+    window._railsFortInstance = new FortProgress(config);
+    window._railsFortInstance.init();
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", startFort);
+  } else {
+    startFort();
+  }
+})();

data/app/assets/stylesheets/fort.css

@@ -0,0 +1,52 @@
+/*
+ * Rails-Fort progress bar styles
+ */
+
+.fort-bar,
+.top-one {
+  background: #009dff;
+  position: fixed;
+  z-index: 1031;
+  left: 0;
+  height: 4px;
+  width: 0;
+  overflow: hidden;
+  transition: width 1s ease, background 0.3s ease;
+  top: 0;
+  bottom: auto;
+}
+
+.fort-bar--secondary,
+.top-two {
+  background: #009dff;
+  position: fixed;
+  z-index: 1031;
+  right: 0;
+  left: auto;
+  transform: scaleX(-1);
+  height: 4px;
+  width: 0;
+  overflow: hidden;
+  transition: width 1s ease, background 0.3s ease;
+  top: 0;
+  bottom: auto;
+}
+
+.fort-bar--bottom,
+.top-one.fort-bar--bottom,
+.top-two.fort-bar--bottom {
+  top: auto;
+  bottom: 0;
+}
+
+.fort-bar__fill,
+.top-one .colors,
+.top-two .colors {
+  width: 100%;
+  height: 100%;
+}
+
+.fort-form,
+.form {
+  /* wrapper for forms; no extra layout rules required */
+}

data/lib/rails/fort/version.rb

@@ -1,5 +1,7 @@
+# frozen_string_literal: true
+
 module Rails
   module Fort
-    VERSION = "0.1.6"
+    VERSION = "1.0.0"
   end
 end

data/lib/rails/fort.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require "rails/fort/version"
 
 module Rails

data/rails-fort.gemspec

@@ -1,33 +1,43 @@
-# coding: utf-8
-lib = File.expand_path('../lib', __FILE__)
-$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
-require 'rails/fort/version'
+# frozen_string_literal: true
+
+require_relative "lib/rails/fort/version"
 
 Gem::Specification.new do |spec|
   spec.name          = "rails-fort"
   spec.version       = Rails::Fort::VERSION
-  spec.authors       = ["ethiraj"]
+  spec.authors       = ["ethi"]
   spec.email         = ["ethirajsrinivasan@gmail.com"]
 
   spec.summary       = "Modern progress bar for form completion"
-  spec.description   = "Modern progress bar for form completion"
+  spec.description   = "Rails-Fort provides a modern, animated progress bar for form completion tracking. It automatically detects form fields and displays visual progress as users fill out forms, with multiple customizable effect types including solid, gradient, sections, flash, and merge animations."
   spec.homepage      = "https://github.com/ethirajsrinivasan/rails-fort"
   spec.license       = "MIT"
 
-  # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
-  # delete this section to allow pushing this gem to any host.
-  if spec.respond_to?(:metadata)
-    spec.metadata['allowed_push_host'] = "https://rubygems.org"
-  else
-    raise "RubyGems 2.0 or newer is required to protect against public gem pushes."
+  spec.metadata = {
+    "allowed_push_host" => "https://rubygems.org",
+    "homepage_uri" => spec.homepage,
+    "source_code_uri" => "https://github.com/ethirajsrinivasan/rails-fort",
+    "bug_tracker_uri" => "https://github.com/ethirajsrinivasan/rails-fort/issues",
+    "changelog_uri" => "https://github.com/ethirajsrinivasan/rails-fort/blob/master/CHANGELOG.md",
+    "documentation_uri" => "https://github.com/ethirajsrinivasan/rails-fort/blob/master/README.md",
+    "rubygems_mfa_required" => "true"
+  }
+
+  spec.files = Dir.chdir(__dir__) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
   end
 
-  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
   spec.bindir        = "exe"
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ["lib"]
-  spec.required_ruby_version = '>= 1.9.3'
-  spec.add_development_dependency "bundler", "~> 1.10"
-  spec.add_development_dependency "rake", "~> 10.0"
-  spec.add_development_dependency 'rspec'
+
+  spec.required_ruby_version = ">= 3.0"
+
+  spec.add_runtime_dependency "railties", ">= 6.0", "< 9.0"
+
+  spec.add_development_dependency "bundler", "~> 2.4"
+  spec.add_development_dependency "bundler-audit", "~> 0.9"
+  spec.add_development_dependency "rake", "~> 13.0"
+  spec.add_development_dependency "rspec", "~> 3.12"
+  spec.add_development_dependency "rubocop", "~> 1.50"
 end

metadata

@@ -1,86 +1,144 @@
 --- !ruby/object:Gem::Specification
 name: rails-fort
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 1.0.0
 platform: ruby
 authors:
-- ethiraj
-autorequire: 
+- ethi
 bindir: exe
 cert_chain: []
-date: 2016-09-27 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '9.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '9.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.10'
+        version: '2.4'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.4'
+- !ruby/object:Gem::Dependency
+  name: bundler-audit
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.9'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.10'
+        version: '0.9'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '13.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '13.0'
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.12'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.12'
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.50'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
-description: Modern progress bar for form completion
+        version: '1.50'
+description: Rails-Fort provides a modern, animated progress bar for form completion
+  tracking. It automatically detects form fields and displays visual progress as users
+  fill out forms, with multiple customizable effect types including solid, gradient,
+  sections, flash, and merge animations.
 email:
 - ethirajsrinivasan@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".github/workflows/ci.yml"
 - ".gitignore"
-- ".travis.yml"
+- ".rspec"
+- ".rubocop.yml"
+- CHANGELOG.md
 - CODE_OF_CONDUCT.md
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
+- UPGRADE_GUIDE.md
+- app/assets/javascripts/fort.js
 - app/assets/javascripts/rails_fort.js.erb
+- app/assets/stylesheets/fort.css
 - bin/console
 - bin/setup
 - lib/rails/fort.rb
 - lib/rails/fort/version.rb
-- npm-debug.log
 - rails-fort.gemspec
-- vendor/assets/javascripts/fort.min.js
-- vendor/assets/stylesheets/fort.min.css
 homepage: https://github.com/ethirajsrinivasan/rails-fort
 licenses:
 - MIT
 metadata:
   allowed_push_host: https://rubygems.org
-post_install_message: 
+  homepage_uri: https://github.com/ethirajsrinivasan/rails-fort
+  source_code_uri: https://github.com/ethirajsrinivasan/rails-fort
+  bug_tracker_uri: https://github.com/ethirajsrinivasan/rails-fort/issues
+  changelog_uri: https://github.com/ethirajsrinivasan/rails-fort/blob/master/CHANGELOG.md
+  documentation_uri: https://github.com/ethirajsrinivasan/rails-fort/blob/master/README.md
+  rubygems_mfa_required: 'true'
 rdoc_options: []
 require_paths:
 - lib
@@ -88,16 +146,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 1.9.3
+      version: '3.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.5.1
-signing_key: 
+rubygems_version: 3.6.7
 specification_version: 4
 summary: Modern progress bar for form completion
 test_files: []

data/.travis.yml

@@ -1,8 +0,0 @@
-language: ruby
-rvm:
-  - 1.9.3
-  - 2.0.0
-  - 2.1.4
-  - 2.1.5
-  - 2.2.1
-before_install: gem install bundler -v 1.10.6

data/npm-debug.log

@@ -1,18 +0,0 @@
-0 info it worked if it ends with ok
-1 verbose cli [ '/usr/bin/nodejs', '/usr/bin/npm', 'completion' ]
-2 info using npm@1.3.10
-3 info using node@v0.10.25
-4 error Error: ENOENT, open '/usr/share/npm/lib/utils/completion.sh'
-5 error If you need help, you may report this log at:
-5 error     <http://github.com/isaacs/npm/issues>
-5 error or email it to:
-5 error     <npm-@googlegroups.com>
-6 error System Linux 3.19.0-25-generic
-7 error command "/usr/bin/nodejs" "/usr/bin/npm" "completion"
-8 error cwd /home/ethi/apps/gems/rails-fort
-9 error node -v v0.10.25
-10 error npm -v 1.3.10
-11 error path /usr/share/npm/lib/utils/completion.sh
-12 error code ENOENT
-13 error errno 34
-14 verbose exit [ 34, true ]

data/vendor/assets/javascripts/fort.min.js

@@ -1 +0,0 @@
-var Fort={clean:function(){for(var e=document.querySelectorAll(".form"),t=e.length;t--;){var o=e[t].querySelectorAll("input, textarea, select");Array.prototype.forEach.call(o,function(e){0!=e.value.length&&(e.classList?e.classList.add("ignore"):e.className+=" ignore")});var n=e[t].querySelectorAll("input[type=hidden]");Array.prototype.forEach.call(n,function(e){e.classList?e.classList.add("ignore"):e.className+=" ignore"})}},solid:function(e){function t(t){for(var o=[],r=n.length;r--;)n[r].value.length||o.push(n[r]);for(var l=o.length,s=n.length,a=document.querySelectorAll(".top-one"),i=a.length;i--;)a[i].style.width=100-l/s*100+"%";document.getElementById("top1").style.background=e}Fort.clean(),document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML;for(var o=document.querySelectorAll(".form"),n=[],r=o.length;r--;)for(var l=o[r].querySelectorAll("input, textarea, select"),s=l.length;s--;){classes=l[s].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var a=classes.length;a--;)if("ignore"==classes[a]){ignore=!0;break}"button"==l[s].type||"submit"==l[s].type||ignore||(n.push(l[s]),l[s].addEventListener("input",t,!1))}},gradient:function(e,t){function o(o){for(var n=[],l=r.length;l--;)r[l].value.length||n.push(r[l]);for(var s=n.length,a=r.length,i=document.querySelectorAll(".top-one"),c=i.length;c--;)i[c].style.width=100-s/a*100+"%";orientation="to right";var u="linear-gradient("+orientation+", "+e+", "+t+")";document.getElementById("top1").style.background=u}Fort.clean(),document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML;for(var n=document.querySelectorAll(".form"),r=[],l=n.length;l--;)for(var s=n[l].querySelectorAll("input, textarea, select"),a=s.length;a--;){classes=s[a].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var i=classes.length;i--;)if("ignore"==classes[i]){ignore=!0;break}"button"==s[a].type||"submit"==s[a].type||ignore||(r.push(s[a]),s[a].addEventListener("input",o,!1))}},sections:function(){function e(e){for(var t=[],o=s.length;o--;)s[o].value.length||t.push(s[o]);for(var n=t.length,r=s.length,l=document.querySelectorAll(".top-one"),a=l.length;a--;)l[a].style.width=100-n/r*100+"%"}function t(e){var t=[],o=0;for(n=0;n<2*e.length;n++){n%2&&o++;var r=Math.floor(1e3*o/e.length)/10;t.push([e[n-o],r+"%"])}return t}function o(e){var t,o=e.length;for(t=0;o>t;t++)e[t]=e[t].join(" ");return"linear-gradient( to right, "+e.join(", ")+")"}Fort.clean();for(var n=0;n<arguments.length;++n)var r=Array.prototype.slice.call(arguments);document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML;for(var l=document.querySelectorAll(".form"),s=[],n=l.length;n--;)for(var a=l[n].querySelectorAll("input, textarea, select"),i=a.length;i--;){classes=a[i].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var c=classes.length;c--;)if("ignore"==classes[c]){ignore=!0;break}"button"==a[i].type||"submit"==a[i].type||ignore||(s.push(a[i]),a[i].addEventListener("input",e,!1))}document.getElementsByClassName("top-one").innerHTML='<div class="colors"></div>',document.querySelector(".colors").style.background=o(t(r.sort()));var u=window.innerWidth+"px";document.querySelector(".colors").style.width=u},flash:function(){function e(e){for(var t=[],o=l.length;o--;)l[o].value.length||t.push(l[o]);for(var r=t.length,s=l.length,a=document.querySelectorAll(".top-one"),i=a.length;i--;)a[i].style.width=100-r/s*100+"%",a[i].style.background=n[s-r-1]}Fort.clean();for(var t=0;t<arguments.length;++t){arguments.length,arguments[t]}var o=Array.prototype.slice.call(arguments),n=o.sort();document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML;for(var r=document.querySelectorAll(".form"),l=[],t=r.length;t--;)for(var s=r[t].querySelectorAll("input, textarea, select"),a=s.length;a--;){classes=s[a].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var i=classes.length;i--;)if("ignore"==classes[i]){ignore=!0;break}"button"==s[a].type||"submit"==s[a].type||ignore||(l.push(s[a]),s[a].addEventListener("input",e,!1))}},merge:function(e){function t(t){for(var o=[],r=n.length;r--;)n[r].value.length||o.push(n[r]);for(var l=o.length,s=n.length,a=document.querySelectorAll("#top1"),i=a.length;i--;){precalct=100-l/s*100;var c=precalct/2;a[i].style.width=c+"%"}for(var l=o.length,s=n.length,a=document.querySelectorAll("#top2"),i=a.length;i--;){precalct=100-l/s*100;var c=precalct/2;a[i].style.width=c+"%"}document.getElementById("top1").style.background=e,document.getElementById("top2").style.background=e}Fort.clean(),document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML,document.body.innerHTML='<div class="top-two" id="top2"><div class="colors"></div></div>'+document.body.innerHTML;for(var o=document.querySelectorAll(".form"),n=[],r=o.length;r--;)for(var l=o[r].querySelectorAll("input, textarea, select"),s=l.length;s--;){classes=l[s].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var a=classes.length;a--;)if("ignore"==classes[a]){ignore=!0;break}"button"==l[s].type||"submit"==l[s].type||ignore||(n.push(l[s]),l[s].addEventListener("input",t,!1))}},config:function(e){var t=document.querySelector("#top1"),o=document.querySelector("#top2")||{style:{}};e.height&&(t.style.height=e.height,o.style.height=e.height),e.alignment&&("top"===e.alignment?(t.style.top=0,t.style.bottom="auto",o.style.top=0,o.style.bottom="auto"):(t.style.top="auto",t.style.bottom=0,o.style.top="auto",o.style.bottom=0)),e.duration&&(t.style.transitionDuration=e.duration,o.style.transitionDuration=e.duration)}};

data/vendor/assets/stylesheets/fort.min.css

@@ -1 +0,0 @@
-.top-one{background:#009dff;position:fixed;z-index:1031;top:0;left:0;height:4px;transition:all 1s;width:0;overflow:hidden}.top-two{background:#009dff;position:fixed;z-index:1031;top:0;right:0;transform:rotate(180deg);height:4px;transition:all 1s;width:0;overflow:hidden}.colors{width:100%;height:4px}