spina 2.17.0 → 2.19.0

data/app/views/spina/admin/parts/resource_links/_form.html.erb

@@ -0,0 +1,32 @@
+<div class="mt-6">
+  <label class="block text-sm leading-5 font-medium text-gray-700"><%= f.object.title %></label>
+  <div class="text-gray-400 text-sm"><%= f.object.hint %></div>
+  <div data-controller="select reveal" data-placeholder="<%=t "spina.resources.select_resource" %>" class="relative mt-1" data-reveal-away-value>
+    <%= f.hidden_field :resource_id, data: {select_target: "input"} %>
+    <button type="button" class="btn btn-default px-3 inline-flex items-center text-sm font-medium" data-action="reveal#toggle select#autofocus">
+      <%= heroicon("link", style: :mini, class: "w-4 h-4 mr-1 text-gray-600") %>
+      <div data-select-target="label">
+        <% if f.object.resource_id.present? %>
+          <%= turbo_frame_tag :resource_title, src: spina.admin_resource_select_option_path(f.object.resource_id) %>
+        <% end %>
+      </div>
+    </button>
+    <div class="relative mt-1">
+      <div data-reveal data-transition hidden class="absolute shadow-lg border border-gray-200 origin-top-right rounded-md z-10 top-0">
+        <div class="rounded-md bg-white shadow-xs">
+          <%= form_with url: spina.search_admin_resource_select_options_path, data: {turbo_frame: "resource_select_options_#{f.object.object_id}", controller: "form", debounce_time: 100} do |ff| %>
+            <%= ff.hidden_field :object_id, value: f.object.object_id %>
+            <%= ff.hidden_field :resource, value: f.object.options&.dig(:resource) %>
+            <div class="p-2">
+              <%= ff.search_field :search, placeholder: t("spina.search"), class: "form-input sticky top-0 text-sm w-80", data: {action: "input->form#submit focus->form#submit", select_target: "search"} %>
+            </div>
+          <% end %>
+          <div class="overflow-scroll max-h-80">
+            <%= turbo_frame_tag "resource_select_options_#{f.object.object_id}" do %>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/spina/admin/resource_select_options/index.html.erb

@@ -0,0 +1,13 @@
+<%= turbo_frame_tag "resource_select_options_#{params[:object_id]}" do %>
+  <% if params[:search].blank? %>
+    <button type="button" data-action="select#clear reveal#hide" class="block hover:bg-gray-100 w-full text-left px-5 py-2 font-medium leading-5 text-gray-700 hover:text-gray-900 text-sm border-t border-gray-150">
+      –
+    </button>
+  <% end %>
+
+  <% @resources.each do |resource| %>
+    <button type="button" data-action="select#select reveal#hide" data-title="<%= resource.label %>" data-id="<%= resource.id %>" class="block hover:bg-gray-100 w-full text-left px-5 py-2 font-medium leading-5 text-gray-700 hover:text-gray-900 text-sm border-t border-gray-150">
+      <%= resource.label %>
+    </button>
+  <% end %>
+<% end %>

data/app/views/spina/admin/resource_select_options/show.html.erb

@@ -0,0 +1,3 @@
+<%= turbo_frame_tag :resource_title do %>
+  <%= @resource.label %>
+<% end %>

data/app/views/spina/admin/shared/_navigation.html.erb

@@ -16,7 +16,9 @@
         
           <%= render Spina::MainNavigation::LinkComponent.new t('spina.website.pages'), spina.admin_pages_path, active: controller_name.in?(%w(pages resources)) %>
           
-          <%= render Spina::MainNavigation::LinkComponent.new t('spina.navigations.navigations'), spina.admin_navigations_path, active: controller_name == "navigations" %>
+          <% if Spina::Current.theme.navigations.present? %>
+            <%= render Spina::MainNavigation::LinkComponent.new t('spina.navigations.navigations'), spina.admin_navigations_path, active: controller_name == "navigations" %>
+          <% end %>
           
           <% if Spina::Current.theme.layout_parts.present? %>
             <%= render Spina::MainNavigation::LinkComponent.new t('spina.layout.layout'), spina.edit_admin_layout_path, active: controller_name == "layout" %>

data/config/locales/da.yml

