terrazzo 0.1.0 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0ff3b38b0cdec57570baa990aef1998197eba301cfa0c297d0619ff7d4003374
-  data.tar.gz: f0556e47ac6c647db017b2ebb0167a5f9585a5d3c9353bab740131fbd717b02b
+  metadata.gz: b55338dd365f9ad475e3892c34a4a5ca706625b50bd331dd6793bbd756ec75e7
+  data.tar.gz: a5193fda7a10ca72103816e0f47a58ba7facf375003a4af22efa0385914378b2
 SHA512:
-  metadata.gz: b46cb63e1fe4754a6938fec445f76aa90eba36f55c3fde38f08713db3e325f504b3fe985816625a07e5a8b77e7fe6d820c62f262dd20d443deaa6566111c75db
-  data.tar.gz: '0974a53199cdbdb29b8e90096429ee853df3bbeb5414cb60d1ef2dceca0c6356a7533921a3ab383a19b04bc408e08658e8f5e4d58a55f7dbfb5caa06454ad39f'
+  metadata.gz: d048907fe5b71cee9100ce4cd7a1b606e666972be105a39f15c24f3119531deccc4bc7cb85144b65623faf933dbebfd1f78d61b841909872046afe754c3ea71f
+  data.tar.gz: 6eb4e86c0a06cd790094cc0829313894f2c9d7b6ce232327a5c46610d9d507c5215b87ec81c3a136c0e5ac2b6841c22de4f81b0544a46aba2846a1f8e762f009

data/app/controllers/terrazzo/application_controller.rb

@@ -14,6 +14,8 @@ module Terrazzo
 
     before_action :use_jsx_rendering_defaults
 
+    prepend Terrazzo::UsesSuperglue::TemplateLookupOverride
+
     helper_method :namespace, :dashboard, :resource_name, :resource_class, :application_title, :terrazzo_page_identifier
 
     def index

data/app/views/terrazzo/application/index.json.props

@@ -43,6 +43,10 @@ json.table do
           json.fieldType field.field_type
           json.value field.serialize_value(:index)
           json.options field.serializable_options
+
+          if field.class.associative? && field.data.present?
+            json.showPath polymorphic_path([namespace, field.data]) rescue nil
+          end
         end
       end
     end

data/app/views/terrazzo/application/show.json.props

@@ -1,15 +1,29 @@
 json.pageTitle @page.page_title
 
+show_field_json = ->(json, field) do
+  json.attribute field.attribute.to_s
+  json.label field.attribute.to_s.humanize
+  json.fieldType field.field_type
+  json.value field.serialize_value(:show)
+  json.options field.serializable_options
+
+  if field.class.associative? && field.data.present?
+    if field.is_a?(Terrazzo::Field::HasMany)
+      json.itemShowPaths(field.data.each_with_object({}) do |record, paths|
+        paths[record.id.to_s] = polymorphic_path([namespace, record]) rescue nil
+      end)
+    else
+      json.showPath polymorphic_path([namespace, field.data]) rescue nil
+    end
+  end
+end
+
 json.attributeGroups do
   json.array! @page.grouped_attributes do |group|
     json.name group[:name]
     json.attributes do
       json.array! group[:fields] do |field|
-        json.attribute field.attribute.to_s
-        json.label field.attribute.to_s.humanize
-        json.fieldType field.field_type
-        json.value field.serialize_value(:show)
-        json.options field.serializable_options
+        show_field_json.call(json, field)
       end
     end
   end
@@ -17,11 +31,7 @@ end
 
 json.attributes do
   json.array! @page.attributes do |field|
-    json.attribute field.attribute.to_s
-    json.label field.attribute.to_s.humanize
-    json.fieldType field.field_type
-    json.value field.serialize_value(:show)
-    json.options field.serializable_options
+    show_field_json.call(json, field)
   end
 end
 

data/lib/generators/terrazzo/dashboard/dashboard_generator.rb

@@ -15,12 +15,12 @@ module Terrazzo
 
       def create_dashboard
         template "dashboard.rb.erb",
