webstudio

0 Fork 0

mirror of https://github.com/webstudio-is/webstudio.git synced 2026-11-09 05:26:24 +09:00

T

Jaya Krishna Namburu be6b5fa966 fix: og-image bug fix for local assets (#5184 )

## Description

Currently when a project is exported using `cli` and the built using any
inbuilt templates. The `og:image` fails with local assets. As the cli is
not prefixing the `assetBaseUrl` to the image name. Which is failing to
load.

## Bug 
Deployed Url - https://og-image-bug.netlify.app/
Open GH -
https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fog-image-bug.netlify.app%2F
![Screenshot 2025-05-05 at 6 18
20 PM](https://github.com/user-attachments/assets/4e2f2739-0d9f-4254-98ec-cbb7310a2023)

### Fixed version
Deployed url - https://og-image-fix.netlify.app/
Open GH -
https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fog-image-fix.netlify.app%2F
![Screenshot 2025-05-05 at 6 19
06 PM](https://github.com/user-attachments/assets/932db416-91df-44e4-9576-3256a8d0d76a)

I am passing the `assetBaseUrl` to `ProjectSettingsMeta` inside the
`react-sdk`. And using it as prefix if defined.


## Steps for reproduction

- Create a project and add a page to it.
- Upload and use an image for the `SocialImage` section under Page
Settings.
- Deploy the site, and share it anywhere for the `og:image` to kick in
when shared.

2025-05-05 19:21:39 +04:00

.devcontainer

experimental: Animate UI (#4851 )

2025-02-24 14:27:50 +05:00

.github

refactor: upgrade remix and react-router (#5177 )

2025-05-02 00:35:20 +04:00

.storybook

refactor: upgrade vite for vitest and storybook (#5165 )

2025-04-29 14:17:42 +04:00

.vscode

build: Add devcontainer (#3429 )

2024-05-28 14:15:55 +03:00

@types

experimental: Fix chrome 134 regression bug (#5046 )

2025-03-26 16:27:10 +05:00

apps/builder

experimental: add Element component to builder (#5182 )

2025-05-05 11:15:14 +04:00

codemod

chore: use console.info instead of console.log (#3049 )

2024-03-24 12:52:46 +01:00

fixtures

fix: og-image bug fix for local assets (#5184 )

2025-05-05 19:21:39 +04:00

https

experimental: Youtube animations (#5072 )

2025-04-06 14:47:16 +03:00

packages

fix: og-image bug fix for local assets (#5184 )

2025-05-05 19:21:39 +04:00

patches

experimental: Animation publishing (#4976 )

2025-03-11 11:19:01 +05:00

.gitignore

experimental: Animation publishing (#4976 )

2025-03-11 11:19:01 +05:00

.gitmodules

experimental: Proof of concept of the Animation component using ScrollTimeline (#4797 )

2025-02-01 14:57:36 +03:00

.nvmrc

chore: set node version to 20 in .nvmrc (#3423 )

2024-05-26 19:11:24 +03:00

.prettierignore

fix: Allow formatting d.ts files (#2558 )

2023-11-03 15:20:48 +02:00

CODE_OF_CONDUCT.md

Merge branch 'main' into feature-style-panel-flexChild-section

2022-11-12 11:36:44 +03:00

eslint.config.mjs

experimental: Animation publishing (#4976 )

2025-03-11 11:19:01 +05:00

LICENSE

Change license from MIT to AGPL V3 (#1980 )

2023-07-26 01:06:21 +02:00

lostpixel.config.js

refactor: merge all storybooks into one (#3441 )

2024-05-29 17:05:17 +03:00

package.json

refactor: upgrade remix and react-router (#5177 )

2025-05-02 00:35:20 +04:00

pnpm-lock.yaml

experimental: add react-router + cloudflare template (#5179 )

2025-05-02 19:17:49 +04:00

pnpm-workspace.yaml

Add fixtures (#2254 )

2023-09-06 21:43:29 +03:00

README.md

docs: fix discord link in readme (#5091 )

2025-04-04 21:43:51 +07:00

release.sh

build: Automate release creation (#4910 )

2025-02-26 22:22:58 +01:00

submodules.sh

experimental: Proof of concept of the Animation component using ScrollTimeline (#4797 )

2025-02-01 14:57:36 +03:00

vercel.json

build: Test staging (Playground) (#3136 )

2024-04-12 11:03:45 +03:00

vite.sdk-components.config.ts

experimental: Animation publishing (#4976 )

2025-03-11 11:19:01 +05:00

vitest.config.ts

refactor: upgrade vite for vitest and storybook (#5165 )

2025-04-29 14:17:42 +04:00

README.md

Webstudio is an Open Source Visual Development Platform for developers, designers, and cross-functional teams. You own the data, components, and infrastructure. You can use the hosted version or roll out your own.

Learning Resources

Thanks

Thanks to Lost Pixel for providing the visual testing platform that helps us review UI changes and catch visual regressions.

README.md

Learning Resources

Social Media

Thanks