irelia 0.1.0 → 0.2.0

data/app/frontend/components/navbar/select_account/component.html.erb

@@ -1,36 +0,0 @@
-<div data-controller="dropdown" class="relative block text-sm min-w-[20px]">
-  <button class="flex w-full items-center text-left gap-x-4 cursor-pointer" data-action="dropdown#toggle click@window->dropdown#hide">
-    <img class="w-9 h-9 rounded" src="https://picsum.photos/50">
-    <div class="flex flex-col pr-4 gap-y-0.5">
-      <strong class="text-primary-600"><%= current_account.name %></strong>
-      <% if current_account.personal_account? %>
-        <span class="flex text-neutral-500 dark:text-neutral-300 items-center gap-x-1 text-xs">
-          <i class="fas fa-user"></i>
-          Personal account
-        </span>
-      <% else %>
-        <span class="flex text-neutral-500 dark:text-neutral-300 items-center gap-x-1 text-xs">
-          <i class="fas fa-users"></i>
-          Team account
-        </span>
-      <% end %>
-    </div>
-    <i class="fa-solid fa-caret-down mr-2 ml-auto"></i>
-  </button>
-  <div
-    class="hidden w-full transition z-50 text-xs bg-white dark:bg-zinc-800 divide-y absolute mt-4 right-0 border dark:border-zinc-700 dark:divide-zinc-700 dark:text-neutral-200 border-t-0 rounded-b whitespace-nowrap"
-    data-dropdown-target="menu"
-    data-transition-enter-from="opacity-0 scale-95"
-    data-transition-enter-to="opacity-100 scale-100"
-    data-transition-leave-from="opacity-100 scale-100"
-    data-transition-leave-to="opacity-0 scale-95">
-
-    <% User.find(current_user.id).accounts.each do |account| %>
-      <%= button_to switch_account_path(account), class: 'flex w-full p-3 px-4 gap-x-4 items-center hover:bg-neutral-100 hover:text-neutral-900 transition', method: :patch do %>
-        <i class="fas w-4 text-center <%= account.personal_account? ? "fa-user" : "fa-users" %>"></i> <%= account.name %>
-      <% end %>
-    <% end %>
-
-    <%= link_to 'Create a new team account' , new_account_path, class: 'flex w-full p-3 px-4 gap-x-4 items-center hover:bg-neutral-100 hover:text-neutral-900 transition', method: :delete %>
-  </div>
-</div>

data/app/frontend/components/navbar/select_account/component.rb

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-class Navbar::SelectAccount::Component < ApplicationViewComponent
-  option :current_user, required: true
-  option :current_account, required: true
-end

data/app/frontend/components/navbar/separator/component.html.erb

@@ -1 +0,0 @@
-<div class="w-[1px] h-10 bg-neutral-100 dark:bg-dark-700"></div>

data/app/frontend/components/navbar/separator/component.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Navbar
-  module Separator
-    class Component < ApplicationViewComponent; end
-  end
-end

data/app/frontend/components/navbar/separator/preview.rb

@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-
-module Navbar
-  module Separator
-    class Preview < ApplicationViewComponentPreview
-      # You can specify the container class for the default template
-      # self.container_class = "w-1/2 border border-gray-300"
-
-      def default; end
-    end
-  end
-end

data/app/frontend/components/page/breadcrumbs/component.html.erb

@@ -1,16 +0,0 @@
-<% if breadcrumbs.any? %>
-<nav aria-label="breadcrumb" class="bg-white dark:bg-dark-900 border-b dark:border-b-dark-700 text-sm">
-  <div class="container max-w-[1200px] font-semibold mx-auto p-8 py-4">
-    <ol class="flex gap-x-4 text-neutral-500 dark:text-neutral-400">
-      <% breadcrumbs.each do |crumb| %>
-        <% if crumb.current? %>
-          <li class="font-bold text-black dark:text-white"><%= crumb.name %></li>
-        <% else %>
-          <li><%= link_to crumb.name, crumb.url, (crumb.current? ? {"aria-current" => "page"} : {}) %></li>
-          <li><span class="text-neutral-300 dark:text-neutral-600"><i class="fa-solid fa-caret-right"></i></span></li>
-        <% end %>
-      <% end %>
-    </ol>
-  </div>
-</nav>
-<% end %>

