@chiselandco/nexus 2.2.6 → 2.2.7

package/README.md

@@ -1,4 +1,4 @@
-# project-portfolio
+# @chiselandco/nexus
 
 A suite of self-contained project portfolio components for Next.js App Router. Drop in a `clientSlug` and `apiBase` — each component fetches, caches, and renders everything it needs with zero client-side waterfall requests.
 
@@ -12,7 +12,7 @@ No other dependencies required.
 ## Installation
 
 ```bash
-npm install project-portfolio
+npm install @chiselandco/nexus
 ```
 
 ---
@@ -23,7 +23,7 @@ Here is the most common full setup — a projects grid page, a detail page with
 
 ```tsx
 // app/projects/page.tsx
-import { ProjectPortfolio } from "project-portfolio"
+import { ProjectPortfolio } from "@chiselandco/nexus"
 
 export default async function ProjectsPage({
   searchParams,
@@ -43,7 +43,7 @@ export default async function ProjectsPage({
 
 ```tsx
 // app/projects/[slug]/page.tsx
-import { ProjectDetail, SimilarProjects } from "project-portfolio"
+import { ProjectDetail, SimilarProjects } from "@chiselandco/nexus"
 
 export default async function ProjectPage({ params }: { params: { slug: string } }) {
   return (
@@ -74,7 +74,7 @@ export default async function ProjectPage({ params }: { params: { slug: string }
 
 ```ts
 // app/api/chisel-menu/route.ts
-import { createMenuHandler } from "project-portfolio"
+import { createMenuHandler } from "@chiselandco/nexus"
 
 export const GET = createMenuHandler({
   clientSlug: "your-client-slug",
@@ -85,7 +85,7 @@ export const GET = createMenuHandler({
 ```tsx
 // components/Nav.tsx — "use client" component in your header
 "use client"
-import { ProjectMenuClient } from "project-portfolio"
+import { ProjectMenuClient } from "@chiselandco/nexus"
 
 export function Nav() {
   return (
@@ -111,7 +111,7 @@ A full server-rendered project grid page. Fetches all projects for a client and
 
 ```tsx
 // app/projects/page.tsx
-import { ProjectPortfolio } from "project-portfolio"
+import { ProjectPortfolio } from "@chiselandco/nexus"
 
 export default async function ProjectsPage({
   searchParams,
@@ -158,7 +158,7 @@ A `"use client"` version of the project grid. Fetches all projects once on mount
 
 ```tsx
 // Works in any component — no RSC required
-import { ProjectPortfolioClient } from "project-portfolio"
+import { ProjectPortfolioClient } from "@chiselandco/nexus"
 
 export default function ProjectsPage() {
   return (
@@ -178,7 +178,7 @@ Wire up your own dropdowns, buttons, or search inputs using the `filters` prop.
 ```tsx
 "use client"
 import { useState } from "react"
-import { ProjectPortfolioClient } from "project-portfolio"
+import { ProjectPortfolioClient } from "@chiselandco/nexus"
 
 export default function ProjectsPage() {
   const [filters, setFilters] = useState<Record<string, string>>({})
@@ -220,7 +220,7 @@ A full server-rendered project detail page. Fetches a single project by slug and
 
 ```tsx
 // app/projects/[slug]/page.tsx
-import { ProjectDetail } from "project-portfolio"
+import { ProjectDetail } from "@chiselandco/nexus"
 
 export default async function ProjectPage({ params }: { params: { slug: string } }) {
   return (
@@ -283,7 +283,7 @@ A `"use client"` image carousel with previous/next arrows, a counter badge, and
 
 ```tsx
 "use client"
-import { GalleryCarousel } from "project-portfolio"
+import { GalleryCarousel } from "@chiselandco/nexus"
 
 // `media` is the array of image objects returned by the projects API
 export function ProjectGallery({ media, title }: { media: Media[]; title: string }) {
@@ -311,7 +311,7 @@ A server-rendered similar projects section. Fetches all projects for a client, f
 
 ```tsx
 // app/projects/[slug]/page.tsx
-import { ProjectDetail, SimilarProjects } from "project-portfolio"
+import { ProjectDetail, SimilarProjects } from "@chiselandco/nexus"
 
 export default async function ProjectPage({ params }: { params: { slug: string } }) {
   return (
@@ -339,7 +339,7 @@ In most real-world cases you want to match similar projects based on the current
 
 ```tsx
 // app/projects/[slug]/page.tsx
-import { ProjectDetail, SimilarProjects } from "project-portfolio"
+import { ProjectDetail, SimilarProjects } from "@chiselandco/nexus"
 
 async function getProject(slug: string, clientSlug: string, apiBase: string) {
   const res = await fetch(
@@ -378,7 +378,7 @@ This is the recommended approach for most client sites. The slugs are hardcoded
 
 ```tsx
 // app/projects/[slug]/page.tsx
-import { ProjectDetail, SimilarProjects } from "project-portfolio"
+import { ProjectDetail, SimilarProjects } from "@chiselandco/nexus"
 
 export default async function ProjectPage({ params }: { params: { slug: string } }) {
   return (
@@ -451,7 +451,7 @@ A server-rendered megamenu component. Shows featured projects as compact cards o
 
 ```tsx
 // components/MegaMenu.tsx
-import { ProjectMenu } from "project-portfolio"
+import { ProjectMenu } from "@chiselandco/nexus"
 
 // Must be a Server Component — do NOT add "use client"
 export async function ProjectsMegaMenu() {
@@ -509,7 +509,7 @@ Create one API route once. The data is server-cached for 24 hours — most users
 
 ```ts
 // app/api/chisel-menu/route.ts
-import { createMenuHandler } from "project-portfolio"
+import { createMenuHandler } from "@chiselandco/nexus"
 
 export const GET = createMenuHandler({
   clientSlug: "your-client-slug",
@@ -533,7 +533,7 @@ Then pass `dataUrl` to the component:
 ```tsx
 // components/Nav.tsx
 "use client"
-import { ProjectMenuClient } from "project-portfolio"
+import { ProjectMenuClient } from "@chiselandco/nexus"
 
 export function Nav() {
   return (
@@ -556,7 +556,7 @@ No API route needed. The component fetches directly from the upstream API on fir
 
 ```tsx
 "use client"
-import { ProjectMenuClient } from "project-portfolio"
+import { ProjectMenuClient } from "@chiselandco/nexus"
 
 export function Nav() {
   return (

package/dist/ProjectDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAoED,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,UAAe,EACf,OAAe,GAChB,EAAE,kBAAkB,oDAoQpB"}
+{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAoED,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,UAAe,EACf,OAAe,GAChB,EAAE,kBAAkB,oDAgRpB"}

package/dist/ProjectDetail.js

@@ -133,7 +133,18 @@ export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/pr
         .map((key) => schema.find((f) => f.key === key))
         .filter((f) => f !== undefined);
     const font = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
-    return (_jsxs("main", { style: { minHeight: "100vh", backgroundColor: "#fff", fontFamily: font }, children: [_jsxs("section", { className: "chisel-hero-img", style: { position: "relative", width: "100%", overflow: "hidden" }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: project.title, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })) : (_jsx("div", { style: { position: "absolute", inset: 0, backgroundColor: "#27272a" } })), _jsx("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.38) 50%, rgba(0,0,0,0.12) 100%)" } }), _jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "0 1rem 1.5rem", maxWidth: "900px" }, children: [badgeValue && (_jsx("p", { style: { color: "#f18a00", fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", margin: "0 0 10px 0" }, children: badgeValue })), _jsx("h1", { style: { color: "#fff", fontWeight: 700, fontSize: "clamp(28px, 4vw, 52px)", lineHeight: 1.1, margin: "0 0 12px 0", fontFamily: font }, children: project.title }), locationString && (_jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", color: "rgba(255,255,255,0.75)", fontSize: "15px", margin: 0 }, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [_jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }), locationString] }))] })] }), metadataStats.length > 0 && (_jsxs("section", { style: { borderBottom: "1px solid #e4e4e7", backgroundColor: "#fff" }, children: [_jsx("style", { children: `
+    return (_jsxs("main", { style: { minHeight: "100vh", backgroundColor: "#fff", fontFamily: font }, children: [_jsxs("section", { className: "chisel-hero-img", style: { position: "relative", width: "100%", overflow: "hidden" }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: project.title, style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", display: "block" } })) : (_jsx("div", { style: { position: "absolute", inset: 0, backgroundColor: "#27272a" } })), _jsx("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to right, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.55) 45%, rgba(0,0,0,0.15) 100%)" } }), _jsx("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 60%)" } }), _jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "0 clamp(1.5rem, 5vw, 5rem) clamp(2rem, 4vw, 3.5rem)", maxWidth: "760px", boxSizing: "border-box" }, children: [badgeValue && (_jsx("span", { style: {
+                                    display: "inline-block",
+                                    backgroundColor: "#f18a00",
+                                    color: "#fff",
+                                    fontSize: "11px",
+                                    fontWeight: 700,
+                                    textTransform: "uppercase",
+                                    letterSpacing: "0.1em",
+                                    padding: "5px 14px",
+                                    borderRadius: "4px",
+                                    marginBottom: "16px",
+                                }, children: badgeValue })), _jsx("h1", { style: { color: "#fff", fontWeight: 700, fontSize: "clamp(28px, 4.5vw, 56px)", lineHeight: 1.05, margin: "0 0 16px 0", fontFamily: font, letterSpacing: "-0.02em" }, children: project.title }), locationString && (_jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", color: "rgba(255,255,255,0.72)", fontSize: "15px", margin: 0 }, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [_jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }), locationString] }))] })] }), metadataStats.length > 0 && (_jsxs("section", { style: { borderBottom: "1px solid #e4e4e7", backgroundColor: "#fff" }, children: [_jsx("style", { children: `
             .chisel-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
             @media (min-width: 640px) { .chisel-stats-grid { grid-template-columns: repeat(3, 1fr); } }
             @media (min-width: 1024px) { .chisel-stats-grid { grid-template-columns: repeat(${Math.min(metadataStats.length, 6)}, 1fr); } }
@@ -141,7 +152,7 @@ export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/pr
             .chisel-stat-item:last-child { border-right: none; }
             .chisel-gallery-placeholder { display: grid; grid-template-columns: 1fr; gap: 12px; }
             @media (min-width: 640px) { .chisel-gallery-placeholder { grid-template-columns: repeat(3, 1fr); } }
-            .chisel-hero-img { height: 50vw; min-height: 220px; max-height: 560px; }
+            .chisel-hero-img { height: 56vw; min-height: 340px; max-height: 680px; }
             .chisel-overview-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
             @media (min-width: 1024px) { .chisel-overview-grid { grid-template-columns: 1fr 300px; gap: 4rem; align-items: start; } }
           ` }), _jsx("div", { style: { maxWidth: "1280px", margin: "0 auto", boxSizing: "border-box", padding: "0 0 0 0" }, className: "chisel-stats-grid", children: metadataStats.map(({ label, value }) => (_jsxs("div", { className: "chisel-stat-item", children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "#a1a1aa", margin: "0 0 8px 0" }, children: label }), _jsx("p", { style: { color: "#18181b", fontWeight: 600, fontSize: "15px", margin: 0, lineHeight: 1.4 }, children: value })] }, label))) })] })), _jsxs("article", { style: { maxWidth: "1280px", margin: "0 auto", padding: "3rem 1.5rem", boxSizing: "border-box" }, children: [(project.blurb || project.description || specFields.length > 0) && (_jsxs("section", { style: { marginBottom: "3rem" }, children: [_jsx("div", { style: { borderBottom: "1px solid #e4e4e7", marginBottom: "2rem", paddingBottom: "1rem", display: "flex", alignItems: "baseline", justifyContent: "space-between" }, children: _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "20px", margin: 0, letterSpacing: "-0.01em", fontFamily: font }, children: "Project Overview" }) }), _jsxs("div", { className: "chisel-overview-grid", children: [_jsxs("div", { children: [project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", fontWeight: 400, lineHeight: 1.85, margin: "0 0 20px 0" }, children: project.blurb })), project.description && project.description !== project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", fontWeight: 400, lineHeight: 1.85, margin: 0 }, children: project.description }))] }), specFields.length > 0 && (_jsx("aside", { style: { borderLeft: "3px solid #f18a00", paddingLeft: "2rem" }, children: _jsx("div", { style: { display: "flex", flexDirection: "column", gap: "2rem" }, children: specFields.map((field) => {

package/dist/ProjectMenu.d.ts

@@ -41,7 +41,7 @@ export interface ProjectMenuProps {
  *
  * @example
  * // app/api/chisel-menu/route.ts
- * import { createMenuHandler } from "project-portfolio"
+ * import { createMenuHandler } from "@chiselandco/nexus"
  * export const GET = createMenuHandler({ clientSlug: "my-client", apiBase: "https://nexus.chiselandco.com" })
  *
  * // Bust the cache manually (one request):

package/dist/ProjectMenu.js

@@ -16,7 +16,7 @@ const API_KEY = "pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR";
  *
  * @example
  * // app/api/chisel-menu/route.ts
- * import { createMenuHandler } from "project-portfolio"
+ * import { createMenuHandler } from "@chiselandco/nexus"
  * export const GET = createMenuHandler({ clientSlug: "my-client", apiBase: "https://nexus.chiselandco.com" })
  *
  * // Bust the cache manually (one request):

package/dist/ProjectPortfolio.d.ts

@@ -31,7 +31,7 @@ export interface ProjectPortfolioProps {
  * - Production: next.revalidate caches across requests for `revalidate` seconds
  *
  * Usage:
- *   import { ProjectPortfolio } from "chisel-project-portfolio"
+ *   import { ProjectPortfolio } from "@chiselandco/nexus"
  *
  *   <ProjectPortfolio
  *     clientSlug="my-client"

package/dist/ProjectPortfolio.js

@@ -58,7 +58,7 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filters
  * - Production: next.revalidate caches across requests for `revalidate` seconds
  *
  * Usage:
- *   import { ProjectPortfolio } from "chisel-project-portfolio"
+ *   import { ProjectPortfolio } from "@chiselandco/nexus"
  *
  *   <ProjectPortfolio
  *     clientSlug="my-client"

package/dist/SimilarProjects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimilarProjects.d.ts","sourceRoot":"","sources":["../src/SimilarProjects.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA+DD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,QAAY,EACZ,UAAe,EACf,OAAe,EACf,OAAgB,EAChB,YAAY,EACZ,KAA0B,EAC1B,QAAsB,GACvB,EAAE,oBAAoB,2DAiKtB"}
+{"version":3,"file":"SimilarProjects.d.ts","sourceRoot":"","sources":["../src/SimilarProjects.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA+DD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,QAAY,EACZ,UAAe,EACf,OAAe,EACf,OAAgB,EAChB,YAAY,EACZ,KAA0B,EAC1B,QAAsB,GACvB,EAAE,oBAAoB,2DAiKtB"}

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "@chiselandco/nexus",
-  "version": "2.2.6",
-  "publishConfig": {
-    "access": "public"
-  },
+  "version": "2.2.7",
   "description": "Self-contained project portfolio components for Next.js App Router. Includes ProjectPortfolio, ProjectPortfolioClient (with built-in filtering), ProjectDetail, SimilarProjects, ProjectMenu, ProjectMenuClient, and GalleryCarousel. Pass a clientSlug and apiBase — done.",
-  "keywords": ["nextjs", "react", "portfolio", "projects", "megamenu", "gallery", "filtering"],
+  "keywords": ["nextjs", "react", "portfolio", "projects", "megamenu", "gallery", "filtering", "chiselandco", "nexus"],
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",