import 'tailwindcss/tailwind.css'
import type { AppProps } from 'next/app'
import { useEffect } from 'react'
import Head from 'next/head'
import Script from 'next/script'
import { usePreserveScroll } from 'web/hooks/use-preserve-scroll'
import { QueryClient, QueryClientProvider } from 'react-query'
import {
createIframe,
defaultRenderers,
iframeRenderer,
initPreviews,
} from 'link-summoner'
function firstLine(msg: string) {
return msg.replace(/\r?\n.*/s, '')
}
function printBuildInfo() {
// These are undefined if e.g. dev server
if (process.env.NEXT_PUBLIC_VERCEL_ENV) {
const env = process.env.NEXT_PUBLIC_VERCEL_ENV
const msg = process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_MESSAGE
const owner = process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_OWNER
const repo = process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_SLUG
const sha = process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA
const url = `https://github.com/${owner}/${repo}/commit/${sha}`
console.info(`Build: ${env} / ${firstLine(msg || '???')} / ${url}`)
}
}
const domain = 'localhost:3000'
/**
* Example:
* https://manifold.markets/SG/will-elon-musk-buy-twitter-this-yea
* -> https://manifold.markets/embed/SG/will-elon-musk-buy-twitter-this-yea
*/
function rewriteToEmbed(link: string) {
const alreadyEmbed = link.includes(`localhost:3000/embed/`)
if (alreadyEmbed) return link
const match = link.match(regex)!
console.log(
'Hello world',
`http://localhost:3000/embed/${match[1]}/${match[2]}`
)
return `http://localhost:3000/embed/${match[1]}/${match[2]}`
}
// Only rewrite market links in regex
const regex = /^https?:\/\/localhost\:3000\/(?!charity\/)([^\/]+)\/([^\/]+)/
if (typeof document !== 'undefined') {
// Seems to be undefined; because of https://i.imgur.com/4bMQ8rA.png ?
console.log('initPreviews', initPreviews)
initPreviews({
renderers: [
// Just for localhost markets
{
canRender: async (url: URL) => regex.test(url.href),
render: async (url: URL) =>
createIframe(rewriteToEmbed(url.href), 'manifold-preview'),
},
// All localhost URLs
iframeRenderer(/localhost\:3000/),
...defaultRenderers,
],
})
}
function MyApp({ Component, pageProps }: AppProps) {
usePreserveScroll()
useEffect(printBuildInfo, [])
return (
<>
{/* Hotjar Tracking Code for https://manifold.markets */}
Manifold Markets — A market for every question
)
}
const queryClient = new QueryClient()
export default MyApp