cellscan 0.1.0

data/app/assets/config/cellscan_manifest.js

@@ -0,0 +1 @@
+//= link_directory ../stylesheets/cellscan .css

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

@@ -0,0 +1,12 @@
+
+p.foo {
+    text-decoration: dashed;
+}
+
+.translation_missing {
+    color: red;
+}
+.translation_missing::before {
+    content: "⚠️";
+    color: red;
+}

data/app/assets/stylesheets/cellscan/application.tailwind.css

@@ -0,0 +1,89 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+@layer components {
+  .sticky-content {
+    @apply sticky top-0 pt-4  bg-white z-20
+  }
+  .modal {
+    @apply w-full md:w-2/3 p-5 bg-slate-300 fixed top-16 md:top-10 md:right-10 rounded-md shadow-md break-words z-30
+  }
+  .search-input {
+    @apply block w-full py-3 px-4 my-4 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500
+  }
+}
+
+
+
+
+.pagy-nav,
+.pagy-nav-js {
+  @apply flex space-x-2;
+}
+
+.pagy-nav .page a,
+.pagy-nav .page.active,
+.pagy-nav .page.prev.disabled,
+.pagy-nav .page.next.disabled,
+.pagy-nav-js .page a,
+.pagy-nav-js .page.active,
+.pagy-nav-js .page.prev.disabled,
+.pagy-nav-js .page.next.disabled {
+  @apply block rounded-lg px-3 py-1 text-sm text-gray-500 font-semibold bg-gray-200 shadow-md;
+  &:hover{
+    @apply bg-gray-300;
+  }
+  &:active{
+    @apply bg-gray-400 text-white;
+  }
+}
+
+.pagy-nav .page.prev.disabled,
+.pagy-nav .page.next.disabled,
+.pagy-nav-js .page.prev.disabled,
+.pagy-nav-js .page.next.disabled {
+  @apply text-gray-400 cursor-default;
+  &:hover {
+    @apply text-gray-400 bg-gray-200;
+  }
+  &:active {
+    @apply text-gray-400 bg-gray-200;
+  }
+}
+
+.pagy-nav .page.active,
+.pagy-nav-js .page.active {
+  @apply text-white cursor-default bg-gray-400;
+  &:hover {
+    @apply text-white bg-gray-400;
+  }
+  &:active {
+    @apply bg-gray-400 text-white;
+  }
+}
+
+
+.pagy-combo-nav-js {
+  @apply flex max-w-max rounded-full px-3 py-1 text-sm text-gray-500 font-semibold bg-gray-200 shadow-md;
+}
+
+.pagy-combo-nav-js .pagy-combo-input {
+  @apply bg-white px-2 rounded-sm
+}
+
+.pagy-combo-nav-js .page.prev,
+.pagy-combo-nav-js .page.next {
+  &:hover {
+    @apply text-gray-800;
+  }
+  &:active {
+    @apply text-gray-800;
+  }
+}
+
+.pagy-combo-nav-js .page.prev.disabled,
+.pagy-combo-nav-js .page.next.disabled {
+  @apply text-gray-400 cursor-default;
+}

data/app/controllers/cellscan/application_controller.rb

@@ -0,0 +1,6 @@
+module Cellscan
+  class ApplicationController < ActionController::Base
+    layout 'cellscan/application'
+    include Pagy::Backend
+  end
+end

data/app/controllers/cellscan/files_controller.rb

@@ -0,0 +1,36 @@
+require "pagy"
+require "pagy/extras/array"
+
+module Cellscan
+  class FilesController < ApplicationController
+    include Pagy::Backend
+    include ActionView::Helpers::UrlHelper
+
+    Pagy::DEFAULT[:items] = 10
+
+    def open
+      @path = params[:path]
+      @highlight = params[:highlight]&.to_i
+      @error = nil
+      if @path.present?
+        begin
+          @headers, data = Cellscan.file_loader.call(@path)
+          data = convert_links(data) if @headers.first == "ZIPCONTENT"
+          @headers.unshift("index")
+          opts = { page: (@highlight.to_f / Pagy::DEFAULT[:items]).ceil } if @highlight
+          data = data.map.with_index { |row, i| [i + 1, *row] }
+          @pagy, @rows = pagy_array(data, **opts || {})
+        rescue => e
+          @error = e.message
+        end
+      end
+    end
+
+    private def convert_links(data)
+      data.map do |row|
+        row[1] = link_to("open", open_files_path(path: row[1]), class: "underline")
+        row
+      end
+    end
+  end
+end