data/app/frontend/components/page/breadcrumbs/component.rb

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-class Page::Breadcrumbs::Component < ApplicationViewComponent
-  # with_collection_parameter :breadcrumbs
-  option :breadcrumbs
-end

data/app/frontend/components/page/container/component.html.erb

@@ -1,3 +0,0 @@
-<div class="container max-w-[1200px] mx-auto p-8">
-  <%= content %>
-</div>

data/app/frontend/components/page/container/component.rb

@@ -1,4 +0,0 @@
-# frozen_string_literal: true
-
-class Page::Container::Component < ApplicationViewComponent
-end

data/app/frontend/components/page/header/component.html.erb

@@ -1,12 +0,0 @@
-<header class="flex mb-8 border-b-2 dark:border-b-dark-700 pb-6">
-  <div class="flex flex-1 flex-col gap-y-1">
-    <h1 class="text-lg font-bold uppercase"><%= title %></h1>
-    <% if subtitle.present? %>
-      <p class="text-neutral-400"><%= subtitle %></p>
-    <% end %>
-  </div>
-
-  <div class="flex items-center justify-center gap-x-3">
-    <%= content %>
-  </div>
-</header>

data/app/frontend/components/page/header/component.rb

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-class Page::Header::Component < ApplicationViewComponent
-  option :title
-  option :subtitle, optional: true
-end

data/app/helpers/navbar_helper.rb

@@ -1,35 +0,0 @@
-# frozen_string_literal: true
-
-module NavbarHelper
-  def navbar(&block)
-    render(Navbar::Container::Component.new, &block)
-  end
-
-  def navbar_items(&block)
-    render(Navbar::MenuItems::Component.new, &block)
-  end
-
-  def navbar_right(&block)
-    render(Navbar::RightSection::Component.new, &block)
-  end
-
-  def navigation_item(text, target, options = {})
-    active = options[:active] || request.path == target
-    icon = options[:icon] || nil
-
-    render(Navbar::Navlink::Component.new(target:, text:, active:, icon:))
-  end
-
-  def navbar_button(text, target, options = {})
-    active = options[:active] || request.path == target
-    icon = options[:icon] || nil
-    method = options[:method] || :get
-    custom_class = options[:class] || nil
-
-    render(Navbar::Button::Component.new(target:, text:, icon:, method:, custom_class:))
-  end
-
-  def navbar_separator
-    render(Navbar::Separator::Component.new)
-  end
-end

data/app/helpers/page_helper.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module PageHelper
-  def container(&block)
-    render(Page::Container::Component.new, &block)
-  end
-
-  def page_header(**arguments)
-    render(Page::Header::Component.new(**arguments))
-  end
-
-  def breadcrumbs
-    render(Page::Breadcrumbs::Component.new(breadcrumbs: breadcrumb_trail))
-  end
-end

data/app/javascript/controllers/dark_mode_switcher_controller.js

@@ -1,20 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-  initialize() {
-    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-      document.documentElement.classList.add('dark')
-    } else {
-      document.documentElement.classList.remove('dark')
-    }
-  }
-
-  toggle() {
-    if (localStorage.theme === 'dark') {
-      localStorage.theme = 'light'
-    } else {
-      localStorage.theme = 'dark'
-    }
-    this.initialize()
-  }
-}

data/app/javascript/controllers/dropdown_controller.js

@@ -1,3 +0,0 @@
-import Dropdown from 'stimulus-dropdown'
-
-export default class extends Dropdown { }

data/app/views/devise/registrations/new.html.erb

@@ -1,21 +0,0 @@
-<% title "Create a new account" %>
-<% content_for :header do %>
-  <h1 class="font-bold font-headings text-neutral-600 dark:text-neutral-100 text-2xl">Create your <strong class="text-primary-600">Irelia</strong> account</h1>
-  <p class="text-neutral-400">Enter your email address and a secure password.</p>
-<% end %>
-
-<main class="flex flex-col gap-4 w-full max-w-2xl">
-  <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
-    <%= f.input :email, placeholder: "Enter a valid email address", required: true, autofocus: true, input_html: { autocomplete: "email" }%>
-    
-    <div class="flex justify-between items-start gap-x-4">
-      <%= f.input :password, placeholder: "Create a secure password", required: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: "new-password" } %>
-      <%= f.input :password_confirmation, placeholder: "Confirm your password", required: true, input_html: { autocomplete: "new-password" } %>
-    </div>
-
-    <div class="mt-4 flex justify-between items-center">
-      <%= f.button :submit, "Create your account" %>
-      <p class="dark:text-neutral-200">Already have an account? <%= link_to "Sign in!", new_user_session_path, class: "font-bold transition text-primary-600" %>
-    </div>
-  <% end %>
-</main>

