solidus_admin 0.0.2 → 0.2.0

data/app/components/solidus_admin/products/index/component.html.erb

@@ -1,30 +0,0 @@
-<div class="<%= stimulus_id %> px-4">
-  <header class="py-6 flex items-center">
-    <h1 class="body-title">
-      <%= title %>
-    </h1>
-
-    <div class="ml-auto flex gap-2 items-center">
-      <%= render component("feedback").new %>
-      <%= render component("ui/button").new(
-        tag: :a,
-        text: t('.add_product'),
-        href: spree.new_admin_product_path,
-        icon: "add-line",
-      ) %>
-    </div>
-  </header>
-
-  <%= render component('ui/table').new(
-    id: 'products-list',
-    model_class: Spree::Product,
-    rows: @page.records,
-    search_key: SolidusAdmin::Config[:product_search_key],
-    search_url: solidus_admin.products_path,
-    batch_actions: batch_actions,
-    filters: filters,
-    columns: columns,
-    prev_page_link: prev_page_link,
-    next_page_link: next_page_link,
-  ) %>
-</div>

data/app/components/solidus_admin/sidebar/account_nav/component.html.erb

@@ -1,67 +0,0 @@
-<details class="relative w-full" aria-label="<%= t('.account') %>">
-  <summary
-    class="
-      flex gap-1.5
-      p-3 mt-2 rounded
-      body-small-bold text-gray-500
-      hover:bg-gray-25 [[open]_>_&]:bg-gray-25
-      cursor-pointer
-      [&::marker]:hidden
-      [&::-webkit-details-marker]:hidden
-    ">
-    <%= icon_tag("user-smile-fill", class: "inline-block align-text-bottom shrink-0 w-6 h-6 rounded-[4.81rem] body-small fill-yellow bg-black") %>
-    <span class="overflow-hidden whitespace-nowrap text-ellipsis">
-      <%= @user_label %>
-    </span>
-  </summary>
-
-  <ul
-    class="
-      p-2 mb-1 absolute bottom-full left-0 w-full
-      body-small text-black bg-white
-      border border-gray-100 rounded-lg
-      shadow-base
-    ">
-
-    <% if (available_locales = Spree.i18n_available_locales).any? %>
-      <li class="h-8 flex items-center hover:bg-gray-25 rounded">
-        <%= form_tag request.fullpath, method: :get do %>
-          <label class="flex gap-2 items-center px-2">
-            <%= icon_tag("global-line", class: "w-full max-w-[20px] h-5 fill-current shrink") %>
-            <select class="w-full appearance-none grow bg-transparent outline-none" onchange="this.form.requestSubmit()" name="switch_to_locale">
-              <%= options_for_select(
-                available_locales
-                  .map do |locale|
-                    [
-                      t(
-                        "spree.i18n.this_file_language",
-                        locale: locale,
-                        default: locale.to_s,
-                        fallback: false
-                      ),
-                      locale
-                    ]
-                  end
-                  .sort,
-                selected: I18n.locale,
-              ) %>
-            </select>
-            <%= icon_tag("expand-up-down-line", class: "w-full max-w-[20px] h-5 fill-current shrink") %>
-          </label>
-        <% end %>
-      </li>
-    <% end %>
-    <li class="h-8 flex items-center hover:bg-gray-25 rounded">
-      <%= link_to @account_path, class: 'flex gap-2 items-center px-2' do %>
-        <%= icon_tag("user-3-line", class: "w-5 h-5 fill-current shrink") %>
-        <span><%= t('.account') %></span>
-      <% end %>
-    </li>
-    <li class="h-8 flex items-center hover:bg-gray-25 rounded">
-      <%= button_to @logout_path, method: @logout_method, class: 'flex gap-2 items-center px-2' do %>
-        <%= icon_tag("logout-box-line", class: "w-5 h-5 fill-current shrink") %>
-        <span><%= t('.logout') %></span>
-      <% end %>
-    </li>
-  </ul>
-</details>

