Standard.site landing page built in Next.js
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Refactor to use absolute imports

+29 -29
+2 -2
app/components/ExpandableField.tsx
··· 2 2 3 3 import { useState } from 'react' 4 4 import { motion, AnimatePresence } from 'motion/react' 5 - import type { LexiconDef, LexiconProperty, LexiconSchema, ParsedField } from '../lib/lexicon' 6 - import { getDescriptionOverride, getPropertyOrder } from '../data/lexicon-overrides' 5 + import type { LexiconDef, LexiconProperty, LexiconSchema, ParsedField } from '@/app/lib/lexicon' 6 + import { getDescriptionOverride, getPropertyOrder } from '@/app/data/lexicon-overrides' 7 7 import { EyeIcon, EyeOffIcon, FileIcon } from 'lucide-react' 8 8 9 9 // Client-side lexicon cache (passed from server)
+3 -4
app/components/Sidebar.tsx
··· 1 1 'use client' 2 2 3 3 import { useEffect, useState } from 'react' 4 - import { AnimateIn } from './AnimateIn' 5 - import { StandardSiteLogo } from './icons' 6 - import { EXTERNAL_LINKS, NAV_ITEMS } from '../data/content' 7 - import { scrollToElement } from '../lib/scroll' 4 + import { AnimateIn, StandardSiteLogo } from '@/app/components' 5 + import { EXTERNAL_LINKS, NAV_ITEMS } from '@/app/data/content' 6 + import { scrollToElement } from '@/app/lib/scroll' 8 7 import { ArrowUpRightIcon } from 'lucide-react' 9 8 10 9 export function Sidebar() {
+2 -2
app/components/TabbedLexiconViewer.tsx
··· 2 2 3 3 import { useState } from 'react' 4 4 import { motion, AnimatePresence } from 'motion/react' 5 - import { LexiconContent } from './ExpandableField' 6 - import type { LexiconSchema, ParsedField } from '../lib/lexicon' 5 + import { LexiconContent } from '@/app/components' 6 + import type { LexiconSchema, ParsedField } from '@/app/lib/lexicon' 7 7 import { FileIcon } from 'lucide-react' 8 8 9 9 interface LexiconTabConfig {
+9 -7
app/components/index.ts
··· 1 - export { Sidebar } from "./Sidebar"; 2 - export { Footer } from "./Footer"; 3 - export { MobileNav } from "./MobileNav"; 4 - export { AnimateIn } from "./AnimateIn"; 5 - export { Accordion } from "./Accordion"; 6 - export * from "./sections"; 7 - export * from "./icons"; 1 + export { Sidebar } from "@/app/components/Sidebar"; 2 + export { Footer } from "@/app/components/Footer"; 3 + export { MobileNav } from "@/app/components/MobileNav"; 4 + export { AnimateIn } from "@/app/components/AnimateIn"; 5 + export { Accordion } from "@/app/components/Accordion"; 6 + export { TabbedLexiconViewer } from "@/app/components/TabbedLexiconViewer"; 7 + export * from "@/app/components/ExpandableField"; 8 + export * from "@/app/components/sections"; 9 + export * from "@/app/components/icons";
+2 -3
app/components/sections/HeroSection.tsx
··· 1 1 'use client' 2 2 3 - import { LeafletLogo, OffprintLogo, PcktBlogLogo } from '../icons' 4 - import { AnimateIn } from '../AnimateIn' 5 - import { scrollToElement } from '../../lib/scroll' 3 + import { AnimateIn, LeafletLogo, OffprintLogo, PcktBlogLogo } from '@/app/components' 4 + import { scrollToElement } from '@/app/lib/scroll' 6 5 import { ArrowRightIcon } from 'lucide-react' 7 6 8 7 export function HeroSection() {
+2 -2
app/components/sections/IntroductionSection.tsx
··· 1 1 'use client' 2 2 3 - import { PRINCIPLES } from '../../data/content' 4 - import { AnimateIn } from '../AnimateIn' 3 + import { PRINCIPLES } from '@/app/data/content' 4 + import { AnimateIn } from '@/app/components' 5 5 6 6 export function IntroductionSection() { 7 7 return (
+5 -5
app/components/sections/index.ts
··· 1 - export { HeroSection } from "./HeroSection"; 2 - export { IntroductionSection } from "./IntroductionSection"; 3 - export { DefinitionsSection } from "./DefinitionsSection"; 4 - export { VerificationSection } from "./VerificationSection"; 5 - export { QuestionsSection } from "./QuestionsSection"; 1 + export { HeroSection } from "@/app/components/sections/HeroSection"; 2 + export { IntroductionSection } from "@/app/components/sections/IntroductionSection"; 3 + export { DefinitionsSection } from "@/app/components/sections/DefinitionsSection"; 4 + export { VerificationSection } from "@/app/components/sections/VerificationSection"; 5 + export { QuestionsSection } from "@/app/components/sections/QuestionsSection";
+4 -4
app/page.tsx
··· 8 8 QuestionsSection, 9 9 Sidebar, 10 10 VerificationSection, 11 - } from './components' 11 + } from '@/app/components' 12 12 13 13 export default function Home() { 14 14 return ( ··· 27 27 28 28 <IntroductionSection /> 29 29 30 - <AnimateIn className="h-px w-full bg-border" /> 30 + <div className="h-px w-full bg-border" /> 31 31 32 32 <DefinitionsSection /> 33 33 34 - <AnimateIn className="h-px w-full bg-border" /> 34 + <div className="h-px w-full bg-border" /> 35 35 36 36 <VerificationSection /> 37 37 38 - <AnimateIn className="h-px w-full bg-border" /> 38 + <div className="h-px w-full bg-border" /> 39 39 40 40 <QuestionsSection /> 41 41 </main>