data/app/views/devise/sessions/new.html.erb

@@ -1,18 +0,0 @@
-<% title "Sign in to your account" %>
-<% content_for :header do %>
-  <h1 class="font-bold font-headings text-neutral-600 dark:text-neutral-100 text-2xl">Sign in to <strong class="text-primary-600">Irelia</strong></h1>
-  <p class="text-neutral-400 dark:text-neutral-200">Sign in with your email address and password or select any of the other available options below.</p>
-<% end %>
-
-<main class="flex flex-col gap-4 w-full max-w-xl">
-  <%= simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
-    <%= f.input :email, placeholder: "Enter your email", required: true, autofocus: true, input_html: { autocomplete: "email" } %>
-    <%= f.input :password, placeholder: "Enter your password", required: true, input_html: { autocomplete: "current-password" } %>
-    <%= f.input :remember_me, as: :boolean, wrapper: :inline_checkbox if devise_mapping.rememberable? %>
-
-    <div class="flex justify-between items-center">
-      <%= f.button :submit, "Sign in" %>
-      <p class="dark:text-neutral-200">Don't have an account? <%= link_to "Sign up!", new_user_registration_path, class: "font-bold text-primary-600 transition" %></p>
-    </div>
-  <% end %>
-</main>

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

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <%= render "shared/head" %>
-  </head>
-  <body class="antialiased bg-neutral-50 text-neutral-700 dark:bg-dark-800 dark:text-neutral-100">
-    <%= render "shared/navbar" %>
-    <%= breadcrumbs %>
-    <%= yield %>
-  </body>
-</html>

data/app/views/layouts/devise.html.erb

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <%= render "shared/head" %>
-  </head>
-  <body class="h-screen relative flex justify-center items-center antialiased bg-neutral-50 text-neutral-700 dark:bg-dark-800 dark:text-neutral-100">
-    <div class="fixed top-4 right-4">
-      <%= render(Navbar::DarkModeSwitcher::Component.new) %>
-    </div>
-    
-    <% flash.each do |key, value| %>
-      <%= content_tag :div, value, class: "flash #{key} fixed top-0 left-0 right-0 bg-white py-2 px-4 inline-block text-center w-full shadow" %>
-    <% end %>
-
-    <section class="flex flex-col gap-8 items-center justify-center w-full">
-      <header class="flex flex-col items-center gap-y-2 text-center max-w-lg">
-        <%= yield :header %>
-      </header>
-
-      <%= yield %>
-    </section>
-  </body>
-</html>

data/app/views/layouts/mailer.html.erb

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <style>
-      /* Email styles need to be inline */
-    </style>
-  </head>
-
-  <body>
-    <%= yield %>
-  </body>
-</html>

data/app/views/layouts/mailer.text.erb

@@ -1 +0,0 @@
-<%= yield %>

data/app/views/layouts/teamable.html.erb

@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <%= render "shared/head" %>
-  </head>
-  <body class="h-screen relative bg-neutral-50 text-neutral-700 dark:bg-dark-800 dark:text-neutral-100">
-    <%= render "shared/navbar" %>
-
-    <% flash.each do |key, value| %>
-      <%= content_tag :div, value, class: "flash #{key} fixed top-0 left-0 right-0 bg-white py-2 px-4 inline-block text-center w-full shadow" %>
-    <% end %>
-
-    <div class="h-screen -top-[60px] relative flex justify-center items-center antialiased">
-      <section class="flex flex-1 flex-col">
-        <div class="flex-1 flex items-center justify-center px-8">
-          <section class="flex flex-col gap-8 items-center justify-center w-full max-w-xl">
-            <header class="flex flex-col items-center">
-              <div class="flex flex-col gap-y-2 text-center">
-                <%= yield :header %>
-              </div>
-            </header>
-
-            <main class="flex flex-col gap-4 w-full">
-              <%= yield %>
-            </main>
-          </section>
-        </div>
-      </section>
-    </div>
-  </body>
-</html>

data/app/views/shared/_head.html.erb