data/app/components/solidus_admin/sidebar/account_nav/component.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-# Account navigation
-class SolidusAdmin::Sidebar::AccountNav::Component < SolidusAdmin::BaseComponent
-  # @param user_label [String]
-  # @param account_path [String]
-  # @param logout_path [String]
-  # @param logout_method [Symbol]
-  def initialize(user_label:, account_path:, logout_path:, logout_method:)
-    @user_label = user_label
-    @account_path = account_path
-    @logout_path = logout_path
-    @logout_method = logout_method
-  end
-end

data/app/components/solidus_admin/sidebar/component.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-# Renders the sidebar
-class SolidusAdmin::Sidebar::Component < SolidusAdmin::BaseComponent
-  def initialize(
-    store:,
-    logo_path: SolidusAdmin::Config.logo_path,
-    items: SolidusAdmin::Config.menu_items
-  )
-    @logo_path = logo_path
-    @items = items.map do |attrs|
-      children = attrs[:children].to_a.map { SolidusAdmin::MainNavItem.new(**_1, top_level: false) }
-      SolidusAdmin::MainNavItem.new(**attrs, children: children, top_level: true)
-    end
-    @store = store
-  end
-
-  def items
-    @items.sort_by(&:position)
-  end
-end

data/app/components/solidus_admin/ui/panel/component.js

@@ -1,14 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-export default class extends Controller {
-  static targets = ['output']
-
-  typed(event) {
-    this.text = event.currentTarget.value
-    this.render()
-  }
-
-  render() {
-    this.outputTarget.innerText = this.text
-  }
-}

data/config/solidus_admin/tailwind.config.js.erb

@@ -1,95 +0,0 @@
-const defaultTheme = require('tailwindcss/defaultTheme')
-const plugin = require('tailwindcss/plugin')
-
-module.exports = {
-  content: [
-    <%= SolidusAdmin::Config.tailwind_content.map { "'#{_1}'" }.join(",\n    ") %>
-  ],
-  theme: {
-    extend: {
-      aria: {
-        'current': 'current="true"',
-      },
-      fontFamily: {
-        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
-      },
-      colors: {
-        transparent: "transparent",
-        current: "currentColor",
-
-        // Primary palette
-        solidusRed: "#ef3023",
-        black: "#222222",
-        graphite: "#c7ccc7",
-        graphiteLight: "#d8dad8",
-        sand: "#f5f3f0",
-        white: "#ffffff",
-
-        // Secondary palette
-        yellow: "#fdc071",
-        orange: "#f68050",
-        blue: "#2554b1",
-        moss: "#2d3925",
-        forest: "#096756",
-        midnight: "#163449",
-        pink: "#f6d7e2",
-        plum: "#3a0e31",
-        sky: "#cbdff1",
-        seafoam: "#c1e0de",
-        dune: "#e6bf9b",
-
-        // Extra colors (not part of the original palette)
-        papayaWhip: "#f9e3d9",
-
-        // UI Red
-        red: {
-          100: "#f8d6d3",
-          200: "#f1ada7",
-          300: "#ea8980",
-          400: "#e36054",
-          500: "#dc3728",
-          600: "#b12c20",
-          700: "#862219",
-          800: "#561610",
-          900: "#2b0b08",
-        },
-
-        // Grayscale
-        gray: {
-          15: "#fafafa",
-          25: "#f5f5f5",
-          50: "#f0f0f0",
-          100: "#dedede",
-          200: "#cfcfcf",
-          300: "#bababa",
-          400: "#a3a3a3",
-          500: "#737373",
-          600: "#616161",
-          700: "#4a4a4a",
-          800: "#333333",
-        },
-      },
-      borderRadius: {
-        sm: '4px',
-      },
-      backgroundImage: {
-        'arrow-right-up-line': "url('solidus_admin/arrow_right_up_line.svg')",
-        'arrow-down-s-fill-gray-700': "url('solidus_admin/arrow_down_s_fill_gray_700.svg')",
-        'arrow-down-s-fill-red-400': "url('solidus_admin/arrow_down_s_fill_red_400.svg')",
-      },
-      boxShadow: {
-        sm: '0px 1px 2px 0px rgba(0, 0, 0, 0.04)',
-        base: '0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px -1px rgba(0, 0, 0, 0.04)'
-      },
-    },
-  },
-  plugins: [
-    require('@tailwindcss/forms')({ strategy: 'class' }),
-    require('@tailwindcss/aspect-ratio'),
-    require('@tailwindcss/typography'),
-    require('@tailwindcss/container-queries'),
-    plugin(({ addVariant }) => addVariant('hidden', '&([hidden])')),
-    plugin(({ addVariant }) => addVariant('visible', '&:not([hidden])')),
-    plugin(({ addVariant }) => addVariant('search-cancel', '&::-webkit-search-cancel-button')),
-  ]
-}

