codengage_view_components 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: ebf99eb2f36d77f141dd24398a34f78a016ac7b029afcb89e633a8a13793fcfa
+  data.tar.gz: 431697508165c85ae1ad6e8d87576163c3eba78e43d322001a9f0577866eea40
+SHA512:
+  metadata.gz: a8b828d6ad4cf064b302e20ff16b5c4794a15374a295c552f23ff29ab7c04d8dfd90cf0cc0cd93f59153777112b50fea9e963304080b91bf643951af595048d4
+  data.tar.gz: 3cc821faac6e7b8356f393afe7fa5b5629154d668ab2089a7ae164b0f6ff773c17ae4fa696f6da6b6e5f1303a113e2a1d45137cb59c4e582c5cb7f0378290069

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright Gabriel Karlinski Baldo
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# CodengageViewComponents
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem "codengage_view_components"
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install codengage_view_components
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/setup"
+
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
+load "rails/tasks/engine.rake"
+
+require "bundler/gem_tasks"

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

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/components/codengage_view_components/application_component.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module CodengageViewComponents
+  class ApplicationComponent < ViewComponent::Base
+    include Turbo::FramesHelper
+    include LucideRails::RailsHelper
+  end
+end

data/app/components/codengage_view_components/flash_component.css

@@ -0,0 +1,15 @@
+.flash {
+    @apply flex items-center w-full max-w-sm p-4 rounded-base gap-4 text-white fixed right-0 bottom-12 mr-4 transition-transform transform translate-x-full;
+}
+
+.flash.flash--visible {
+    @apply translate-x-0;
+}
+
+.flash__icon {
+    @apply flex items-center justify-center bg-white rounded-full w-fit h-fit;
+}
+
+.flash__text {
+    @apply font-normal;
+}

data/app/components/codengage_view_components/flash_component.html.haml

@@ -0,0 +1,6 @@
+- @messages.each do |message|
+  .flash{ class: message.bg, data: { controller: "codengage-view-components--flash-component" } }
+    .flash__icon
+      = lucide_icon(message.icon, stroke: message.stroke)
+    .flash__text
+      = message.text

data/app/components/codengage_view_components/flash_component.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module CodengageViewComponents
+  class FlashComponent < ApplicationComponent
+    Message = Struct.new(:type, :text, :bg, :stroke, :icon, keyword_init: true)
+
+    STYLES = {
+      "notice" => { bg: "bg-green-700", stroke: "#48BB78", icon: "check" },
+      "alert"  => { bg: "bg-red-700",   stroke: "#DC3545", icon: "circle-alert" }
+    }.freeze
+
+    def initialize(flash:)
+      @messages = flash.map do |type, text|
+        style = STYLES[type]
+        Message.new(type:, text: text.to_s, **style)
+      end
+    end
+  end
+end

data/app/components/codengage_view_components/flash_component_controller.js

@@ -0,0 +1,25 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+    connect() {
+        requestAnimationFrame(() => {
+            this.element.classList.add('flash--visible')
+        })
+
+
+        this.timeout = setTimeout(() => {
+            this.hide()
+        }, 3000)
+    }
+
+    hide() {
+        this.element.classList.remove('flash--visible')
+        this.element.addEventListener('transitionend', () => {
+            this.element.remove()
+        }, { once: true })
+    }
+
+    disconnect() {
+        clearTimeout(this.timeout)
+    }
+}

data/app/controllers/codengage_view_components/application_controller.rb

@@ -0,0 +1,4 @@
+module CodengageViewComponents
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/codengage_view_components/pages_controller.rb

@@ -0,0 +1,6 @@
+module CodengageViewComponents
+  class PagesController < ApplicationController
+    def home
+    end
+  end
+end

data/app/helpers/codengage_view_components/application_helper.rb

@@ -0,0 +1,4 @@
+module CodengageViewComponents
+  module ApplicationHelper
+  end
+end

data/app/helpers/codengage_view_components/pages_helper.rb

@@ -0,0 +1,4 @@
+module CodengageViewComponents
+  module PagesHelper
+  end
+end

