Abdullah.
465eb05aaf
twenty-website had accumulated structural problems that were cheaper to fix by rebuilding than to refactor in place: - Drift had no guardrails. Values were matched at call sites instead of single-sourced, so things silently diverged — e.g. the radius token base was wrong for days (every radius() consumer rendered double) because nothing measured it against the old site's CSS variables. - A whole tree escaped quality checks. src/lib/ (~9.8k lines) was never format-checked, because oxfmt silently ignores directories named lib/. - Inconsistent rhythm. Hero spacing varied 24–88px between pages (CEO-flagged), because section spacing wasn't a token. - Over-extraction. -config.ts sprawl pulled single-component configuration out into the wrong place. The goal: a ground-up rebuild where drift is structurally impossible, held to a Linear / Railway / Notion / Attio quality bar. The old site is treated as source of intent only — nothing is blindly ported; every piece is re-decided and A/B-verified. **Rebuild** A full rebuild on Next 16 + Turbopack + Linaria (zero-runtime CSS), ~1,100 files. Marketing pages (home, product, pricing, partners + marketplace, customers/case-studies, why-twenty, releases, legal), the interactive AppPreview product mockup, the platform/visuals WebGL system (engine + rigs, three code-split off every initial chunk), and the standalone /halftone studio (the dev tool that generates the site's halftone art — engine, exporters, and full UI ported as an isolated island). **Architecture & guarantees** - Parity by construction. src/tokens/definitions.ts is the only file with raw values; the :root CSS-variable block is generated from it at build time and accessors derive var names through the same helpers — derived alpha tokens appear in served CSS without ever being hand-written. - Mobile-first by API shape. mediaUp() is the only media helper (no max-width helper exists, on purpose). - Section rhythm is a token (RHYTHM.section) — the hero-spacing inconsistency class is fixed by construction. - Fluid type ramps interpolate font-size and line-height between designed endpoints [390px → md]; TYPE_SCALE is the single source. - three.js never enters an initial chunk — confined to platform/visuals heavy zones, reached only via dynamic(ssr:false), enforced by check-visual-bundle.
63 lines
2.6 KiB
TypeScript
63 lines
2.6 KiB
TypeScript
import { type PartnerCountryValue } from './data/partner-country-options';
|
|
import { type PartnerLanguageValue } from './data/partner-language-options';
|
|
import { type PartnerScopeValue } from './data/partner-scope-options';
|
|
import { type PartnerTeamTypeValue } from './data/partner-team-type-options';
|
|
import { type PartnerApplicationRequest } from './partner-application-request-schema';
|
|
import { splitFullName } from './split-full-name';
|
|
|
|
// The webhook (a logic function) expects first/last name, companyName, and
|
|
// domainName rather than the form's name/company/website. Empty optionals are
|
|
// omitted so the payload only carries what the applicant filled in.
|
|
export type PartnerApplicationLogicFunctionPayload = {
|
|
firstName: string;
|
|
lastName: string;
|
|
email: string;
|
|
companyName: string;
|
|
domainName?: string;
|
|
linkedin?: string;
|
|
city?: string;
|
|
country?: PartnerCountryValue;
|
|
languages?: readonly PartnerLanguageValue[];
|
|
typeOfTeam?: PartnerTeamTypeValue;
|
|
partnerScope?: readonly PartnerScopeValue[];
|
|
skills?: readonly string[];
|
|
applicationNotes?: string;
|
|
hourlyRate?: number;
|
|
projectBudgetMin?: number;
|
|
calendarLink?: string;
|
|
};
|
|
|
|
export function buildLogicFunctionPayload(
|
|
request: PartnerApplicationRequest,
|
|
): PartnerApplicationLogicFunctionPayload {
|
|
const { firstName, lastName } = splitFullName(request.name);
|
|
|
|
const payload: PartnerApplicationLogicFunctionPayload = {
|
|
firstName,
|
|
lastName,
|
|
email: request.email,
|
|
companyName: request.company,
|
|
};
|
|
|
|
if (request.website !== undefined) payload.domainName = request.website;
|
|
if (request.linkedin !== undefined) payload.linkedin = request.linkedin;
|
|
if (request.city !== undefined) payload.city = request.city;
|
|
if (request.country !== undefined) payload.country = request.country;
|
|
if (request.languages !== undefined && request.languages.length > 0)
|
|
payload.languages = request.languages;
|
|
if (request.typeOfTeam !== undefined) payload.typeOfTeam = request.typeOfTeam;
|
|
if (request.partnerScope !== undefined && request.partnerScope.length > 0)
|
|
payload.partnerScope = request.partnerScope;
|
|
if (request.skills !== undefined && request.skills.length > 0)
|
|
payload.skills = request.skills;
|
|
if (request.applicationNotes !== undefined)
|
|
payload.applicationNotes = request.applicationNotes;
|
|
if (request.hourlyRate !== undefined) payload.hourlyRate = request.hourlyRate;
|
|
if (request.projectBudgetMin !== undefined)
|
|
payload.projectBudgetMin = request.projectBudgetMin;
|
|
if (request.calendarLink !== undefined)
|
|
payload.calendarLink = request.calendarLink;
|
|
|
|
return payload;
|
|
}
|