@@ -0,0 +1,418 @@
+da:
+  activemodel:
+    attributes:
+      spina/embeds/youtube:
+        url: youtube.com/watch?v=...
+      spina/embeds/vimeo:
+        url: vimeo.com/...
+  activerecord:
+    errors:
+      models:
+        spina/page:
+          attributes:
+            title:
+              blank: Titel skal udfyldes
+    attributes:
+      spina/account:
+        address: Adresse
+        city: By
+        email: Email
+        facebook: Facebook
+        google_analytics: Google Analytics
+        google_plus: Google+
+        google_site_verification: Google Site Verification
+        instagram: Instagram
+        kvk_identifier: Chamber of commerce
+        kvk_identifier_description: Chamber of commerce
+        linkedin: LinkedIn
+        logo: Logo
+        name: Hjemmesidens navn
+        phone: Telefon
+        postal_code: Postnummer
+        robots_allowed: Synlig for søgemaskiner
+        theme: Designtema
+        twitter: Twitter
+        vat_identifier: VAT
+        vat_identifier_description: VAT
+        youtube: YouTube
+      spina/attachment:
+        created_at: Oprettet
+        name: Filenavn
+        size: Størrelse
+      spina/media_folder:
+        name: Navn
+      spina/navigation:
+        auto_add_pages: Tilføj automatisk sider
+        auto_add_pages_description: Nye sider tilføjes automatisk til denne menu
+        label: Label
+        pages: Sider
+        pages_description: Vælg sider til denne menu
+      spina/page:
+        ancestry: Overliggende side
+        created_at: Oprettet
+        description: Meta beskrivelse
+        description_description: Beskrivelse til søgeresultater
+        description_placeholder: Kort beskrivelse af siden
+        draft: Kladde
+        draft_description: Til når din side ikke er helt færdig
+        link_url: Redirect
+        link_url_description: Viderestil til URL
+        link_url_placeholder: fx. http://www.example.com/
+        menu_title: Menutitel
+        menu_title_placeholder: Efterlad blank for at bruge sidens titel
+        no_parent: Ikke under en anden side
+        resource: Resource
+        seo_title: SEO <title>
+        seo_title_description: Sørg for at siden ser godt ud i søgeresultater
+        seo_title_placeholder: Bruges i <title>-tag
+        show_in_menu: Vis i menu
+        show_in_menu_description: Slå fra for ikke at have siden i menu
+        skip_to_first_child: Viderestil
+        skip_to_first_child_description: Viderestil til første underliggende side
+        title: Titel
+        title_placeholder: Sidens titel
+        url_title: Bestem selv adressen
+        url_title_description: Valgfrit
+        url_title_placeholder: Slug
+        view_template: Designskabelon
+      spina/resource:
+        label: Label
+        order_by: Sorter efter
+        parent_page: Overliggende side
+        view_template: Standard designskabelon
+      spina/user:
+        admin: Administrator
+        admin_description: Administratorer kan oprette brugere
+        email: Email
+        email_description: Din email skal være unik
+        last_logged_in: Sidst logget ind
+        name: Navn
+        name_placeholder: Navn
+        password: Kodeord
+        password_confirmation: Bekræft kodeord
+        password_description: Efterlad blank for ikke at skifte kode
+        role: Rolle
+        user: Bruger
+    models:
+      spina/attachment:
+        one: Dokument
+        other: Dokumenter
+      spina/page:
+        one: Side
+        other: Sider
+      spina/photo:
+        one: Billede
+        other: Billeder
+      spina/user:
+        one: Bruger
+        other: Brugere
+  helpers:
+    label:
+      spina/embeds/button:
+        url: URL
+        label: Knaptekst
+      spina/embeds/youtube:
+        url: Youtube URL
+      spina/embeds/vimeo:
+        url: Vimeo URL
+  spina:
+    accounts:
+      contact_details: Kontaktinformation
+      contact_details_description: Email og telefon
+      couldnt_be_saved: Kunne ikke gemme konto
+      name_description: Sidenavn
+      save: Gem
+      saved: Gemt
+    ago: siden
+    attachments:
+      choose_attachment: Vælg fil
+      delete_confirmation_html: Sikker? Denne fil <span class='font-semibold'>kan</span> være i brug på en siden.
+      download: Download
+      insert: Indsæt fil
+      insert_multiple: Indsæt fil
+      upload: Upload filer
+      upload_one: Upload fil
+    cancel: Afbryd
+    choose_from_library: Vælg fra bibliotek
+    close: Luk
+    delete: Slet
+    delete_confirmation: Sikker på du vil slette <strong>%{subject}</strong>?
+    edit: Rediger
+    edit_website: Rediger din side
+    embeds:
+      embed_a_component: Embed a component
+      embed_component: Embed component
+    forgot_password:
+      expired: Linket til at nulstille din kode er udløbet!
+      mail_subject: Nulstil din adgangskode
+      new: Glemt din adgangskode
+      request: Anmod om ny adgangskode
+      save: Gem adgangskode
+      success: Din adgangskode er gemt og klar til brug
+      unknown_user: Ingen bruger fundet
+    images:
+      all_images: Alle billeder
+      back: Tilbage
+      cannot_be_created: Kunne ikke oprette billede
+      choose_image: Vælg billede
+      choose_images: Vælg billeder
+      confirm_selection: Bekræft valg
+      delete: Slet
+      delete_confirmation_html: Sikker på du vil slette dette <strong>billede</strong>?
+      delete_folder: Slet mappe
+      done_organizing: Afslut organisering
+      insert_image: Indsæt billede
+      insert_photo: Indsæt billede
+      insert_photos: Indsæt billeder
+      link: Link
+      missing_image: Mangler billede
+      new_folder: Ny mappe
+      organize: Organiser
+      remove_image: Fjern billede
+      upload: Upload billeder
+      upload_image: Upload billede
+    languages:
+      bg: Bulgarsk
+      da: Dansk
+      de: Tysk
+      en: Engelsk
+      es: Spansk
+      fr: Fransk
+      id: Indonesisk
+      it: Italiensk
+      nl: Dutch
+      pl: Polsk
+      pt-BR: Braziliansk portugisisk
+      ro: Rumænsk
+      ru: Russisk
+      sv: Svensk
+      th: Thai
+      tr: Tyrkisk
+      zh-CN: Kinesisk (forenklet)
+    layout:
+      couldnt_be_saved: Layout couldn't be saved
+      layout: Layout
+      no_layout_parts: No layout parts available
+      save: Save layout
+      saved: Layout saved
+    login: Log ind
+    logout: Log ud
+    main_menu: Hovedmenu
+    media_library:
+      add_folder: Tilføj mappe
+      add_image: Filføj billede
+      attachments: Filer
+      back_to_all: Tilbage
+      filename: Filnavn
+      images: Billeder
+      images_count:
+        one: 1 billede
+        other: "%{count} billeder"
+      insert: Indsæt billede
+      media_folder_delete_confirmation_html: Sikker? Billeder bliver <strong>ikke</strong> slettet.
+      no_folder: Ingen mappe
+      photos: Billeder
+      rename_folder: Omdøb mappe
+      save_media_folder: Gem mappe
+      upload_from_device: Upload fra enhed
+      uploading: Uploader...
+    modal:
+      agree: Ja, jeg er sikker
+      cancel: Nej, fortryd
+    navigations:
+      add_menu_item: Tilføj menupunkt
+      add_sub_item: Tilføj undermenu
+      choose_page: Vælg side
+      delete_item: Slet
+      delete_item_confirmation_html: Sikker på at du vil <span class='font-semibold'>delete</span> dette menupunkt?
+      description: Tilføj og sorter som du ønsker. Du kan også lave undermenuer.
+      edit_item: Rediger
+      navigations: Menuer
+      no_navigations: Denne side har ingen menuer endnu. Du kan oprette menuer i din designskabelon.
+      sorting_saved: Sortering gemt
+      url_placeholder: "https://"
+      url_title_placeholder: "Label"
+    navigation_items:
+      page: Side
+      url: URL
+    notifications:
+      alert: Hov! Noget gik helt galt!
+      information: Information
+      login: Du skal logge ind først
+      wrong_username_or_password: Forkert email eller kodeord
+    options:
+      choose_option: Vælg
+    page_links:
+      text_placeholder: Valgfri tekst til link
+    pages:
+      add_page_to: "Tilføj side til:"
+      add_translation: Tilføj %{language} oversættelse
+      advanced: Avanceret
+      cannot_be_deleted: Siden kan ikke slettes
+      change_order: Ændre rækkefølge
+      change_view_template: Ændre designskabelon
+      change_view_template_confirmation: Sikker på du vil ændre sideskabelon? Indhold der ikke passer i ny skabelon vil forsvinde.
+      concept: kladde
+      create: Ny side
+      create_page: ny %{template}
+      delete: Slet side
+      delete_confirmation: Sikker på du vil slette siden <strong>%{subject}</strong>?
+      deleted: Side slettet
+      done_changing_order: Færdig med at ændre rækkefølge
+      edit_translation: Rediger %{language} oversættelse
+      invisible_to_search_engines: Din side er usynlig for søgemaskiner
+      invisible_to_search_engines_description: Gå til indstillinger for at aktivere adgang for søgemaskiner.
+      main_collection: Primær samling
+      materialize_path_confirmation: Sikker på du vil opdatere sti til denne side?
+      missing_translations: Manglende oversættelse
+      move_page: Flyt side
+      moved: Side flyttet
+      new: Ny side
+      no_pages_yet: Ingen sider endnu
+      no_parent_page: Ingen overliggende side
+      page_content: Indhold
+      page_part: Afsnit
+      page_seo: Søgemaskiner
+      path: "Sti:"
+      photo_picker: Vælg billede
+      photos_picker: Vælg billeder
+      preview: Se side
+      publish: Publicer
+      published: Side publiceret
+      rebuild_materialized_path: Opdater sti
+      recommended: anbefalet
+      save: Gem side
+      save_changes: Gem ændringer
+      save_draft: Gem kladde
+      saved: Side gemt
+      saving: Gemmer...
+      select_page: Vælg side
+      couldnt_be_saved: Siden kunne ikke gemmes
+      search_engines: Søgemaskiner
+      show_in_menu: usynlig i menu
+      skip_to_first_child: viderestil til første underliggende side
+      sorting_saved: Sortering gemt
+    page_translations:
+      delete: Slet oversættelse (%{translation})
+      delete_confirmation: Sikker på du vil slette denne oversættelse <strong>(%{subject})</strong>?
+      deleted: Oversættelse slettet
+    permanently_delete: Slet permanent
+    photos:
+      cannot_be_created: "Behandling af billede fejlede:"
+      choose_images: Vælg billeder
+      delete: Slet
+      delete_confirmation: Sikker på du vil slette dette <strong>billede</strong>?
+      delete_folder: Slet mappe
+      done_organizing: Færdig med organisering
+      insert_photo: Indsæt billede
+      insert_photos: Indsæt billeder
+      link: "URL til billedet:"
+      new_folder: Ny mappe
+      organize: Organiser billeder
+      rename_folder: Omdøb mappe
+      select_images: Vælg billeder
+      upload_image: Upload billede
+    preferences:
+      Analytics: Analytics
+      account: Generelt
+      account_description: Personlige indstillinger
+      account_save: Gem
+      analytics: Analytics and søgemaskiner
+      analytics_description: Link din Google Analytics konto
+      analytics_save: Gem indstillinger
+      domain_name_settings: Domænenavn
+      domain_name_settings_description: Indstillinger for domænenavn
+      social_media: Sociale medier
+      social_media_description: Facebook og Twitter konti
+      social_media_save: Gem sociale medier
+      style: Design
+      style_description: Vælg en designskabelon
+      style_save: Gem design
+      title: Indstillinger
+      users: Brugere
+      users_description: Administrer brugere
+    preview_website: Forhåndsvisning
+    resources:
+      edit: Rediger samling
+      label_description: Label til denne samling.
+      manual_sorting: Manuel sortering
+      no_default_template: Ingen standard designskabelon
+      saved: Gemt
+      select_resource: Vælg samling
+      settings: "%{label} indstillinger"
+      settings_description: Alle sider i denne samling får dette sat foran deres URL.
+    save: Gem
+    search: Søg...
+    settings:
+      general: Generelt
+      save: Gem
+      title: Indstillinger
+      users: Brugere
+    theme:
+      save: Gem
+      saved: Gemt
+      theme: Design
+      theme_description: Vælg en designskabelon
+    ui:
+      cancel: Fortryd
+      delete: Slet
+      delete_item: Slet %{item}
+      load_more: Hent flere
+      move_to: Flyt til
+      new_entry: Ny
+      optional: Valgftit
+      or: eller
+      rename: Omdøb
+      replace: Erstat
+      save_changes: Gem ændringer
+      saving: Gemmer...
+    user_mailer:
+      forgot_password:
+        button: Nulstil adgangskode
+        introduction: Du har anmodet om at nulstille din adgangskode til din Spina CMS-konto. Denne adgangskode nulstilling er kun gyldig i de næste 2 timer. Kopier og indsæt URL'en nedenfor i din webbrowser.
+        introduction_html: "Du har anmodet om at nulstille din adgangskode til din Spina CMS-konto. Brug knappen nedenfor til at nulstille koden. <strong>Denne adgangskode nulstilling er kun gyldig i de næste 2 timer.</strong>"
+        preheader: Brug linket til at nulstille din adgangskode. Linket er gyldigt i 2 timer.
+        request_origin: For security, this request was received from a %{platform} device using %{browser}. If you did not request a password reset, please ignore this email.
+        salutation: Hej, %{name}
+        subject: Nulstil din adgangskode
+        trouble: Hvis du har problemer med at klikke på knappen "Nulstil din adgangskode", kopier og indsæt URL'en nedenfor i din webbrowser.
+    users:
+      authorization: Authorization
+      authorization_description: Administratorer kan redigere brugere. Det kan almindelige brugere ikke.
+      cannot_be_created: Kunne ikke gemme bruger
+      delete: Slet bruger
+      delete_confirmation_html: Er du sikker på du vil slette brugeren <strong>%{user}</strong>?
+      deleted: Bruger slettet
+      last_login: "Sidste login:"
+      never_logged_in: Aldrig logget ind
+      new: Ny bruger
+      profile: Profil
+      profile_description: Information om bruger. Email bruges til login.
+      save: Gem
+      saved: Gemt
+    visit_page: Besøg side
+    website:
+      all_pages: Alle sider
+      content: Indhold
+      documents: Dokumenter
+      images: Billeder
+      main: Sider
+      media_library: Bibliotek
+      media_library_description: Her er alle dine filer og billeder
+      pages: Sider
+      pages_description: Alle sider på din hjemmeside
+      photos: Billeder
+      settings: Indstillinger
+      theme: Design
+      title: Din side
+    wysiwyg:
+      heading_1: Overskrift 1
+      heading_2: Overskrift 2
+      heading_3: Overskrift 3
+      insert_link: Indsæt link
+      link: Link
+      paragraph: Paragraf
+      quote: Citat
+      unlink: Fjern link
+      url: URL
+      url_placeholder: Indtast URL