data/app/jobs/codengage_view_components/application_job.rb

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

data/app/mailers/codengage_view_components/application_mailer.rb

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

data/app/models/codengage_view_components/application_record.rb

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

data/app/views/codengage_view_components/pages/home.html.erb

@@ -0,0 +1,2 @@
+<h1>Pages#home</h1>
+<p>Find me in app/views/codengage_view_components/pages/home.html.erb</p>

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

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Codengage view components</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= yield :head %>
+
+  <%= stylesheet_link_tag    "codengage_view_components/application", media: "all" %>
+</head>
+<body>
+<%= render(CodengageViewComponents::FlashComponent.new(flash: { "notice" => "Funciona!", "alert" => "Erro de teste" })) %>
+<%= yield %>
+
+</body>
+</html>

data/config/importmap.rb

@@ -0,0 +1 @@
+pin_all_from File.expand_path("../app/components", __dir__), under: "codengage_view_components"

data/config/routes.rb

@@ -0,0 +1,3 @@
+CodengageViewComponents::Engine.routes.draw do
+  get "pages/home"
+end

data/lib/codengage_view_components/engine.rb

@@ -0,0 +1,17 @@
+module CodengageViewComponents
+  class Engine < ::Rails::Engine
+    isolate_namespace CodengageViewComponents
+
+    initializer "codengage_view_components.assets" do |app|
+      if app.config.respond_to?(:assets)
+        app.config.assets.paths << root.join("app/components")
+      end
+    end
+
+    initializer "codengage_view_components.importmap", before: "importmap" do |app|
+      if app.config.respond_to?(:importmap)
+        app.config.importmap.paths << root.join("config/importmap.rb")
+      end
+    end
+  end
+end

data/lib/codengage_view_components/version.rb

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

data/lib/codengage_view_components.rb

@@ -0,0 +1,6 @@
+require "codengage_view_components/version"
+require "codengage_view_components/engine"
+require "view_component"
+
+module CodengageViewComponents
+end

data/lib/tasks/codengage_view_components_tasks.rake

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

metadata

@@ -0,0 +1,141 @@
+--- !ruby/object:Gem::Specification
+name: codengage_view_components
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Gabriel Karlinski Baldo
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2026-01-13 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 8.1.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 8.1.2
+- !ruby/object:Gem::Dependency
+  name: view_component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: lucide-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: puma
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Coleção de componentes reutilizáveis como Flash messages, botões e modais
+  para Ruby on Rails.
+email:
+- gabriel.k.baldo@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/stylesheets/codengage_view_components/application.css
+- app/components/codengage_view_components/application_component.rb
+- app/components/codengage_view_components/flash_component.css
+- app/components/codengage_view_components/flash_component.html.haml
+- app/components/codengage_view_components/flash_component.rb
+- app/components/codengage_view_components/flash_component_controller.js
+- app/controllers/codengage_view_components/application_controller.rb
+- app/controllers/codengage_view_components/pages_controller.rb
+- app/helpers/codengage_view_components/application_helper.rb
+- app/helpers/codengage_view_components/pages_helper.rb
+- app/jobs/codengage_view_components/application_job.rb
+- app/mailers/codengage_view_components/application_mailer.rb
+- app/models/codengage_view_components/application_record.rb
+- app/views/codengage_view_components/pages/home.html.erb
+- app/views/layouts/codengage_view_components/application.html.erb
+- config/importmap.rb
+- config/routes.rb
+- lib/codengage_view_components.rb
+- lib/codengage_view_components/engine.rb
+- lib/codengage_view_components/version.rb
+- lib/tasks/codengage_view_components_tasks.rake
+homepage: https://github.com/gabriel-baldo/codengage_view_components
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/gabriel-baldo/codengage_view_components
+  source_code_uri: https://github.com/gabriel-baldo/codengage_view_components
+  changelog_uri: https://github.com/gabriel-baldo/codengage_view_components/blob/main/README.md
+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.5.22
+signing_key:
+specification_version: 4
+summary: Biblioteca de ViewComponents com Tailwind para projetos Codengage.
+test_files: []