-          "app/dashboards/#{file_name}_dashboard.rb"
+          "app/dashboards/#{class_path.join('/')}/#{file_name}_dashboard.rb".squeeze("/")
       end
 
       def create_controller
         template "controller.rb.erb",
-          "app/controllers/#{options[:namespace]}/#{file_name.pluralize}_controller.rb"
+          "app/controllers/#{options[:namespace]}/#{class_path.join('/')}/#{file_name.pluralize}_controller.rb".squeeze("/")
       end
 
       def update_page_to_page_mapping
@@ -75,7 +75,7 @@ module Terrazzo
         associations.each do |assoc|
           case assoc.macro
           when :belongs_to
-            types[assoc.name] = "Field::BelongsTo"
+            types[assoc.name] = assoc.options[:polymorphic] ? "Field::Polymorphic" : "Field::BelongsTo"
           when :has_many, :has_and_belongs_to_many
             types[assoc.name] = "Field::HasMany"
           when :has_one

data/lib/generators/terrazzo/install/install_generator.rb

@@ -50,6 +50,11 @@ module Terrazzo
           "app/javascript/#{namespace_name}/slices/flash.js"
       end
 
+      def create_stylesheet
+        copy_file "admin.css",
+          "app/assets/stylesheets/#{namespace_name}.css"
+      end
+
       def run_views_generator
         generate "terrazzo:views", "--namespace=#{namespace_name}"
       end
@@ -75,10 +80,16 @@ module Terrazzo
       end
 
       def application_models
-        Rails.application.eager_load! if defined?(Rails)
-        ApplicationRecord.descendants.reject(&:abstract_class?)
-      rescue
-        []
+        models_path = Rails.root.join("app", "models")
+        return [] unless models_path.exist?
+
+        Dir[models_path.join("**", "*.rb")].filter_map do |file|
+          relative = Pathname.new(file).relative_path_from(models_path).to_s
+          next if relative.start_with?("concerns/")
+          next if relative == "application_record.rb"
+
+          relative.delete_suffix(".rb").camelize.safe_constantize
+        end.select { |klass| klass < ApplicationRecord && !klass.abstract_class? }
       end
     end
   end

data/lib/generators/terrazzo/install/templates/admin.css

@@ -0,0 +1,119 @@
+@import "tailwindcss";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.269 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.371 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+*,
+::after,
+::before {
+  border-color: var(--color-border);
+}

data/lib/generators/terrazzo/install/templates/application_visit.js.erb

@@ -1,8 +1,50 @@
 import { visit, remote } from "@thoughtbot/superglue/action_creators"
 
