marathi_typing 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: a972fdc675dc4f764df511984f1f61bef95845d9545affce413f3626f0fc0036
+  data.tar.gz: cb4c9eb324f4e6c47d6c4837223cea98ce211ec960193415d4fa4bbc9d5a8962
+SHA512:
+  metadata.gz: 6faa10db25acb067951a28886f5e1147b43648bdc2e13748b6e69cabef2a57ee4408af53baeff57d331d1885858a520f84fcc097daf4fc261794a6d44981d6b0
+  data.tar.gz: 7ee3789aa33c9eb2d18c2ce5e03ccd553e0543c10814501ba9c488e5289c497c2c74bff3e3fb931ca8049a3475031c0e8fda550c02015dda540065cd157e4f1a

data/lib/generators/marathi_typing/install_generator.rb

@@ -0,0 +1,18 @@
+# lib/generators/marathi_typing/install_generator.rb
+require 'rails/generators'
+
+module MarathiTyping
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('templates', __dir__)
+    desc 'Installs the marathi_typing Stimulus controller'
+
+    def copy_controller
+      copy_file 'marathi_typing_controller.js', 'app/javascript/controllers/marathi_typing_controller.js'
+    end
+
+    def show_instructions
+      say '✅ Marathi Typing installed!'
+      say '👉 Add `data-controller="marathi-typing"` and class `marathi-typing` to your input fields.'
+    end
+  end
+end

data/lib/generators/marathi_typing/templates/marathi_typing_controller.js

@@ -0,0 +1,141 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["input"]
+  timeout = null
+
+
+  connect() {
+
+    this.apiUrl = "https://inputtools.google.com/request"
+
+    const input = this.inputTarget
+
+    this.suggestionsTarget = this.buildSuggestionsBox()
+
+    input.addEventListener("keydown", (e) => {
+
+      if (e.key === " ") {
+        this.skipNextSuggestionFetch = true;
+      }
+    });
+
+    input.addEventListener("input", (e) => {
+
+      if (this.skipNextSuggestionFetch) {
+
+        this.skipNextSuggestionFetch = false;
+        return;
+      }
+      this.fetchSuggestions(e);
+    });
+
+    input.addEventListener("keyup", (e) => {
+
+      if (e.key === " ") {
+
+        this.selectFirstSuggestion();
+      }
+    });
+
+  }
+
+  fetchSuggestions(event) {
+    const value = event.target.value.trim()
+    if (!value) return
+
+    clearTimeout(this.timeout)
+    this.timeout = setTimeout(() => {
+      const lastWord = value.split(" ").pop()
+
+      fetch(`${this.apiUrl}?text=${lastWord}&itc=mr-t-i0-und&num=5&cp=0&cs=1&ie=utf-8&oe=utf-8&app=demopage`)
+        .then(res => res.json())
+        .then(data => {
+          if (data[0] === "SUCCESS") {
+            const suggestions = data[1][0][1]
+            this.showSuggestions(suggestions, lastWord)
+          }
+        })
+    }, 300)
+  }
+
+  buildSuggestionsBox() {
+
+    const box = document.createElement("div")
+    box.className = "marathi-suggestions";
+    box.style.position = "absolute";
+    box.style.background = "#fff";
+    box.style.border = "0px solid #ccc";
+    box.style.zIndex = "9999";
+    box.style.padding = "0px";
+    box.style.color = "black";
+
+    // Get the position of the input field
+    const rect = this.inputTarget.getBoundingClientRect();
+    const scrollOffset = window.scrollY || window.pageYOffset;
+
+    box.style.top = `${rect.bottom + scrollOffset}px`;
+    box.style.left = `${rect.left}px`; // 
+
+    this.element.parentElement.appendChild(box)
+
+    return box
+  }
+
+  showSuggestions(suggestions, lastWord) {
+    this.suggestionsTarget.innerHTML = ""
+    this.suggestionsTarget.style.border = "1px solid #ccc";
+    this.suggestionsTarget.style.border = "4px";
+
+
+    suggestions.forEach(suggestion => {
+      const option = document.createElement("div")
+      option.textContent = suggestion
+      option.className = "marathi-suggestion"
+      option.style.cursor = "pointer"
+      option.onclick = () => this.selectSuggestion(suggestion, lastWord)
+      this.suggestionsTarget.appendChild(option)
+    })
+
+    const originalOption = document.createElement("div");
+    originalOption.textContent = lastWord;
+    originalOption.className = "marathi-suggestion";
+    originalOption.style.cursor = "pointer";
+    originalOption.onclick = () => this.selectSuggestion(lastWord, lastWord);
+    this.suggestionsTarget.appendChild(originalOption);
+  }
+
+  selectFirstSuggestion() {
+
+    if (!this.suggestionsTarget || this.suggestionsTarget.children.length === 0) return;
+
+    const firstOption = this.suggestionsTarget.querySelector(".marathi-suggestion");
+
+    if (firstOption) {
+      const suggestion = firstOption.textContent;
+      const value = this.inputTarget.value.trim();
+      const lastWord = value.split(" ").pop();
+      this.selectSuggestion(suggestion, lastWord);
+    }
+  }
+
+
+  selectSuggestion(selected, lastWord) {
+    let currentValue = this.inputTarget.value;
+    const trailingSpace = currentValue.endsWith(" ") ? " " : "";
+
+    // Remove trailing space temporarily
+    currentValue = currentValue.trimEnd();
+
+    // Replace the last word
+    const newValue = currentValue.replace(new RegExp(`${lastWord}$`), selected);
+
+    // Re-apply trailing space if needed
+    this.inputTarget.value = newValue + trailingSpace;
+
+    this.suggestionsTarget.innerHTML = "";
+    this.suggestionsTarget.style.border = "0";
+    this.suggestionsTarget.style.padding = "0";
+  }
+
+}

data/lib/marathi_typing/engine.rb

@@ -0,0 +1,10 @@
+# lib/marathi_typing/engine.rb
+
+module MarathiTyping
+  class Engine < ::Rails::Engine
+    isolate_namespace MarathiTyping
+
+    # Automatically load the generator
+    config.autoload_paths += %W[#{config.root}/lib/generators]
+  end
+end

data/lib/marathi_typing/version.rb

@@ -0,0 +1,3 @@
+module MarathiTyping
+  VERSION = '0.1.0'
+end

data/lib/marathi_typing.rb

@@ -0,0 +1,2 @@
+require 'marathi_typing/version'
+require 'marathi_typing/engine'

metadata

@@ -0,0 +1,43 @@
+--- !ruby/object:Gem::Specification
+name: marathi_typing
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Ajit Dhanje
+bindir: bin
+cert_chain: []
+date: 2025-04-14 00:00:00.000000000 Z
+dependencies: []
+email:
+- ajitdhanje@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/generators/marathi_typing/install_generator.rb
+- lib/generators/marathi_typing/templates/marathi_typing_controller.js
+- lib/marathi_typing.rb
+- lib/marathi_typing/engine.rb
+- lib/marathi_typing/version.rb
+licenses:
+- MIT
+metadata: {}
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.1.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.6
+specification_version: 4
+summary: Enable Marathi transliteration typing with Stimulus
+test_files: []