data/app/controllers/cellscan/welcome_controller.rb

@@ -0,0 +1,6 @@
+module Cellscan
+  class WelcomeController < ActionController::Base
+    def index
+    end
+  end
+end

data/app/helpers/cellscan/application_helper.rb

@@ -0,0 +1,5 @@
+module Cellscan
+  module ApplicationHelper
+    include Pagy::Frontend
+  end
+end

data/app/javascript/application.js

@@ -0,0 +1,5 @@
+// Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
+
+import "@hotwired/turbo-rails"
+import "./controllers"
+

data/app/javascript/controllers/application.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+
+const application = Application.start()
+
+// Configure Stimulus development experience
+application.debug = false
+window.Stimulus   = application
+
+export { application }

data/app/javascript/controllers/debounce_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [ "form" ]
+
+  // connect() { console.log("debounce controller connected") }
+
+  search() {
+    clearTimeout(this.timeout)
+    this.timeout = setTimeout(() => {
+        this.formTarget.requestSubmit()
+      }, 500)
+  }
+}

data/app/javascript/controllers/dropdown_controller.js

@@ -0,0 +1,38 @@
+import { Controller } from "@hotwired/stimulus"
+import { useClickOutside } from 'stimulus-use'
+
+export default class extends Controller {
+  static targets = ['dropdown', 'icon', 'button']
+
+  connect() {
+    this.iconTarget.classList.add('rotate-180');
+    this.dropdownTarget.classList.add('hidden');
+
+    useClickOutside(this, { element: this.dropdownTarget });
+  }
+  
+
+  clickOutside(event) {
+    // We are outside the dropdown, but still hit the button.
+    // Then we DONT want to close the dropdown - 
+    // else the toggle would come on top an dopen it again.
+    if (this.buttonTarget.contains(event.target)) {
+      return
+    }
+    event.preventDefault()
+    this.closeDrowdown()
+  }
+
+  toggle() {
+    this.dropdownTarget.classList.toggle('hidden')
+
+    this.iconTarget.classList.toggle('rotate-180');
+    this.iconTarget.classList.toggle('rotate-0');
+  }
+
+  closeDrowdown() {
+    this.iconTarget.classList.add('rotate-180');
+    this.dropdownTarget.classList.add('hidden')
+  }
+
+}

data/app/javascript/controllers/filter_checkboxes_controller.js

@@ -0,0 +1,28 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    const selectedValues = this.element.dataset.selectedValues
+    // const selectedValues = JSON.parse(this.element.dataset.selectedValues)
+    const checkboxes = this.element.querySelectorAll("input[type=checkbox]")
+
+    checkboxes.forEach((checkbox) => {
+      if (selectedValues.includes(checkbox.value)) {
+        checkbox.checked = true
+      } else {
+        checkbox.checked = false
+      }
+    })
+  }
+
+  // We can do this later
+  // data-action="click->filter-checkboxes#toggleCheckbox" data-checkbox-id="<%=tag%>"
+  toggleCheckbox(event) {
+    const checkboxId = event.currentTarget.dataset.checkboxId
+    const checkbox = this.element.querySelector(`input[type='checkbox'][value='${checkboxId}']`);
+    if (checkbox) {
+      checkbox.checked = !checkbox.checked
+    }
+  }
+
+}

data/app/javascript/controllers/index.js

@@ -0,0 +1,17 @@
+// This file is auto-generated by ./bin/rails stimulus:manifest:update
+// Run that command whenever you add a new controller or create them with
+// ./bin/rails generate stimulus controllerName
+
+import { application } from "./application"
+
+import DebounceController from "./debounce_controller"
+application.register("debounce", DebounceController)
+
+import FilterCheckboxesController from "./filter_checkboxes_controller"
+application.register("filter-checkboxes", FilterCheckboxesController)
+
+import DropdownController from "./dropdown_controller"
+application.register("dropdown", DropdownController)
+
+import SearchSelectController from "./search_select_controller"
+application.register("search-select", SearchSelectController)