data/config/locales/en.yml

@@ -241,8 +241,10 @@ en:
       wrong_username_or_password: Wrong email or password
     options:
       choose_option: Choose option
+    page_links:
+      text_placeholder: "Optional text for the link"
     pages:
-      add_page_to: 'Add page to:'
+      add_page_to: "Add page to:"
       add_translation: Add %{language} translation
       advanced: Advanced
       cannot_be_deleted: Page can't be deleted
@@ -270,7 +272,7 @@ en:
       page_content: Content
       page_part: Page section
       page_seo: Search engines
-      path: 'Path:'
+      path: "Path:"
       photo_picker: Choose image
       photos_picker: Choose images
       preview: Preview
@@ -295,7 +297,7 @@ en:
       deleted: Translation deleted
     permanently_delete: Permanently delete
     photos:
-      cannot_be_created: 'Image could not be processed:'
+      cannot_be_created: "Image could not be processed:"
       choose_images: Choose images
       delete: Delete
       delete_confirmation: Are you sure you want to delete this <strong>image</strong>?
@@ -303,7 +305,7 @@ en:
       done_organizing: Done organizing
       insert_photo: Insert image
       insert_photos: Choose images
-      link: 'URL of your image:'
+      link: "URL of your image:"
       new_folder: New folder
       organize: Organize images
       rename_folder: Rename folder
