feat: enable user profile embed on external site

[eddiejaoude]

Fixes Issue

closes #9100

Deploying PR to Preview environment #9500

Changes proposed

Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• My change requires changes to the documentation.
• I have updated the documentation accordingly.
• All new and existing tests passed.
• This PR does not contain plagiarized content.
• The title of my pull request is a short description of the requested changes.

Screenshots

Note to reviewers

[eddiejaoude]

Having some challenges with the middleware and custom domains (deployed to Preview environment https://biodrop-preview.vercel.app/api/profiles/eddiejaoude/embed?theme=default)

• when visiting the embed url, it thinks it is a custom domain
• fonts not found

 ⨯ [Error: ENOENT: no such file or directory, open '/home/runner/work/BioDrop/BioDrop/public/Inter-Regular.ttf'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: '/home/runner/work/BioDrop/BioDrop/public/Inter-Regular.ttf'
}
 ⨯ MissingStaticPage [Error]: Failed to load static file for page: /en/500 ENOENT: no such file or directory, open '/var/task/.next/server/pages/en/500.html'
    at /var/task/node_modules/next/dist/server/require.js:102:19
    at async loadComponentsImpl (/var/task/node_modules/next/dist/server/load-components.js:59:26)
    at async NextNodeServer.findPageComponentsImpl (/var/task/node_modules/next/dist/server/next-server.js:669:36)
    at async NextNodeServer.renderErrorToResponseImpl (/var/task/node_modules/next/dist/server/base-server.js:2042:30)
    at async pipe.req.req (/var/task/node_modules/next/dist/server/base-server.js:1982:30)
    at async NextNodeServer.pipeImpl (/var/task/node_modules/next/dist/server/base-server.js:902:25)
    at async NextNodeServer.handleCatchallRenderRequest (/var/task/node_modules/next/dist/server/next-server.js:281:21)
    at async NextNodeServer.runImpl (/var/task/node_modules/next/dist/server/base-server.js:887:9)
    at async NextNodeServer.handleRequestImpl (/var/task/node_modules/next/dist/server/base-server.js:824:20)
[Error: ENOENT: no such file or directory, open '/home/runner/work/BioDrop/BioDrop/public/Inter-Regular.ttf'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: '/home/runner/work/BioDrop/BioDrop/public/Inter-Regular.ttf'
}
Error: Runtime exited with error: exit status 1
Runtime.ExitError

[babblebey]

fonts not found

In regards to the file not being found, I want to assume it due to the variation in environments folder location once the next build down for production.

I think we can stick to our current scope.... This path.dirname(fileURLToPath(import.meta.url)) resolves to our current file location, maybe we can just move the font folder into thesame location where this file lives... that way we can do away ../../../../public which might seem unpredictable to using fonts in its place as second args,

So the new set up can look like

api/profiles/[username]

- embed.js

fonts

- Inter-Regular.ttf

- Inter-Bold.ttf

[babblebey]

when visiting the embed url, it thinks it is a custom domain

I will try look into this sometime too!

Yo @a0m0rajab, get in here 😉

[a0m0rajab]

Thanks! @babblebey sure will check this next week or the week after, I feel like to finish this https://github.com/open-sauced/ai/issues/291first then jump to this project, or I might have a one extended day for coding to try this lol.

[babblebey]

Hey @eddiejaoude, found this is still pending 🫣. I cannot exactly reproduce the error you're experiencing. Let's pair on this sometime and work with the preview environment when you're free.

This feature should be shipped already 😉