Merge pull request #4680 from jbx-protocol/go-to-prod

go to prod

Author: jlm0

SITEMAP.md

@@ -0,0 +1,205 @@
+# Juice Interface Sitemap & Route Structure
+
+## 🗺️ Route Hierarchy
+
+### 🏠 Static Routes
+
+```
+/                           # Home page
+├── /about                  # About page
+├── /projects              # Projects discovery page
+├── /activity              # Activity feed
+├── /create                # Create new project
+├── /contact               # Contact form
+├── /legal                 # Legal information
+├── /privacy               # Privacy policy
+└── /experimental/flags    # Feature flags (experimental)
+```
+
+### 📖 Success Stories
+```
+/success-stories/
+├── constitutiondao        # ConstitutionDAO case study
+├── moondao               # MoonDAO case study
+├── sharkdao              # SharkDAO case study
+└── studiodao             # StudioDAO case study
+```
+
+### 👤 Account Routes
+```
+/account/
+└── [addressOrEnsName]/    # Dynamic: User profile by address or ENS
+    ├── (index)            # View profile
+    └── edit               # Edit profile
+```
+
+### 🎯 Project Routes (by Handle)
+```
+/p/
+└── [handle]/              # Dynamic: Project by handle
+    ├── (index)            # Project dashboard
+    └── safe/              # Safe (multi-sig) interface
+```
+
+### 📊 V2/V3 Project Routes
+```
+/v2/p/
+└── [projectId]/           # Dynamic: V2/V3 project by ID
+    ├── (index)            # Project dashboard
+    ├── safe/              # Safe interface
+    ├── contracts/         # Contract information
+    └── settings/          # Settings dashboard
+        └── [settingsPage] # Dynamic settings pages
+```
+
+### 🚀 V4 Project Routes
+```
+/v4/
+└── [jbUrn]/              # Dynamic: V4 project URN format (chainId:projectId)
+    ├── (index)           # Project dashboard
+    └── settings/         # Settings dashboard
+        ├── (index)       # Settings overview
+        └── [settingsPage] # Dynamic settings pages
+```
+
+### 🆕 V5 Project Routes
+```
+/v5/
+└── [jbUrn]/              # Dynamic: V5 project URN format (chainId:projectId)
+    ├── (index)           # Project dashboard
+    └── settings/         # Settings dashboard
+        ├── (index)       # Settings overview
+        └── [settingsPage] # Dynamic settings pages
+```
+
+## 🔌 API Routes Structure
+
+### Authentication & Account
+```
+/api/
+├── auth/
+│   ├── challenge-message   # Get auth challenge
+│   └── wallet-sign-in      # Wallet authentication
+├── account/
+│   ├── [address]           # Get account details
+│   ├── update-details      # Update account info
+│   └── update-email        # Update email
+```
+
+### Juicebox Core APIs
+```
+/api/juicebox/
+├── project/
+│   └── [projectHandle]     # Get project by handle
+├── projectHandle/
+│   └── [projectId]         # Get handle by project ID
+├── prices/
+│   └── ethusd              # ETH/USD price feed
+├── jb-721-delegate/
+│   └── [dataSourceAddress] # NFT delegate info
+├── pv/[pv]/project/[projectId]/
+│   ├── logo                # Project logo
+│   └── refreshMetadata     # Refresh metadata
+└── v4/
+    ├── project/[projectId]/
+    │   └── sucker-pairs    # Sucker pairs info
+    └── terminal/[terminalAddress]/
+        └── jb-terminal-store # Terminal store data
+```
+
+### Projects Discovery
+```
+/api/projects/
+├── (index)                # List projects
+├── health                 # Health check
+├── tag-counts            # Tag statistics
+├── trending              # Trending projects
+├── update                # Update project data
+└── update-retry-ipfs     # Retry IPFS updates
+```
+
+### Utility APIs
+```
+/api/
+├── ens/resolve/[address]  # Resolve ENS names
+├── ipfs/
+│   ├── [cid]              # Get IPFS content
+│   └── pinJSON            # Pin JSON to IPFS
+├── image/[url]            # Image proxy
+├── discord/contact        # Discord notifications
+├── ofac/validate/[address] # OFAC compliance check
+└── nextjs/revalidate-project # Revalidate cache
+```
+
+### Event Webhooks
+```
+/api/events/
+├── on-pay                 # Payment events
+├── on-payout-distributed  # Payout events
+└── on-user-update         # User update events
+```
+
+## 🔗 URL Formats
+
+### Project URN Format (v4/v5)
+```
+/v4/{chain}:{projectId}
+/v5/{chain}:{projectId}
+
+Examples:
+- /v4/ethereum:123        # Ethereum mainnet project 123
+- /v5/sepolia:456         # Sepolia testnet project 456
+- /v4/optimism:789        # Optimism project 789
+```
+
+### Supported Chains
+- `ethereum` (mainnet)
+- `sepolia` (testnet)
+- `optimism`
+- `optimism-sepolia`
+- `base`
+- `base-sepolia`
+- `arbitrum`
+- `arbitrum-sepolia`
+
+## 🔄 Route Versioning
+
+The app supports multiple protocol versions:
+
+1. **V2/V3**: Legacy projects at `/v2/p/[projectId]`
+2. **V4**: Current stable at `/v4/[jbUrn]`
+3. **V5**: Latest version at `/v5/[jbUrn]`
+4. **Handle-based**: Version-agnostic at `/p/[handle]`
+
+## 📝 Settings Pages
+
+Common settings pages (available for v2/v3, v4, and v5):
+- General settings
+- Funding cycle configuration
+- Token settings
+- NFT rewards
+- Payouts & reserved tokens
+- Transfer ownership
+- Archive project
+
+## 🌐 Sitemap Access
+
+The sitemap.xml is automatically generated and available at:
+```
+https://juicebox.money/sitemap.xml
+```
+
+## 🔍 Navigation Patterns
+
+1. **Project Discovery**: `/projects` → `/v4/[jbUrn]` or `/v5/[jbUrn]`
+2. **Direct Access**: Use handle (`/p/[handle]`) or URN (`/v4/[jbUrn]`)
+3. **Settings Flow**: Project page → Settings → Specific setting page
+4. **Account Flow**: `/account/[address]` → `/account/[address]/edit`
+
+## 🎯 Key User Journeys
+
+1. **Create Project**: Home → `/create` → Deploy → `/v5/[jbUrn]`
+2. **Discover Projects**: Home → `/projects` → Filter/Search → Project page
+3. **Manage Project**: Project page → Settings → Configure → Save
+4. **View Activity**: `/activity` → Transaction details
+5. **User Profile**: `/account/[address]` → View projects/contributions