@@ -335,6 +337,7 @@ en:
       manual_sorting: Manual sorting
       no_default_template: No default template
       saved: Page collection saved
+      select_resource: Select resource
       settings: "%{label} settings"
       settings_description: All pages inside this collection will be prepended with this slug.
     save: Save
@@ -379,7 +382,7 @@ en:
       delete: Delete user
       delete_confirmation_html: Are you sure you want to delete the user <strong>%{user}</strong>?
       deleted: User deleted
-      last_login: 'Last login:'
+      last_login: "Last login:"
       never_logged_in: Never logged in
       new: New user
       profile: Profile

data/config/locales/nl.yml

@@ -281,7 +281,7 @@ nl:
       select_page: Kies pagina
       search_engines: Zoekmachines
       show_in_menu: onzichtbaar
-      skip_to_first_child: doorsturen naar 1<sup>e</sup> subpagina
+      skip_to_first_child: doorsturen naar eerste subpagina
       sorting_saved: Volgorde opgeslagen
     page_translations:
       delete: Verwijder vertaling (%{translation})

data/config/routes.rb

@@ -48,7 +48,7 @@ Spina::Engine.routes.draw do
         get :children
         post :sort_one
       end
-      
+
       collection do
         post :sort
       end
@@ -58,6 +58,9 @@ Spina::Engine.routes.draw do
     resources :page_select_options, only: [:show, :index] do
       post :search, on: :collection
     end
