lightning_ui_kit 0.2.0 → 0.3.0

data/app/components/lightning_ui_kit/modal_component.html.erb

@@ -2,7 +2,7 @@
   <div class="lui:fixed lui:inset-0 lui:flex lui:w-screen lui:justify-center lui:overflow-y-auto lui:bg-zinc-950/25 lui:px-2 lui:py-2 lui:transition lui:duration-100 lui:focus:outline-0 lui:data-closed:opacity-0 lui:data-enter:ease-out lui:data-leave:ease-in lui:sm:px-6 lui:sm:py-8 lg:lui:px-8 lg:lui:py-16" aria-hidden="true" data-open=""></div>
   <div class="lui:fixed lui:inset-0 lui:w-screen lui:overflow-y-auto lui:pt-6 lui:sm:pt-0">
     <div class="lui:grid lui:min-h-full lui:grid-rows-[1fr_auto] lui:justify-items-center lui:sm:grid-rows-[1fr_auto_3fr] lui:sm:p-4">
-      <div class="lui:sm:max-w-3xl lui:row-start-2 lui:w-full lui:min-w-0 lui:rounded-t-3xl lui:bg-white lui:p-(--gutter) lui:ring-1 lui:shadow-lg lui:ring-zinc-950/10 [--gutter:--spacing(8)] lui:sm:mb-auto lui:sm:rounded-2xl lui:forced-colors:outline lui:transition lui:duration-100 lui:will-change-transform lui:data-closed:translate-y-12 lui:data-closed:opacity-0 lui:data-enter:ease-out lui:data-leave:ease-in lui:sm:data-closed:translate-y-0 lui:sm:data-closed:data-enter:scale-95" data-open="">
+      <div class="lui:sm:max-w-3xl lui:row-start-2 lui:w-full lui:min-w-0 lui:rounded-t-3xl lui:bg-white lui:p-(--gutter) lui:ring-1 lui:shadow-lg lui:ring-zinc-950/10 lui:[--gutter:--spacing(8)] lui:sm:mb-auto lui:sm:rounded-2xl lui:forced-colors:outline lui:transition lui:duration-100 lui:will-change-transform lui:data-closed:translate-y-12 lui:data-closed:opacity-0 lui:data-enter:ease-out lui:data-leave:ease-in lui:sm:data-closed:translate-y-0 lui:sm:data-closed:data-enter:scale-95" data-open="">
         <% if @title %>
           <h2 class="lui:text-lg/6 lui:font-semibold lui:text-balance lui:text-zinc-950 lui:sm:text-base/6" data-open="">
             <%= @title %>

data/app/components/lightning_ui_kit/toast_component.html.erb

@@ -0,0 +1,22 @@
+<%= tag.div(
+  class: classes,
+  data: {
+    controller: "lui-toast",
+    lui_toast_target: "toast",
+    lui_toast_autodismiss_value: @autodismiss,
+    lui_toast_dismiss_after_value: @dismiss_after,
+  }
+) do %>
+  <div class="lui:flex lui:items-center lui:w-full lui:max-w-xs lui:p-4 lui:text-zinc-600 lui:bg-white lui:rounded-lg lui:shadow" role="alert">
+    <div class="lui:ml-3 lui:text-sm lui:font-normal"><%= content %></div>
+    <button
+      type="button"
+      class="lui:ml-auto lui:-mx-1.5 lui:-my-1.5 lui:bg-white lui:text-zinc-600 lui:hover:text-zinc-950
+      lui:rounded-lg lui:focus:ring-2 lui:focus:ring-zinc-950/10 lui:p-1.5 lui:hover:bg-gray-100 lui:inline-flex
+      lui:items-center lui:justify-center lui:h-8 lui:w-8 lui:cursor-pointer" data-action="click->lui-toast#close" aria-label="Close">
+      <svg class="lui:w-3 lui:h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
+      </svg>
+    </button>
+  </div>
+<% end %>

data/app/components/lightning_ui_kit/toast_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+class LightningUiKit::ToastComponent < LightningUiKit::BaseComponent
+  def initialize(autodismiss: true, dismiss_after: 3000, **options)
+    @autodismiss = autodismiss
+    @dismiss_after = dismiss_after
+    @options = options
+  end
+
+  def classes
+    merge_classes(["lui:w-full lui:flex lui:justify-center lui:fixed lui:bottom-5", @options[:class]].compact.join(" "))
+  end
+end

data/app/javascript/lightning_ui_kit/controllers/toast_controller.js