data/docs/customizing_tailwind.md

@@ -1,78 +0,0 @@
-# Customizing tailwind
-
-Solidus Admin uses [Tailwind CSS](https://tailwindcss.com/) for styling. The
-benefit of using Tailwind is that it allows you to customize the look and feel
-of the admin without having to write any CSS. By leveraging utility classes,
-you can easily change the colors, fonts, and spacing in use.
-
-Solidus Admin sets up Tailwind in a way that allows customization. When you
-install `solidus_admin`, its compiled CSS file is generated at
-`app/assets/builds/solidus_admin/tailwind.css`. As we'll see below, there are
-different ways in which you can add your styles to it. There are a couple of
-tasks you can run to recompile the CSS file:
-
-- `bin/rails solidus_admin:tailwindcss:build` - compiles the CSS file once.
-- `bin/rails solidus_admin:tailwindcss:watch` - compiles the CSS file and
-  watches for changes.
-
-When deploying to production, the build task is automatically added as part of
-the assets precompilation process.
-
-### Adding new paths to Tailwind
-
-Tailwind generates its CSS by scanning a configured set of paths for CSS
-classes. By default, Solidus Admin will add to this list the following globs
-from your host application:
-
-- `app/components/solidus_admin/**/*.rb`
-- `app/views/solidus_admin/**/*.{erb,haml,html,slim}`
-- `app/helpers/solidus_admin/**/*.rb`
-- `app/assets/javascripts/solidus_admin/**/*.js`
-- `public/solidus_admin/*.html`
-
-If that flexibility is not enough, you can add your own paths by appending the
-`SolidusAdmin::Config.tailwind_content` setting:
-
-```ruby
-# config/initializers/solidus_admin.rb
-SolidusAdmin::Config.tailwind_content << Rails.root.join("app/my/custom/path/**/*.rb")
-```
-
-> ⚠ Remember to re-run the `build` or `watch` tasks after changing this setting.
-
-### Adding custom CSS
-
-If you need advanced Tailwind customization, you can also create your own CSS
-file and append it to the Solidus Admin's default one. Be aware that's
-[considered a last-resort option](https://tailwindcss.com/docs/reusing-styles)
-according to Tailwind's philosophy, and most of the time you should be ok by
-making use of the available Tailwind classes.
-
-In case you need to do it, you can append your CSS file by pushing it to the
-`SolidusAdmin.tailwind_stylesheets` array:
-
-```ruby
-# config/initializers/solidus_admin.rb
-SolidusAdmin.tailwind_stylesheets << Rails.root.join("app/my/custom/path/my_styles.css")
-```
-
-> ⚠ Remember to re-run the `build` or `watch` tasks after changing this setting.
-
-## Acquiring full control over Tailwind configuration
-
-For very advanced use cases, it's possible to bail out of the Solidus Admin's
-managed Tailwind configuration and get a grip on it yourself. This is not
-recommended, as it will make your app more brittle to future changes in Solidus
-Admin, so do it at your own risk!
-
-There are a couple of tasks you can run for that:
-
-- `bin/rails solidus_admin:tailwindcss:override_config` - copies the default
-  Tailwind configuration file to `config/solidus_admin/tailwind.config.js.erb`.
-- `bin/rails solidus_admin:tailwindcss:override_stylesheet` - copies the
-  default Tailwind stylesheet file to
-  `app/assets/stylesheets/solidus_admin/application.tailwind.css.erb`.
-
-Notice that, unlike in a regular Tailwind setup, the config and stylesheet
-files are ERB templates. This is because they need to be able to access the
-Solidus Admin and application paths.

data/lib/solidus_admin/tailwindcss.rb

@@ -1,58 +0,0 @@
-# frozen_string_literal: true
-
-require "tailwindcss-rails"
-require "fileutils"
-
-module SolidusAdmin
-  # @api private
-  module Tailwindcss
-    module_function
-
-    def run(args = "")
-      config_file_path = compile_to_tempfile(
-        [config_app_path, config_engine_path].find(&:exist?),
-        "tailwind.config.js"
-      )
-      stylesheet_file_path = compile_to_tempfile(
-        [stylesheet_app_path, stylesheet_engine_path].find(&:exist?),
-        "application.tailwind.css"
-      )
-
-      system "#{::Tailwindcss::Engine.root.join('exe/tailwindcss')} \
-         -i #{stylesheet_file_path} \
-         -o #{Rails.root.join('app/assets/builds/solidus_admin/tailwind.css')} \
-         -c #{config_file_path} \
-         #{args}"
-    end
-
-    def config_app_path
-      Rails.root.join("config/solidus_admin/tailwind.config.js.erb")
-    end
-
-    def config_engine_path
-      SolidusAdmin::Engine.root.join("config/solidus_admin/tailwind.config.js.erb")
-    end
-
-    def stylesheet_app_path
-      Rails.root.join("app/assets/stylesheets/solidus_admin/application.tailwind.css.erb")
-    end
-
-    def stylesheet_engine_path
-      SolidusAdmin::Engine.root.join("app/assets/stylesheets/solidus_admin/application.tailwind.css.erb")
-    end
-
-    def compile_to_tempfile(erb_path, name)
-      Rails.root.join("tmp/solidus_admin/#{name}").tap do |file|
-        content = ERB.new(File.read(erb_path)).result
-
-        file.dirname.mkpath
-        file.write(content)
-      end
-    end
-
-    def copy_file(src, dst)
-      FileUtils.mkdir_p(File.dirname(dst))
-      FileUtils.cp(src, dst)
-    end
-  end
-end

data/lib/tasks/tailwindcss.rake

@@ -1,55 +0,0 @@
-# frozen_string_literal: true
-
-namespace :solidus_admin do
-  namespace :tailwindcss do
-    require "solidus_admin/tailwindcss"
-
-    desc "Build Solidus Admin's Tailwind's css"
-    task build: :environment do
-      SolidusAdmin::Tailwindcss.run
-    end
-
-    desc <<~DESC
-      Watch and build Solidus Admin's Tailwind css on file changes
-
-      It needs to be re-run whenever:
-
-      - `SolidusAdmin::Config.tailwind_content` is updated
-      - `SolidusAdmin::Config.tailwind_stylesheets` is updated
-      - `bin/rails solidus_admin:tailwindcss:override_config` is run
-      - `bin/rails solidus_admin:tailwindcss:override_stylesheet` is run
-      - The override files are updated
-    DESC
-    task watch: :environment do
-      SolidusAdmin::Tailwindcss.run("-w")
-    end
-
-    desc <<~DESC
-      Override Solidus Admin's Tailwindcss configuration
-
-      It copies the config file from the engine to the app, so it can be customized.
-    DESC
-    task override_config: :environment do
-      SolidusAdmin::Tailwindcss.copy_file(
-        SolidusAdmin::Tailwindcss.config_engine_path,
-        SolidusAdmin::Tailwindcss.config_app_path
-      )
-    end
-
-    desc <<~DESC
-      Override Solidus Admin's Tailwind's stylesheet
-
-      It copies the stylesheet file from the engine to the app, so it can be customized.
-    DESC
-    task override_stylesheet: :environment do
-      SolidusAdmin::Tailwindcss.copy_file(
-        SolidusAdmin::Tailwindcss.stylesheet_engine_path,
-        SolidusAdmin::Tailwindcss.stylesheet_app_path
-      )
-    end
-  end
-end
-
-if Rake::Task.task_defined?("assets:precompile")
-  Rake::Task["assets:precompile"].enhance(["solidus_admin:tailwindcss:build"])
-end