data/app/javascript/controllers/search_select_controller.js

@@ -0,0 +1,30 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["id", "input", "dropdown", "item"];
+
+  connect() {
+    this.inputTarget.focus();
+  }
+
+  search() {
+    const searchTerm = this.inputTarget.value.trim().toLowerCase();
+    let found = false;
+    this.itemTargets.forEach((element) => {
+      const text = element.textContent.trim().toLowerCase();
+      element.hidden = !text.includes(searchTerm);
+      if (text.includes(searchTerm)) {
+        found = true;
+      }
+    });
+    this.dropdownTarget.classList.remove("hidden");
+  }
+
+  select(event) {
+    const element = event.currentTarget;
+    this.inputTarget.value = element.textContent.trim();
+    this.dropdownTarget.classList.add("hidden");
+
+    this.idTarget.value = event.currentTarget.dataset.personId;
+  }
+}

data/app/jobs/cellscan/application_job.rb

@@ -0,0 +1,4 @@
+module Cellscan
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/cellscan/application_mailer.rb

@@ -0,0 +1,6 @@
+module Cellscan
+  class ApplicationMailer < ActionMailer::Base
+    default from: "from@example.com"
+    layout "mailer"
+  end
+end

data/app/models/cellscan/application_record.rb

@@ -0,0 +1,5 @@
+module Cellscan
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/views/cellscan/files/open.html.erb

@@ -0,0 +1,42 @@
+<% if @rows %>
+  <div class="overflow-x-auto">
+    <table class="min-w-full table-auto">
+      <thead>
+        <tr class="bg-gray-800 text-white">
+          <% @headers.each do |header| %>
+            <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">
+              <%= header %>
+            </th>
+          <% end %>
+        </tr>
+      </thead>
+      <tbody class="bg-white divide-y divide-gray-200">
+        <% @rows.each_with_index do |row, index| %>
+          <% bg = index.odd? ? 'bg-gray-50' : 'bg-white' %>
+          <% bg = 'bg-yellow-100' if row.first == @highlight %>
+          <tr class="<%= bg %>">
+            <% row.each do |field| %>
+              <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                <%= field %>
+              </td>
+            <% end %>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+
+  <div class="my-6">
+    <%== pagy_nav(@pagy) %>
+  </div>
+<% else %>
+    Could not read file <b><%= @path %></b>
+    <hr />
+    I'm mounted under <%= Rails.root %>
+
+    <% if @error %>
+      <hr />
+      <pre><%= @error %></pre>
+    <% end %>
+
+<% end %>

data/app/views/cellscan/welcome/index.html.erb

@@ -0,0 +1 @@
+Welcome to Cell scan

data/app/views/layouts/cellscan/application.html.erb

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Cell scan</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+  <%= action_cable_meta_tag %>
+  <%= stylesheet_link_tag "cellscan/application", "data-turbo-track": "reload" %>
+  <%= javascript_include_tag 'cellscan/application', 'data-turbo-track': 'reload', defer: false %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/config/routes.rb

@@ -0,0 +1,6 @@
+Cellscan::Engine.routes.draw do
+    resources :files do
+        get :open, on: :collection
+    end
+    root to: 'welcome#index'
+end

data/config/tailwind.config.js

@@ -0,0 +1,24 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  content: [
+    './app/views/**/*.rb',
+    './public/*.html',
+    './app/helpers/**/*.rb',
+    './app/javascript/**/*.js',
+    './app/views/**/*.erb',
+    './app/components/**/*.erb'
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/typography'),
+  ]
+}

data/lib/cellscan/engine.rb

@@ -0,0 +1,5 @@
+module Cellscan
+  class Engine < ::Rails::Engine
+    isolate_namespace Cellscan
+  end
+end

data/lib/cellscan/version.rb

@@ -0,0 +1,3 @@
+module Cellscan
+  VERSION = "0.1.0"
+end

