9 | {number}
10 |
11 | )
12 | }
13 |
14 | export default SingleStat
15 |
--------------------------------------------------------------------------------
/src/js/hooks/seo/index.ts:
--------------------------------------------------------------------------------
1 | import { useUserProfileSeo } from './useUserProfileSeo'
2 | import { useAreaSeo } from './useAreaSeo'
3 | import { useClimbSeo } from './useClimbSeo'
4 | export interface SeoHookType {
5 | author?: string
6 | pageTitle: string
7 | pageDescription?: string
8 | pageImages: string[]
9 | }
10 |
11 | export { useUserProfileSeo, useAreaSeo, useClimbSeo }
12 |
--------------------------------------------------------------------------------
/src/app/api/invalidateHomePageCache/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server'
2 | import { revalidateTag } from 'next/cache'
3 |
4 | /**
5 | * Endpoint: /api/invalidateHomePageCache
6 | */
7 | export async function GET (request: NextRequest): Promisefoo
)
11 | })
12 |
--------------------------------------------------------------------------------
/src/app/(maps)/maps/page.tsx:
--------------------------------------------------------------------------------
1 | import { ProfileMenu } from '../components/ProfileMenu'
2 | import { FullScreenMap } from '../components/FullScreenMap'
3 |
4 | export const dynamic = 'force-dynamic'
5 |
6 | export default async function MapPage (): Promise
9 |
12 | )
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/users/EditProfileButton.tsx:
--------------------------------------------------------------------------------
1 | import Link from 'next/link'
2 |
3 | import forOwnerOnly from '@/js/auth/forOwnerOnly'
4 |
5 | function EditProfileButton (): JSX.Element {
6 | return (
7 |
8 | Edit profile
9 |
10 | )
11 | }
12 |
13 | export default forOwnerOnly(EditProfileButton)
14 |
--------------------------------------------------------------------------------
/lighthouserc.json:
--------------------------------------------------------------------------------
1 | {
2 | "ci": {
3 | "collect": {
4 | "numberOfRuns": 3,
5 | "//": "^ default is 3",
6 | "startServerCommand": "yarn start",
7 | "url": [
8 | "http://localhost:3000",
9 | "http://localhost:3000/area/db1e8ba-a40e-587c-88a4-64f5ea814b8e/usa"
10 | ]
11 | },
12 | "upload": {
13 | "target": "temporary-public-storage"
14 | }
15 | }
16 | }
--------------------------------------------------------------------------------
/src/app/(default)/gallery/types.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Shared types for gallery pages
3 | */
4 |
5 | export interface GalleryPageParams {
6 | uuid: string
7 | photoId: string
8 | }
9 |
10 | export interface GalleryPageSearchParams {
11 | type?: 'area' | 'climb'
12 | }
13 |
14 | export interface GalleryPageProps {
15 | params: Promise{children}
13 | }
14 |
15 | export default ClientOnly
16 |
--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import '@/public/fonts/fonts.css'
2 | import './global.css'
3 |
4 | /**
5 | * Root layout for the not-found page
6 | */
7 | export default function RootLayout ({
8 | children
9 | }: {
10 | children: React.ReactNode
11 | }): any {
12 | return (
13 |
14 |
15 | {children}
16 |
17 |
18 | )
19 | }
20 |
--------------------------------------------------------------------------------
/src/js/graphql/pulse.ts:
--------------------------------------------------------------------------------
1 | import { graphqlClient } from './Client'
2 | import { tagsLeaderboardQuery } from './gql/pulse'
3 | import { TagsLeaderboardType } from '../../js/types'
4 |
5 | export const getTagsLeaderboard = async (): Promise
12 |
15 | )
16 |
--------------------------------------------------------------------------------
/src/components/ui/Statistics/DensityBar.tsx:
--------------------------------------------------------------------------------
1 | const DensityBar = ({ level, max }: { level: number, max: number }): JSX.Element => {
2 | return (
3 | {left}
13 | {right != null ? {right}
: null}
14 |
4 | {
5 | [...Array(max)].map(
6 | (_, i) =>
7 | level ? 'bg-slate-200' : 'bg-slate-500'}`} />)
8 | }
9 |
10 | )
11 | }
12 |
13 | export default DensityBar
14 |
--------------------------------------------------------------------------------
/src/assets/icons/link.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/Utils.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode } from 'react'
2 |
3 | interface AtagWrapperProps {
4 | href: string | null
5 | children: ReactNode
6 | className?: string
7 | }
8 | /**
9 | * Conditionally wrap a component with an html 'a' tag.
10 | */
11 | export const ATagWrapper: React.FC{children}
)
13 | }
14 |
15 | Sheet.DEFAULT_BORDER = 'border-0'
16 | Sheet.DEFAULT_PADDING = 'm-4 lg:m-6'
17 |
--------------------------------------------------------------------------------
/src/components/ui/Card.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | interface CardProps {
4 | children: React.ReactNode
5 | footer?: JSX.Element
6 | }
7 |
8 | export default function Card ({ children, footer }: CardProps): JSX.Element {
9 | return (
10 |
13 |
18 | )
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/broadcast/SuppressButton.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { XCircle } from '@phosphor-icons/react/dist/ssr'
3 |
4 | /**
5 | * Suppress banner button
6 | */
7 | export const SuppressButton: React.FC<{ onClick: React.MouseEventHandler
14 | {children}
15 |
16 | {footer}
17 |
12 | {types.map(discipline => {
13 | return
16 | )
17 | }
18 |
--------------------------------------------------------------------------------
/src/components/ui/YDSRangeSlider.tsx:
--------------------------------------------------------------------------------
1 | import RangeSlider from './RangeSlider'
2 | import { YDS_DEFS, genSliderMarks } from '../../js/grades/ranges'
3 |
4 | export { YDS_DEFS }
5 |
6 | const YDSRangeSlider: React.FC
9 |
18 | )
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/ui/Counter.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | export interface CounterProps {
3 | icon: JSX.Element | null
4 | counter: number
5 | label: string
6 | }
7 |
8 | const Counter = ({ icon = null, counter, label }: CounterProps): JSX.Element => {
9 | return (
10 |
10 |
14 |
11 | 
12 |
13 |
15 | {name}
16 |
17 |
11 | {icon !== null &&
15 | )
16 | }
17 |
18 | export default Counter
19 |
--------------------------------------------------------------------------------
/src/components/ui/LinkToGithub.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function LinkToGithub ({ link, docType }) {
4 | return (
5 | {icon}
}
12 | {counter}
13 |{label}
14 |
6 | Do you want edit or add multiple {docType || 'documentations'}?
7 |
8 |
9 |
12 | Edit this page on GitHub!
13 | (Expert mode)
14 |
15 |
16 | )
17 | }
18 |
19 | export default LinkToGithub
20 |
--------------------------------------------------------------------------------
/src/components/basecamp/utils.tsx:
--------------------------------------------------------------------------------
1 | import { validate as uuidValidate } from 'uuid'
2 |
3 | export const MUUID_VALIDATION = {
4 | validate: (value: string) => {
5 | return conjoinedStringToArray(value).every(uuidValidate) || 'Expected comma-separated MUUID hex strings eg. 49017dad-7baf-5fde-8078-f3a4b1230bbb, 88352d11-eb85-5fde-8078-889bb1230b11...'
6 | }
7 | }
8 |
9 | /**
10 | * Convert comma-separated string to array.
11 | * Notably, '' and ',' return [].
12 | */
13 | export function conjoinedStringToArray (conjoined: string): string[] {
14 | return conjoined.split(',').map(s => s.trim()).filter(s => s !== '')
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/(default)/components/AreaAndClimb/EditAreaContainers.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode } from 'react'
2 |
3 | /**
4 | * Reusable section container
5 | */
6 | export const SectionContainer: React.FC<{ children: ReactNode, id: string } > = ({ id, children }) => (
7 |
8 |
9 | {children}
10 |
11 |
12 | )
13 |
14 | /**
15 | * Reusable page container
16 | */
17 | export const PageContainer: React.FC<{ children: ReactNode } > = ({ children }) => (
18 |
19 | {children}
20 |
21 | )
22 |
--------------------------------------------------------------------------------
/src/components/finder/Download.tsx:
--------------------------------------------------------------------------------
1 | import { saveAs } from 'file-saver'
2 | import { store } from '../../js/stores'
3 |
4 | export default function DownloadLink (): JSX.Element {
5 | return (
6 |
13 | )
14 | }
15 |
16 | const saveFile = (): void => {
17 | const blob = new Blob([JSON.stringify(store.filters.allGeoJson())], { type: 'text/plain;charset=utf-8' })
18 | saveAs(blob, 'climbing-data.geojson')
19 | }
20 |
--------------------------------------------------------------------------------
/src/app/(default)/gallery/components/GalleryModalOpener.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { useEffect } from 'react'
4 | import { useRouter } from 'next/navigation'
5 |
6 | interface GalleryModalOpenerProps {
7 | uuid: string
8 | photoId?: string
9 | type: 'area' | 'climb'
10 | }
11 |
12 | export default function GalleryModalOpener ({ uuid, photoId, type }: GalleryModalOpenerProps): null {
13 | const router = useRouter()
14 |
15 | useEffect(() => {
16 | if (photoId != null) {
17 | router.push(`/gallery/${uuid}/modal/${photoId}?type=${type}`)
18 | }
19 | }, [uuid, photoId, type, router])
20 |
21 | return null
22 | }
23 |
--------------------------------------------------------------------------------
/src/components/users/account/AccountLayout.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode } from 'react'
2 | import { NavBar } from './NavBar'
3 |
4 | interface AccountLayoutProps {
5 | form: ReactNode
6 | }
7 |
8 | export const AccountLayout: React.FC
11 |
18 | )
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/media/PhotoUploadButtons.tsx:
--------------------------------------------------------------------------------
1 | import { Camera } from '@phosphor-icons/react/dist/ssr'
2 | import { BaseUploaderWithNext13Context } from './BaseUploader'
3 |
4 | export const UploadPhotoButton: React.FC = () => (
5 |
12 |
14 |
15 | {form}
16 |
17 |
9 |
13 | )
14 | }
15 |
16 | TableView.PADDING_MD = 'px-8 py-12'
17 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "git.ignoreLimitWarning": true,
3 | "[typescriptreact]": {
4 | "editor.formatOnType": true,
5 | "editor.formatOnSave": true,
6 | "editor.defaultFormatter": "standard.vscode-standard"
7 | },
8 | "[typescript]": {
9 | "editor.formatOnSave": true,
10 | "editor.defaultFormatter": "standard.vscode-standard"
11 | },
12 | "standard.enable": true,
13 | "standard.autoFixOnSave": true,
14 | "standard.engine": "ts-standard",
15 | "standard.treatErrorsAsWarnings": true,
16 | "javascript.format.enable": false,
17 | "javascript.format.semicolons": "remove",
18 | "typescript.format.enable": true
19 | }
--------------------------------------------------------------------------------
/src/app/api/invalidateClimbPageCache/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server'
2 | import { revalidateTag } from 'next/cache'
3 | import { validate } from 'uuid'
4 |
5 | /**
6 | * Endpoint: /api/invalidateClimbPageCache
7 | */
8 | export async function GET (request: NextRequest): Promise
10 | {children}
11 |
12 | 23 | {children} 24 |
{area.areaName}
18 |
11 |
15 |
16 |
18 |
22 |
23 | )
24 | }
25 |
--------------------------------------------------------------------------------
/src/server.js:
--------------------------------------------------------------------------------
1 | const { createServer } = require('https')
2 | const { Url } = require('url')
3 | const next = require('next')
4 | const fs = require('fs')
5 | const dev = process.env.NODE_ENV !== 'production'
6 | const app = next({ dev })
7 | const handle = app.getRequestHandler()
8 | const httpsOptions = {
9 | key: fs.readFileSync('./certificates/localhost-key.pem'),
10 | cert: fs.readFileSync('./certificates/localhost.pem')
11 | }
12 | app.prepare().then(() => {
13 | createServer(httpsOptions, (req, res) => {
14 | const parsedUrl = new Url().parse(req.url, true)
15 | handle(req, res, parsedUrl)
16 | }).listen(3000, (err) => {
17 | if (err) throw err
18 | console.log('> Server started on https://localhost:3000')
19 | })
20 | })
21 |
--------------------------------------------------------------------------------
/src/components/ui/__tests__/__snapshots__/CounterPie.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`renders correctly 1`] = `
4 |
12 |
35 | `;
36 |
--------------------------------------------------------------------------------
/src/js/mapbox/__mocks__/MapboxClient.ts:
--------------------------------------------------------------------------------
1 | const data = [
2 | {
3 | center: [-115.42471800000001, 36.133857],
4 | context: [{ id: 'postcode.11472100429866660', text: '89161' }],
5 | geometry: { coordinates: [-115.42471800000001, 36.133857], type: 'Point' },
6 | id: 'poi.790274062671',
7 | place_name: 'Red Rock Canyon National Conservation Area, 1000 Scenic Dr, Las Vegas, Nevada 89161, United States',
8 | place_type: ['poi'],
9 | properties: { foursquare: '4b92f2f3f964a520a22934e3', landmark: true, wikidata: 'Q1143382' },
10 | relevance: 1,
11 | text: 'Red Rock Canyon National Conservation Area',
12 | type: 'Feature'
13 | }]
14 |
15 | export const geocoderLookup = jest.fn()
16 |
17 | geocoderLookup.mockReturnValue(data)
18 |
--------------------------------------------------------------------------------
/src/components/editor/themes/DefaultTheme.ts:
--------------------------------------------------------------------------------
1 | const theme = {
2 | ltr: 'ltr',
3 | rtl: 'rtl',
4 | placeholder: 'editor-placeholder',
5 | paragraph: 'editor-paragraph',
6 | link: 'underline',
7 | list: {
8 | nested: {
9 | listitem: 'editor-nested-listitem'
10 | },
11 | ol: 'list-decimal mb-4',
12 | ul: 'list-disc mb-4',
13 | listitem: 'list-inside'
14 | }
15 | }
16 |
17 | export const textInputTheme = {
18 | ltr: 'ltr',
19 | rtl: 'rtl',
20 | placeholder: 'editor-placeholder',
21 | paragraph: 'editor-single-paragraph'
22 | }
23 |
24 | export const csvTheme = {
25 | ltr: 'ltr',
26 | rtl: 'rtl',
27 | placeholder: 'editor-csv-placeholder',
28 | paragraph: 'editor-csv-paragraph'
29 | }
30 |
31 | export default theme
32 |
--------------------------------------------------------------------------------
/src/components/ui/RangeSlider.tsx:
--------------------------------------------------------------------------------
1 | import Slider, { SliderProps } from 'rc-slider'
2 | import 'rc-slider/assets/index.css'
3 |
4 | export interface RangeSliderProps {
5 | onChange: Function
6 | }
7 |
8 | const handleStyle = {
9 | width: '1.25rem',
10 | height: '1.25rem',
11 | marginTop: '-0.5rem',
12 | borderColor: 'rgb(30 41 59)',
13 | opacity: 1,
14 | backgroundColor: 'rgb(241 245 249)'
15 | }
16 |
17 | const RangeSlider = (props: Partial
24 |
33 |
34 |
28 | {children}
29 |
30 | )
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/(default)/edit/page.tsx:
--------------------------------------------------------------------------------
1 | import { ReactElement } from 'react'
2 | import { Metadata } from 'next'
3 |
4 | import { getChangeHistoryServerSide } from '@/js/graphql/contribAPI'
5 | import RecentChangeHistory from '@/components/edit/RecentChangeHistory'
6 |
7 | export const metadata: Metadata = {
8 | title: 'Contribute to OpenBeta',
9 | description: 'Share your climbing adventure photos and contribute to the climbing route catalog.'
10 | }
11 |
12 | export const revalidate = 1800
13 |
14 | export default async function Page (): PromiseRecent history
19 |
24 |
26 | )
27 | }
28 |
--------------------------------------------------------------------------------
/src/components/basecamp/CreateUpdateModal.tsx:
--------------------------------------------------------------------------------
1 | import { MobileDialog, DialogContent } from '../ui/MobileDialog'
2 | import { ReactElement } from 'react'
3 |
4 | interface CreateUpdateModalProps {
5 | isOpen: boolean
6 | setOpen: (arg0: boolean) => void
7 | contentContainer: ReactElement
8 | }
9 |
10 | /**
11 | * Modal for creating and updating objects (areas, organizations, etc) in our datastores.
12 | */
13 | export default function CreateUpdateModal ({
14 | isOpen,
15 | setOpen,
16 | contentContainer
17 | }: CreateUpdateModalProps): JSX.Element {
18 | return (
19 | Please wait...
25 |
20 | {branding}
21 |
22 | {home}
23 | {search}
24 | {profile}
25 | {more}
26 | logo
}
11 | search={search
}
12 | more={more
}
13 | profile={}
14 | />
15 | )
16 |
17 | expect(element.getByText('home'))
18 | .toHaveTextContent('home')
19 |
20 | expect(element.getByText('logo'))
21 | .toHaveTextContent('logo')
22 |
23 | expect(element.getByText('search'))
24 | .toHaveTextContent('search')
25 |
26 | expect(element.getByText('more'))
27 | .toHaveTextContent('more')
28 |
29 | expect(element.getByRole('navigation'))
30 | .toHaveTextContent('my profile')
31 | })
32 |
--------------------------------------------------------------------------------
/src/components/finder/filters/DesktopFilterBar.tsx:
--------------------------------------------------------------------------------
1 | import YDSFilter from './YDSFilter'
2 | import RadiusFilter from './RadiusFilter'
3 | import BoulderRangeFilter from './BoulderRangeFilter'
4 | import DisciplineFilter from './DisciplineFilter'
5 | import Bar from '../../ui/Bar'
6 |
7 | export default function DesktopFilterBar (): JSX.Element {
8 | return (
9 | props.onFocus(null)}>
22 | {props.subAreas.map(i => (
23 |
30 | )
31 | }
32 |
--------------------------------------------------------------------------------
/src/js/graphql/getAreaRSC.ts:
--------------------------------------------------------------------------------
1 | import { FetchPolicy } from '@apollo/client'
2 |
3 | import { QUERY_AREA_BY_ID } from './gql/areaById'
4 | import { getClient } from './ServerClient'
5 | import { AreaType } from '../types'
6 |
7 | export interface AreaPageDataProps {
8 | area: AreaType | null
9 | }
10 |
11 | /**
12 | * Get area page data React Server Component version.
13 | * @param uuid area uuid
14 | */
15 | export const getAreaRSC = async (uuid: string, fetchPolicy: FetchPolicy = 'no-cache'): Promise{branding}
23 |
24 |
25 | {search}
26 |
27 |
28 |
31 |
8 |
10 | Description
9 |Location
14 |Protection
21 |
19 | {image}
20 |
24 | )
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/(default)/gallery/components/PhotoDisplay.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 | import Image from 'next/image'
3 | import { MediaWithTags } from '@/js/types'
4 |
5 | interface PhotoDisplayProps {
6 | photo: MediaWithTags
7 | name: string
8 | currentIndex: number
9 | totalPhotos: number
10 | }
11 |
12 | export default function PhotoDisplay ({
13 | photo,
14 | name,
15 | currentIndex,
16 | totalPhotos
17 | }: PhotoDisplayProps): JSX.Element {
18 | return (
19 |
21 | {children}
22 |
23 |
20 | {photo.mediaUrl !== undefined && (
21 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/src/app/(default)/climb/[[...slug]]/components/SiblingClimbs.tsx:
--------------------------------------------------------------------------------
1 | import { ClimbList } from '@/app/(default)/editArea/[slug]/general/components/climb/ClimbListForm'
2 | import { AreaType } from '@/js/types'
3 |
4 | /**
5 | * Show sibling climbs
6 | */
7 | export const SiblingClimbs: React.FC<{ parentArea: AreaType, climbId: string }> = ({
8 | parentArea,
9 | climbId
10 | }) => {
11 | return (
12 | <>
13 | 14 | Routes in{' '} 15 | {parentArea.areaName.includes(', The') 16 | ? 'The '.concat(parentArea.areaName.slice(0, -5)) 17 | : parentArea.areaName} 18 |
19 |20 |