@@ -0,0 +1,34 @@
+import { Controller } from '@hotwired/stimulus'
+import { useTransition } from "stimulus-use"
+
+export default class extends Controller {
+  static targets = ['toast']
+  static values = {
+    autodismiss: Boolean,
+    dismissAfter: Number
+  }
+
+  connect () {
+    if (this.autodismissValue) {
+      setTimeout(() => {
+        this.close()
+      }, this.dismissAfterValue)
+    }
+
+    useTransition(this, {
+      element: this.toastTarget,
+      enterActive: 'lui:transition lui:ease-in-out lui:duration-150',
+      enterFrom: 'lui:transform lui:opacity-0 lui:scale-95',
+      enterTo: 'lui:transform lui:opacity-100 lui:scale-100',
+      leaveActive: 'lui:transition lui:ease-in-out lui:duration-150',
+      leaveFrom: 'lui:transform lui:opacity-100 lui:scale-100',
+      leaveTo: 'lui:transform lui:opacity-0 lui:scale-95',
+      hiddenClass: "lui:hidden",
+      transitioned: true,
+    });
+  }
+
+  close () {
+    this.leave();
+  }
+}

data/app/javascript/lightning_ui_kit/index.js

@@ -18,6 +18,7 @@ import RevealController from './controllers/reveal_controller'
 import SwitchController from './controllers/switch_controller'
 import DropdownController from './controllers/dropdown_controller'
 import DropzoneController from './controllers/dropzone_controller'
+import ToastController from './controllers/toast_controller'
 
 export function registerLuiControllers(application) {
   application.register(`${namespace}-clipboard`, ClipboardController)
@@ -30,6 +31,7 @@ export function registerLuiControllers(application) {
   application.register(`${namespace}-switch`, SwitchController)
   application.register(`${namespace}-dropdown`, DropdownController)
   application.register(`${namespace}-dropzone`, DropzoneController)
+  application.register(`${namespace}-toast`, ToastController)
 }
 registerLuiControllers(application)
 

data/config/deploy.yml

@@ -0,0 +1,58 @@
+service: lui_kit
+image: k0va1/lui_kit
+
+ssh:
+  user: www
+
+registry:
+  server: ghcr.io
+  username: k0va1
+  password:
+    - KAMAL_REGISTRY_PASSWORD
+
+builder:
+  arch: amd64
+  args:
+    RUBY_VERSION: "3.3.5"
+    NODE_VERSION: "20.18.1"
+    RAILS_ENV: "production"
+
+servers:
+  web:
+    hosts:
+      - "49.13.117.76"
+    options:
+      memory: 512M
+
+volumes:
+  - ./storage:/rails/lookbook/storage
+
+env:
+  clear:
+    RAILS_LOG_TO_STDOUT: 1
+    RAILS_SERVE_STATIC_FILES: 1
+    RAILS_ENV: production
+  secret:
+    - RAILS_MASTER_KEY
+
+proxy:
+  ssl: false
+  app_port: 8000
+  host: ui.lightningrails.xyz
+  forward_headers: true
+  healthcheck:
+    interval: 3
+    path: /up
+    timeout: 3
+  logging:
+    request_headers:
+      - Cache-Control
+      - X-Forwarded-Proto
+    response_headers:
+      - X-Request-ID
+      - X-Request-Start
+
+aliases:
+  console: app exec --interactive --reuse "bin/rails console"
+  shell: app exec --interactive --reuse "bash"
+  logs: app logs -f

data/lib/lightning_ui_kit/version.rb

@@ -1,3 +1,3 @@
 module LightningUiKit
-  VERSION = "0.2.0"
+  VERSION = "0.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lightning_ui_kit
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Alex Koval
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-04-09 00:00:00.000000000 Z
+date: 2025-07-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -161,6 +161,8 @@ files:
 - app/components/lightning_ui_kit/text_component.rb
 - app/components/lightning_ui_kit/textarea_component.html.erb
 - app/components/lightning_ui_kit/textarea_component.rb
+- app/components/lightning_ui_kit/toast_component.html.erb
+- app/components/lightning_ui_kit/toast_component.rb
 - app/helpers/lightning_ui_kit/application_helper.rb
 - app/helpers/lightning_ui_kit/heroicon_helper.rb
 - app/javascript/lightning_ui_kit/controllers/accordion_controller.js
@@ -173,7 +175,9 @@ files:
 - app/javascript/lightning_ui_kit/controllers/modal_controller.js
 - app/javascript/lightning_ui_kit/controllers/reveal_controller.js
 - app/javascript/lightning_ui_kit/controllers/switch_controller.js
+- app/javascript/lightning_ui_kit/controllers/toast_controller.js
 - app/javascript/lightning_ui_kit/index.js
+- config/deploy.yml
 - config/initializers/heroicons.rb
 - config/locales/en.yml
 - lib/lightning_ui_kit.rb