-export function buildVisitAndRemote(ref, store, pageToPageMapping) {
-  const appVisit = visit(ref, store, pageToPageMapping)
-  const appRemote = remote(ref, store, pageToPageMapping)
+export const buildVisitAndRemote = (ref, store) => {
+  const appRemote = (path, { dataset, ...options }) => {
+    return store.dispatch(remote(path, options))
+  }
+
+  const appVisit = (path, { dataset, ...options } = {}) => {
+    return store
+      .dispatch(visit(path, options))
+      .then((meta) => {
+        if (meta.needsRefresh) {
+          window.location.href = meta.pageKey
+          return meta
+        }
+
+        const navigationAction = !!dataset?.sgReplace
+          ? "replace"
+          : meta.navigationAction
+        ref.current?.navigateTo(meta.pageKey, {
+          action: navigationAction,
+        })
+
+        return meta
+      })
+      .catch((err) => {
+        const response = err.response
+
+        if (!response) {
+          console.error(err)
+          return
+        }
+
+        if (response.ok) {
+          window.location = response.url
+        } else {
+          if (response.status >= 400 && response.status < 500) {
+            window.location.href = "/400.html"
+            return
+          }
+          if (response.status >= 500) {
+            window.location.href = "/500.html"
+            return
+          }
+        }
+      })
+  }
 
   return { visit: appVisit, remote: appRemote }
 }

data/lib/generators/terrazzo/routes/routes_generator.rb

@@ -10,28 +10,61 @@ module Terrazzo
 
       def insert_routes
         namespace_name = options[:namespace]
-        route_content = <<~RUBY.indent(2)
+        models = application_models
+
+        # Group models by their module namespace
+        namespaced = {}
+        top_level = []
+
+        models.each do |model|
+          parts = model.name.split("::")
+          if parts.size > 1
+            ns = parts[0..-2].join("::").underscore
+            resource = parts.last.underscore.pluralize
+            namespaced[ns] ||= []
+            namespaced[ns] << resource
+          else
+            top_level << model.model_name.plural
+          end
+        end
+
+        lines = []
+        top_level.sort.each { |r| lines << "    resources :#{r}" }
+
+        namespaced.sort.each do |ns, resources|
+          lines << ""
+          lines << "    namespace :#{ns} do"
+          resources.sort.each { |r| lines << "      resources :#{r}" }
+          lines << "    end"
+        end
+
+        first_resource = top_level.sort.first || namespaced.values.flatten.first || "dashboard"
+
+        route_block = <<~RUBY.indent(2)
           namespace :#{namespace_name} do
+          #{lines.join("\n")}
+
             root to: "#{first_resource}#index"
           end
         RUBY
 
-        route route_content.strip
+        route route_block.strip
       end
 
       private
 
-      def first_resource
-        # Default to "customers" if no models found
-        models = application_models
-        models.any? ? models.first.model_name.plural : "dashboard"
-      end
-
       def application_models
-        Rails.application.eager_load! if defined?(Rails)
-        ApplicationRecord.descendants.reject(&:abstract_class?)
-      rescue
-        []
+        models_path = Rails.root.join("app", "models")
+        return [] unless models_path.exist?
+
+        Dir[models_path.join("**", "*.rb")].filter_map do |file|
+          relative = Pathname.new(file).relative_path_from(models_path).to_s
+          next if relative.start_with?("concerns/")
+          next if relative == "application_record.rb"
+
+          relative.delete_suffix(".rb").camelize.safe_constantize
+        end.select { |klass| klass < ApplicationRecord && !klass.abstract_class? }
+         .sort_by { |klass| klass.name }
       end
     end
   end

data/lib/generators/terrazzo/views/templates/components/Layout.jsx

@@ -21,3 +21,5 @@ export function Layout({ navigation, title, actions, children }) {
     </SidebarProvider>);
 
 }
+
+export default Layout;

data/lib/generators/terrazzo/views/templates/components/SortableHeader.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { ArrowUp, ArrowDown, ArrowUpDown } from "lucide-react";
+import { ChevronUp, ChevronDown, ChevronsUpDown } from "lucide-react";
 
 import { TableHead } from "./ui/table";
 
@@ -17,11 +17,11 @@ export function SortableHeader({ label, sortable, sortUrl, sortDirection }) {
 
         {label}
         {sortDirection === "asc" ?
-        <ArrowUp className="h-4 w-4" /> :
+        <ChevronUp className="h-4 w-4" /> :
         sortDirection === "desc" ?
-        <ArrowDown className="h-4 w-4" /> :
+        <ChevronDown className="h-4 w-4" /> :
 
-        <ArrowUpDown className="h-4 w-4" />
+        <ChevronsUpDown className="h-4 w-4" />
         }
       </a>
     </TableHead>);