package.json

@@ -11,8 +11,8 @@
     "build": "NEXT_PUBLIC_VERSION=$(git rev-parse --short HEAD) next build",
     "analyze": "ANALYZE=true yarn build",
     "codegen-v1": "graphql-code-generator --config codegen.yml -r dotenv/config && node ./scripts/graphql-codegen-override-pv.js",
-    "codegen": "yarn codegen-v1 && yarn codegen-v4",
-    "codegen-v4": "graphql-code-generator --config src/packages/v4/graphql/codegen.yml -r dotenv/config",
+    "codegen": "yarn codegen-v1 && yarn codegen-v4v5",
+    "codegen-v4v5": "graphql-code-generator --config src/packages/v4v5/graphql/codegen.yml -r dotenv/config",
     "css:compile": "lessc ./node_modules/antd/dist/antd.less ./src/styles/antd.css --js",
     "predev": "yarn css:compile && yarn i18n:compile && yarn codegen",
     "dev": "next dev",
@@ -55,9 +55,9 @@
   },
   "dependencies": {
     "@apollo/client": "^3.10.8",
-    "@getpara/ethers-v5-integration": "2.0.0-alpha.52",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.52",
-    "@getpara/react-sdk-lite": "2.0.0-alpha.52",
+    "@getpara/ethers-v5-integration": "2.0.0-alpha.59",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.59",
+    "@getpara/react-sdk-lite": "2.0.0-alpha.59",
     "@headlessui/react": "^1.7.18",
     "@heroicons/react": "^2.1.4",
     "@jbx-protocol/contracts-v1": "2.0.0",
@@ -112,8 +112,8 @@
     "graphql": "^16.8.1",
     "he": "^1.2.0",
     "jsonwebtoken": "^9.0.0",
-    "juice-sdk-core": "^1.8.7-beta",
-    "juice-sdk-react": "^1.9.14-beta",
+    "juice-sdk-core": "2.1.1",
+    "juice-sdk-react": "5.0.2",
     "juicebox-metadata-helper": "0.1.7",
     "less": "4.1.2",
     "lodash": "^4.17.21",

src/components/AccountDashboard/AccountDashboard.tsx

@@ -13,7 +13,7 @@ import WalletContributionCard from 'components/WalletContributionCard'
 import { PV_V4 } from 'constants/pv'
 import { BigNumber } from 'ethers'
 import { useWalletContributionsQuery } from 'generated/graphql'
-import { useWalletContributionsQuery as useV4WalletContributionsQuery } from 'generated/v4/graphql'
+import { useWalletContributionsQuery as useV4V5WalletContributionsQuery } from 'generated/v4v5/graphql'
 import { useDBProjectsAggregateQuery } from 'hooks/useDBProjects'
 import useMobile from 'hooks/useMobile'
 import {
@@ -64,7 +64,7 @@ function ContributedList({ address }: { address: string }) {
       },
     })
 