+    resources :resource_select_options, only: [:show, :index] do
+      post :search, on: :collection
+    end
     resources :page_translations, only: [:destroy]
     resources :parent_pages
     resource :layout, controller: :layout, only: [:edit, :update]

data/lib/generators/spina/templates/config/initializers/spina.rb

@@ -4,6 +4,11 @@ Spina.configure do |config|
   # All locales your content should be available in.
   # Defaults to I18n.default_locale
   # config.locales = [:en, :nl]
+  
+  # Backend title
+  # ===============
+  # Set <title> for the admin panel. Defaults to "Spina CMS"
+  # config.backend_title = "Spina CMS"
 
   # Backend path
   # ===============

data/lib/spina/engine.rb

@@ -38,7 +38,8 @@ module Spina
         Spina::Parts::Repeater,
         Spina::Parts::Option,
         Spina::Parts::Attachment,
-        Spina::Parts::PageLink
+        Spina::Parts::PageLink,
+        Spina::Parts::ResourceLink
       )
     end
   end

data/lib/spina/theme.rb

@@ -2,6 +2,8 @@ module Spina
   class Theme
     attr_accessor :name, :title, :parts, :page_parts, :structures, :view_templates, :layout_parts, :custom_pages, :plugins, :public_theme, :config, :navigations, :resources, :embeds
 