@@ -1,26 +0,0 @@
-<%= display_meta_tags site: Irelia.config.application_name, reverse: true, separator: "—" %>
-<meta name="viewport" content="width=device-width,initial-scale=1">
-
-<script>
-  if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-    document.documentElement.classList.add('dark')
-  }
-</script>
-
-<%= csrf_meta_tags %>
-<%= csp_meta_tag %>
-<%= stylesheet_link_tag "tailwind", "data-turbo-track": "reload" %>
-<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
-<%= javascript_importmap_tags %>
-
-<link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="true" />
-<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&amp;display=swap" rel="stylesheet" />
-<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" integrity="sha512-fD9DI5bZwQxOi7MhYWnnNPlvXdp/2Pj3XSTRrFs5FQa4mizyGLnJcN6tuvUS6LbmgN1ut+XGSABKvjN0H6Aoow==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-<style>
-  .valid .input-box { border: 1px green solid; }
-  .invalid .input-box { border: 1px red solid; }
-</style>

data/app/views/shared/_navbar.html.erb

@@ -1,30 +0,0 @@
-<%= navbar do %>
-  <%= render "shared/navbar_logo" %>
-
-  <%= navbar_separator %>
-
-  <% if account_selected? %>
-    <%= navbar_items do %>
-      <%= navigation_item "Dashboard", root_path %>
-      <%= navigation_item "Reports", "#" %>
-    <% end %>
-  <% end %>
-
-  <% unless account_selected? %>
-    <%= navbar_items do %>
-      <%= navigation_item "Onboarding", setup_personal_account_path %>
-    <% end %>
-  <% end %>
-
-  <%= navbar_right do %>
-    <%= navbar_button(nil, "#", { icon: "fa fa-bell" }) %>
-    <% if current_user.personal_account? && account_selected? %>
-      <%= navbar_separator %>
-      <%= render(Navbar::SelectAccount::Component.new(current_user:, current_account:)) %>
-      <%= navbar_separator %>
-    <% end %>
-    <%= render(Navbar::DarkModeSwitcher::Component.new) %>
-    <%= navbar_button(nil, "#", { icon: "fa fa-gear" }) %>
-    <%= navbar_button(nil, destroy_user_session_path, { method: :delete, icon: "fa fa-right-from-bracket" }) %>
-  <% end %>
-<% end %>

data/app/views/shared/_navbar_logo.html.erb

@@ -1,3 +0,0 @@
-<%= link_to root_path, class: 'flex gap-x-2 items-center justify-between font-bold text-primary-600 transition' do %>
-  <i class="fa fa-star text-xl"></i>
-<% end %>

data/app/views/teamable/accounts/new.html.erb

@@ -1,10 +0,0 @@
-<% title "Create a new team account" %>
-
-<% content_for :header do %>
-  <h1 class="font-bold font-headings text-neutral-600 dark:text-neutral-100 text-2xl">Create a new account</h1>
-  <p class="text-neutral-400 dark:text-neutral-200">Create a new account for your team or organization</p>
-<% end %>
-
-<%= render "teamable/shared/flash_messages" %>
-
-<%= render "teamable/shared/form" %>

data/app/views/teamable/setup/new.html.erb

@@ -1,8 +0,0 @@
-<% title "Setup your account" %>
-
-<% content_for :header do %>
-  <h1 class="font-bold font-headings text-neutral-600 dark:text-neutral-100 text-2xl">Setup your personal account</h1>
-  <p class="text-neutral-400 dark:text-neutral-200">Finish the registration by setting up your user profile.</p>
-<% end %>
-
-<%= render "teamable/shared/form" %>

data/app/views/teamable/shared/_form.html.erb

@@ -1,4 +0,0 @@
-<%= simple_form_for @account, url: @account.personal_account ? setup_personal_account_path : account_path, method: :post do |f| %>
-  <%= f.input :name, placeholder: @account.personal_account ? "Your full name" : "Team / organization name" %>
-  <%= f.button :submit, "Create account" %>
-<% end %>

data/config/importmap.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-pin "stimulus-use", to: "https://ga.jspm.io/npm:stimulus-use@0.51.3/dist/index.js"
-pin "stimulus-dropdown", to: "https://ga.jspm.io/npm:stimulus-dropdown@2.1.0/dist/stimulus-dropdown.mjs"
-pin "hotkeys-js", to: "https://ga.jspm.io/npm:hotkeys-js@3.10.2/dist/hotkeys.esm.js"
-
-pin_all_from File.expand_path("../app/javascript", __dir__)