data/lib/cellscan.rb

@@ -0,0 +1,6 @@
+require "cellscan/version"
+require "cellscan/engine"
+
+module Cellscan
+  mattr_accessor :file_loader
+end

data/lib/generators/cellscan/base_generator.rb

@@ -0,0 +1,13 @@
+require "rails/generators"
+
+module Generators
+  module Avo
+    class BaseGenerator < ::Rails::Generators::Base
+      hide!
+
+      def initialize(*args)
+        super(*args)
+      end
+    end
+  end
+end

data/lib/generators/cellscan/install_generator.rb

@@ -0,0 +1,24 @@
+require_relative "base_generator"
+
+module Generators
+  module Cellscan
+    class InstallGenerator < BaseGenerator
+      namespace "cellscan:install"
+      desc "Creates a Cellscan initializer adds the route to the routes file."
+      class_option :path, type: :string, default: "cellscan"
+
+      def create_initializer_file
+        route "mount Cellscan::Engine, at: '/cellscan'"
+
+        template "initializer/avo.tt", "config/initializers/cellscan.rb"
+        directory File.join(__dir__, "templates", "locales"), "config/locales"
+      end
+
+      unless Rails.root.join("app", "assets", "stylesheets", "cellscan.tailwind.css").exist?
+        say "Add default app/assets/stylesheets/cellscan.tailwind.css"
+        copy_file template_path("tailwind.css"), "app/assets/stylesheets/cellscan.tailwind.css"
+      end
+
+    end
+  end
+end

data/lib/generators/cellscan/templates/initializer/cellscan.tt

@@ -0,0 +1,3 @@
+Cellscan.configure do |config|
+  
+end

data/lib/tasks/cellscan_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :cellscan do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,152 @@
+--- !ruby/object:Gem::Specification
+name: cellscan
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Till Carlos
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2023-04-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '7.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '7.0'
+- !ruby/object:Gem::Dependency
+  name: tailwindcss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: stimulus-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+- !ruby/object:Gem::Dependency
+  name: pagy
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+- !ruby/object:Gem::Dependency
+  name: rubyzip
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+description: Include the engine in your Rails app and you can view CSV files in your
+  browser.
+email:
+- till@tillcarlos.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/builds/cellscan/application.css
+- app/assets/builds/cellscan/application.js
+- app/assets/builds/cellscan/application.js.map
+- app/assets/config/cellscan_manifest.js
+- app/assets/stylesheets/cellscan/application.css
+- app/assets/stylesheets/cellscan/application.tailwind.css
+- app/controllers/cellscan/application_controller.rb
+- app/controllers/cellscan/files_controller.rb
+- app/controllers/cellscan/welcome_controller.rb
+- app/helpers/cellscan/application_helper.rb
+- app/javascript/application.js
+- app/javascript/controllers/application.js
+- app/javascript/controllers/debounce_controller.js
+- app/javascript/controllers/dropdown_controller.js
+- app/javascript/controllers/filter_checkboxes_controller.js
+- app/javascript/controllers/index.js
+- app/javascript/controllers/search_select_controller.js
+- app/jobs/cellscan/application_job.rb
+- app/mailers/cellscan/application_mailer.rb
+- app/models/cellscan/application_record.rb
+- app/views/cellscan/files/open.html.erb
+- app/views/cellscan/welcome/index.html.erb
+- app/views/layouts/cellscan/application.html.erb
+- config/routes.rb
+- config/tailwind.config.js
+- lib/cellscan.rb
+- lib/cellscan/engine.rb
+- lib/cellscan/version.rb
+- lib/generators/cellscan/base_generator.rb
+- lib/generators/cellscan/install_generator.rb
+- lib/generators/cellscan/templates/initializer/cellscan.tt
+- lib/tasks/cellscan_tasks.rake
+homepage: https://tillcarlos.com/cellscan
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://tillcarlos.com/cellscan
+  source_code_uri: https://tillcarlos.com/cellscan
+  changelog_uri: https://tillcarlos.com/cellscan
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.2.32
+signing_key:
+specification_version: 4
+summary: A simple CSV viewer as an engine for Rails.
+test_files: []