-  const { data: v4Participants } = useV4WalletContributionsQuery({
+  const { data: v4Participants } = useV4V5WalletContributionsQuery({
     client: bendystrawClient,
     variables: {
       address,

src/components/ActivityListAnyV.tsx

@@ -2,15 +2,15 @@ import { Trans } from '@lingui/macro'
 import { Divider } from 'antd'
 import Loading from 'components/Loading'
 import { ProjectEventsQuery } from 'generated/graphql'
-import { useActivityEventsQuery } from 'generated/v4/graphql'
+import { useActivityEventsQuery } from 'generated/v4v5/graphql'
 import { useProjectEvents } from 'hooks/useProjectEvents'
 import { bendystrawClient } from 'lib/apollo/bendystrawClient'
-import { ActivityEvent } from 'packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4ActivityPanel/activityEventElems/ActivityElement'
+import { ActivityEvent } from 'packages/v4v5/views/V4V5ProjectDashboard/V4V5ProjectTabs/V4V5ActivityPanel/activityEventElems/ActivityElement'
 import {
   AnyEvent,
   transformEventData,
-} from 'packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4ActivityPanel/utils/transformEventsData'
-import { translateEventDataToPresenter } from 'packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4ActivityPanel/V4ActivityList'
+} from 'packages/v4v5/views/V4V5ProjectDashboard/V4V5ProjectTabs/V4V5ActivityPanel/utils/transformEventsData'
+import { translateEventDataToPresenter } from 'packages/v4v5/views/V4V5ProjectDashboard/V4V5ProjectTabs/V4V5ActivityPanel/V4V5ActivityList'
 import { useMemo } from 'react'
 import { AnyProjectEvent } from './activityEventElems/AnyProjectEvent'
 

src/components/Home/HomepageProjectCard.tsx

@@ -8,8 +8,8 @@ import { useProjectMetadata } from 'hooks/useProjectMetadata'
 import { JBChainId } from 'juice-sdk-react'
 import { SubgraphQueryProject } from 'models/subgraphProjects'
 import { v2v3ProjectRoute } from 'packages/v2v3/utils/routes'
-import { ChainLogo } from 'packages/v4/components/ChainLogo'
-import { v4ProjectRoute } from 'packages/v4/utils/routes'
+import { ChainLogo } from 'packages/v4v5/components/ChainLogo'
+import { v4ProjectRoute } from 'packages/v4v5/utils/routes'
 
 function Statistic({
   name,

src/components/NftRewards/NftPreview.tsx

@@ -7,7 +7,7 @@ import { ProjectMetadataContext } from 'contexts/ProjectMetadataContext'
 import useMobile from 'hooks/useMobile'
 import { NftRewardTier } from 'models/nftRewards'
 import { DEFAULT_NFT_MAX_SUPPLY } from 'packages/v2v3/constants/nftRewards'
-import { RemainingSupplyWithTooltip } from 'packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4NftRewardsPanel/NftReward/RemainingSupplyWithTooltip'
+import { RemainingSupplyWithTooltip } from 'packages/v4v5/views/V4V5ProjectDashboard/V4V5ProjectTabs/V4V5NftRewardsPanel/NftReward/RemainingSupplyWithTooltip'
 import { useContext } from 'react'
 
 export function NftPreview({

src/components/ProjectCard.tsx

@@ -1,15 +1,15 @@
 import * as constants from '@ethersproject/constants'
 import { BookmarkIcon as BookmarkIconSolid } from '@heroicons/react/24/solid'
 import { Skeleton } from 'antd'
-import { PV_V2, PV_V4 } from 'constants/pv'
+import { PV_V2, PV_V4, PV_V5 } from 'constants/pv'
 import { useProjectHandleText } from 'hooks/useProjectHandleText'
 import { useProjectMetadata } from 'hooks/useProjectMetadata'
 import { useSubtitle } from 'hooks/useSubtitle'
 import { DBProjectsAggregate } from 'models/dbProject'
 import Link from 'next/link'
 import { v2v3ProjectRoute } from 'packages/v2v3/utils/routes'
-import { ChainLogo } from 'packages/v4/components/ChainLogo'
-import { v4ProjectRoute } from 'packages/v4/utils/routes'
+import { ChainLogo } from 'packages/v4v5/components/ChainLogo'
+import { v4ProjectRoute, v5ProjectRoute } from 'packages/v4v5/utils/routes'
 import { isHardArchived } from 'utils/archived'
 import { formatDate } from 'utils/format/formatDate'
 import { ArchivedBadge } from './ArchivedBadge'
@@ -64,6 +64,11 @@ export default function ProjectCard({
           projectId,
           chainId,
         })
+      : pv === PV_V5
+      ? v5ProjectRoute({
+          projectId,
+          chainId,
+        })
       : pv === PV_V2
       ? v2v3ProjectRoute({
           projectId,

src/components/ProjectPageSEO.tsx

@@ -49,3 +49,14 @@ export const V4ProjectSEO: React.FC<{
     <ProjectPageSEO metadata={metadata} url={`${SiteBaseUrl}v4/p/${urn}`} />
   )
 }
+
+export const V5ProjectSEO: React.FC<{
+  metadata?: ProjectMetadata
+  chainId: JBChainId
+  projectId: number
+}> = ({ metadata, chainId, projectId }) => {
+  const urn = toJbUrn(chainId, BigInt(projectId))
+  return (
+    <ProjectPageSEO metadata={metadata} url={`${SiteBaseUrl}v5/p/${urn}`} />
+  )
+}

src/components/Projects/ProjectsFilterAndSort.tsx

@@ -28,6 +28,9 @@ export default function ProjectsFilterAndSort({
   includeV4,
   setIncludeV4,
 
+  includeV5,
+  setIncludeV5,
+
   showArchived,
   setShowArchived,
   searchTags,
@@ -46,6 +49,9 @@ export default function ProjectsFilterAndSort({
   includeV4: boolean
   setIncludeV4: CheckboxOnChange
 
+  includeV5: boolean
+  setIncludeV5: CheckboxOnChange
+
   showArchived: boolean
   setShowArchived: CheckboxOnChange
   searchTags: ProjectTagName[]
@@ -173,6 +179,11 @@ export default function ProjectsFilterAndSort({
               checked={includeV4}
               onChange={setIncludeV4}
             />
+            <FilterCheckboxItem
+              label={t`V5`}
+              checked={includeV5}
+              onChange={setIncludeV5}
+            />
             <FilterCheckboxItem
               label={t`Archived`}
               checked={showArchived}