+    NewPageTemplate = Struct.new(:name, :title, :description, :recommended)
+
     class << self
       def all
         ::Spina::THEMES
@@ -50,12 +52,12 @@ module Spina
         next if is_custom_undeletable_page?(view_template[:name])
         next if view_template[:exclude_from]&.include?(page_collection)
 
-        OpenStruct.new({
-          name: view_template[:name],
-          title: view_template[:title],
-          description: view_template[:description],
-          recommended: view_template[:name] == resource&.view_template
-        })
+        NewPageTemplate.new(
+          view_template[:name],
+          view_template[:title],
+          view_template[:description],
+          view_template[:name] == resource&.view_template
+        )
       end.compact.sort_by do |page_template|
         [page_template.recommended ? 0 : 1]
       end

data/lib/spina/version.rb

@@ -1,3 +1,3 @@
 module Spina
-  VERSION = "2.17.0"
+  VERSION = "2.19.0"
 end

data/lib/spina.rb

@@ -23,6 +23,7 @@ module Spina
   config_accessor :api_key,
     :api_path,
     :authentication,
+    :backend_title,
     :backend_path,
     :importmap,
     :frontend_parent_controller,
@@ -44,6 +45,7 @@ module Spina
   self.api_key = nil
   self.api_path = "api"
   self.authentication = "Spina::Authentication::Sessions"
+  self.backend_title = "Spina CMS"
   self.backend_path = "admin"
   self.disable_frontend_routes = false
   self.disable_decorator_load = false

data/lib/tasks/tailwind.rake

@@ -1,20 +1,28 @@
-require "tailwindcss-rails"
+require "tailwindcss/ruby"
 
 namespace :spina do
   namespace :tailwind do
     def spina_tailwind_compile_command
-      "#{Tailwindcss::Engine.root.join("exe/tailwindcss")} -i #{Spina::Engine.root.join("app/assets/stylesheets/spina/application.tailwind.css")} -o #{Rails.root.join("app/assets/builds", "spina/tailwind.css")} -c #{Rails.root.join("app/assets/config/spina/tailwind.config.js")}"
+      [
+        Tailwindcss::Ruby.executable,
+        "-i", Spina::Engine.root.join("app/assets/stylesheets/spina/application.tailwind.css").to_s,
+        "-o", Rails.root.join("app/assets/builds/spina/tailwind.css").to_s,
+        "-c", Rails.root.join("app/assets/config/spina/tailwind.config.js").to_s,
+      ]
     end
 
     desc "Build your Tailwind CSS"
     task build: :environment do
       Rails::Generators.invoke("spina:tailwind_config", ["--force"])
-      system spina_tailwind_compile_command
+      command = spina_tailwind_compile_command
+      system *command
     end
 
     task watch: :environment do
       Rails::Generators.invoke("spina:tailwind_config", ["--force"])
-      system "#{spina_tailwind_compile_command} -w"
+      command = spina_tailwind_compile_command
+      command << "-w"
+      system *command
     end
   end
 end