data/lib/generators/terrazzo/views/templates/fields/has_many/ShowField.jsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 
 import {
   Table,
@@ -8,17 +8,24 @@ import {
   TableHead,
   TableCell,
 } from "../../components/ui/table";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
 import { FieldRenderer } from "../FieldRenderer";
 
-export function ShowField({ value }) {
+export function ShowField({ value, itemShowPaths }) {
   if (!value) return <span className="text-muted-foreground">None</span>;
 
-  const { items, headers, total, hasMore } = value;
+  const { items, headers, total, initialLimit } = value;
+  const [expanded, setExpanded] = useState(false);
 
   if (!items || items.length === 0) {
     return <span className="text-muted-foreground">None</span>;
   }
 
+  const pathFor = (id) => itemShowPaths?.[String(id)];
+  const hasMore = initialLimit && initialLimit > 0 && total > initialLimit;
+  const visibleItems = expanded || !hasMore ? items : items.slice(0, initialLimit);
+
   // Table mode: collection_attributes specified
   if (headers) {
     return (
@@ -33,22 +40,35 @@ export function ShowField({ value }) {
               </TableRow>
             </TableHeader>
             <TableBody>
-              {items.map((item) =>
-                <TableRow key={item.id}>
-                  {item.columns.map((col) =>
-                    <TableCell key={col.attribute}>
-                      <FieldRenderer mode="index" {...col} />
-                    </TableCell>
-                  )}
-                </TableRow>
-              )}
+              {visibleItems.map((item) => {
+                const showPath = pathFor(item.id);
+                return (
+                  <TableRow key={item.id}>
+                    {item.columns.map((col, colIndex) =>
+                      <TableCell key={col.attribute}>
+                        {showPath && colIndex === 0 ? (
+                          <a href={showPath} data-sg-visit className="hover:underline">
+                            <FieldRenderer mode="index" {...col} />
+                          </a>
+                        ) : (
+                          <FieldRenderer mode="index" {...col} />
+                        )}
+                      </TableCell>
+                    )}
+                  </TableRow>
+                );
+              })}
             </TableBody>
           </Table>
         </div>
         {hasMore && (
-          <p className="text-sm text-muted-foreground mt-2">
-            Showing {items.length} of {total}
-          </p>
+          <Button
+            variant="link"
+            size="sm"
+            className="mt-2 px-0"
+            onClick={() => setExpanded(!expanded)}>
+            {expanded ? "Show less" : `Show ${total - initialLimit} more`}
+          </Button>
         )}
       </div>
     );
@@ -57,16 +77,27 @@ export function ShowField({ value }) {
   // Simple list mode
   return (
     <div>
-      <ul className="list-disc pl-5 space-y-1">
-        {items.map((item) =>
-          <li key={item.id}>{item.display}</li>
+      <div className="flex flex-wrap items-center gap-1.5">
+        {visibleItems.map((item) => {
+          const showPath = pathFor(item.id);
+          return showPath ? (
+            <a key={item.id} href={showPath} data-sg-visit>
+              <Badge variant="secondary" className="cursor-pointer">{item.display}</Badge>
+            </a>
+          ) : (
+            <Badge key={item.id} variant="secondary">{item.display}</Badge>
+          );
+        })}
+        {hasMore && (
+          <Button
+            variant="link"
+            size="sm"
+            className="px-0"
+            onClick={() => setExpanded(!expanded)}>
+            {expanded ? "Show less" : `Show ${total - initialLimit} more`}
+          </Button>
         )}
-      </ul>
-      {hasMore && (
-        <p className="text-sm text-muted-foreground mt-2">
-          Showing {items.length} of {total}
-        </p>
-      )}
+      </div>
     </div>
   );
 }

data/lib/generators/terrazzo/views/templates/pages/index.jsx

@@ -1,5 +1,5 @@
-import React from "react";
-import { useContent } from "@thoughtbot/superglue";
+import React, { useContext } from "react";
+import { useContent, NavigationContext } from "@thoughtbot/superglue";
 
 import { Layout } from "../components/Layout";
 import { SearchBar } from "../components/SearchBar";
@@ -17,6 +17,7 @@ import {
 } from "../components/ui/table";
 
 export default function AdminIndex() {
+  const { visit } = useContext(NavigationContext);
   const {
     table,
     searchBar,
@@ -27,6 +28,13 @@ export default function AdminIndex() {
     singularResourceName
   } = useContent();
 
+  const handleRowClick = (e, showPath) => {
+    if (!showPath) return;
+    if (e.target.closest("a, button, form")) return;
+    if (window.getSelection().toString()) return;
+    visit(showPath, {});
+  };
+
   return (
     <Layout
       navigation={navigation}
@@ -53,10 +61,19 @@ export default function AdminIndex() {
           </TableHeader>
           <TableBody>
             {table.rows.map((row) =>
-            <TableRow key={row.id}>
+            <TableRow
+              key={row.id}
+              className={row.showPath ? "cursor-pointer" : ""}
+              onClick={(e) => handleRowClick(e, row.showPath)}>
                 {row.cells.map((cell) =>
               <TableCell key={cell.attribute}>
-                    <FieldRenderer mode="index" {...cell} />
+                    {cell.showPath ? (
+                      <a href={cell.showPath} data-sg-visit className="hover:underline">
+                        <FieldRenderer mode="index" {...cell} />
+                      </a>
+                    ) : (
+                      <FieldRenderer mode="index" {...cell} />
+                    )}
                   </TableCell>
               )}
                 <TableCell>

data/lib/generators/terrazzo/views/templates/pages/show.jsx

@@ -69,7 +69,13 @@ export default function AdminShow() {
                     {attr.label}
                   </dt>
                   <dd className="col-span-2 text-sm">
-                    <FieldRenderer mode="show" {...attr} />
+                    {attr.showPath ? (
+                      <a href={attr.showPath} data-sg-visit className="hover:underline">
+                        <FieldRenderer mode="show" {...attr} />
+                      </a>
+                    ) : (
+                      <FieldRenderer mode="show" {...attr} />
+                    )}
                   </dd>
                 </div>
               )}

data/lib/terrazzo/base_dashboard.rb

@@ -63,7 +63,9 @@ module Terrazzo
     end
 
     def collection_includes
+      collection_attr_set = Set.new(collection_attributes)
       attribute_types.each_with_object([]) do |(attr, type), includes|
+        next unless collection_attr_set.include?(attr)
         next unless type.eager_load?
         next unless self.class.model.reflect_on_association(attr)
         includes << attr

data/lib/terrazzo/engine.rb

@@ -17,5 +17,11 @@ module Terrazzo
       app.config.superglue = ActiveSupport::OrderedOptions.new unless app.config.respond_to?(:superglue)
       app.config.superglue.auto_include = false
     end
+
+    initializer "terrazzo.uses_superglue" do
+      ActiveSupport.on_load(:action_controller_base) do
+        extend Terrazzo::UsesSuperglue
+      end
+    end
   end
 end

data/lib/terrazzo/field/base.rb

@@ -107,7 +107,7 @@ module Terrazzo
       private
 
       def resolve_data
-        resource.public_send(attribute)
+        resource.try(attribute)
       end
     end
   end

data/lib/terrazzo/field/deferred.rb

@@ -19,11 +19,11 @@ module Terrazzo
       end
 
       def searchable?
-        deferred_class.searchable?
+        options.key?(:searchable) ? options[:searchable] : deferred_class.searchable?
       end
 
       def sortable?
-        deferred_class.sortable?
+        options.key?(:sortable) ? options[:sortable] : deferred_class.sortable?
       end
 
       def eager_load?

data/lib/terrazzo/field/email.rb

@@ -4,12 +4,6 @@ module Terrazzo
       def serialize_value(_mode)
         data
       end
-
-      class << self
-        def searchable?
-          true
-        end
-      end
     end
   end
 end

data/lib/terrazzo/field/has_many.rb

@@ -42,22 +42,17 @@ module Terrazzo
 
       def serialize_show_value
         limit = options.fetch(:limit, 5)
-        total = data.size
+        all_records = data.to_a
+        total = all_records.size
         col_attrs = options[:collection_attributes]
 
-        records = if limit && limit > 0
-          data.respond_to?(:limit) ? data.limit(limit) : data.first(limit)
-        else
-          data
-        end
-
         if col_attrs
-          serialize_with_collection_attributes(records, col_attrs, total, limit)
+          serialize_with_collection_attributes(all_records, col_attrs, total, limit)
         else
           {
-            items: records.map { |r| { id: r.id, display: display_name(r) } },
+            items: all_records.map { |r| { id: r.id, display: display_name(r) } },
             total: total,
-            hasMore: limit && limit > 0 ? total > limit : false
+            initialLimit: limit
           }
         end
       end
@@ -85,7 +80,7 @@ module Terrazzo
           headers: headers,
           items: items,
           total: total,
-          hasMore: limit && limit > 0 ? total > limit : false
+          initialLimit: limit
         }
       end
 

data/lib/terrazzo/field/string.rb

@@ -14,10 +14,6 @@ module Terrazzo
       end
 
       class << self
-        def searchable?
-          true
-        end
-
         def default_options
           { truncate: 50 }
         end

data/lib/terrazzo/field/text.rb

@@ -14,10 +14,6 @@ module Terrazzo
       end
 
       class << self
-        def searchable?
-          true
-        end
-
         def default_options
           { truncate: 100 }
         end

data/lib/terrazzo/uses_superglue.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module Terrazzo
+  module UsesSuperglue
+    # Prepended to fix a template shadowing problem.
+    #
+    # When a controller inherits a long view prefix chain (e.g. from Devise or
+    # other engines), Superglue's _render_template calls template_exists? with
+    # all those prefixes and may find a gem-supplied HTML template, causing it
+    # to render the unstyled ERB instead of the React page. This override
+    # restricts the template existence check to the app's own view path only.
+    module TemplateLookupOverride
+      def _render_template(options = {})
+        if @_capture_options_before_render
+          @_capture_options_before_render = false
+          @_render_options = options
+          _ensure_react_page!(options[:template], options[:prefixes])
+
+          app_views = Rails.root.join("app/views").to_s
+          app_resolver = view_paths.to_a.find { |vp| vp.to_s == app_views && !vp.is_a?(Superglue::Resolver) }
+          prefixes = Array(options[:prefixes]).compact
+          html_template_exist = app_resolver&.find_all(options[:template], prefixes, false, { formats: [:html], locale: [], handlers: [], variants: [] }, nil, [])&.any?
+          if !html_template_exist
+            super(options.merge(template: _superglue_template, prefixes: []))
+          else
+            super
+          end
+        else
+          super
+        end
+      end
+    end
+
+    def uses_superglue
+      include Superglue::Controller
+      prepend_view_path(Superglue::Resolver.new(Rails.root.join("app/views")))
+      before_action :use_jsx_rendering_defaults
+      prepend TemplateLookupOverride
+    end
+  end
+end

data/lib/terrazzo/version.rb

@@ -1,3 +1,3 @@
 module Terrazzo
-  VERSION = "0.1.0"
+  VERSION = "0.2.2"
 end

data/lib/terrazzo.rb

@@ -13,6 +13,7 @@ module Terrazzo
   autoload :Filter, "terrazzo/filter"
   autoload :Namespace, "terrazzo/namespace"
   autoload :GeneratorHelpers, "terrazzo/generator_helpers"
+  autoload :UsesSuperglue, "terrazzo/uses_superglue"
 
   module Field
     autoload :Base, "terrazzo/field/base"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: terrazzo
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.2
 platform: ruby
 authors:
 - Terrazzo Contributors
@@ -132,6 +132,7 @@ files:
 - lib/generators/terrazzo/field/templates/ShowField.jsx.erb
 - lib/generators/terrazzo/field/templates/field.rb.erb
 - lib/generators/terrazzo/install/install_generator.rb
+- lib/generators/terrazzo/install/templates/admin.css
 - lib/generators/terrazzo/install/templates/application.js.erb
 - lib/generators/terrazzo/install/templates/application.json.props
 - lib/generators/terrazzo/install/templates/application.json.props.erb
@@ -271,6 +272,7 @@ files:
 - lib/terrazzo/page/show.rb
 - lib/terrazzo/resource_resolver.rb
 - lib/terrazzo/search.rb
+- lib/terrazzo/uses_superglue.rb
 - lib/terrazzo/version.rb
 - terrazzo.gemspec
 homepage: https://github.com/wengzilla/terrazzo