create-ampless 0.2.0-alpha.9 → 1.0.0-alpha.100

package/dist/templates/_shared/components/tag-list.tsx

@@ -3,14 +3,18 @@ import Link from 'next/link'
 interface TagListProps {
   tags?: string[] | null
   className?: string
+  /** Cap the number of tags shown; the rest collapse into a "+N" indicator. */
+  max?: number
 }
 
 // Renders post tags as chip-style links to /tag/[tag]. Pure-server, no JS.
-export function TagList({ tags, className }: TagListProps) {
+export function TagList({ tags, className, max }: TagListProps) {
   if (!tags?.length) return null
+  const shown = max != null ? tags.slice(0, max) : tags
+  const overflow = tags.length - shown.length
   return (
     <ul className={`flex flex-wrap gap-2 ${className ?? ''}`}>
-      {tags.map((tag) => (
+      {shown.map((tag) => (
         <li key={tag}>
           <Link
             href={`/tag/${encodeURIComponent(tag)}`}
@@ -20,6 +24,9 @@ export function TagList({ tags, className }: TagListProps) {
           </Link>
         </li>
       ))}
+      {overflow > 0 && (
+        <li className="inline-block px-2 py-0.5 text-xs text-muted-foreground">+{overflow}</li>
+      )}
     </ul>
   )
 }

package/dist/templates/_shared/components.json

@@ -12,7 +12,7 @@
   },
   "aliases": {
     "components": "@/components",
-    "utils": "@/lib/cn",
+    "utils": "@ampless/runtime/ui",
     "ui": "@/components/ui",
     "lib": "@/lib",
     "hooks": "@/hooks"