mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-06 22:40:14 -05:00
5b6d8fb7a8
closes ENG-678 The comments block is typically shown at the bottom of a post so it doesn't make sense to eagerly fetch comments from the API when we don't know if the comments block will even be viewed. By lazy-loading the data only when the comments block comes into view we can reduce both data usage for visitors and load on the site. - uses IntersectionObserver API to delay comments app initialisation until the comments block has scrolled into view - updated all iframe-related components to forward a `ref` so we can use the `<iframe>` element reference inside the `App` component |
||
|---|---|---|
| .. | ||
| src | ||
| test | ||
| .env | ||
| .eslintrc.js | ||
| .yarnrc | ||
| LICENSE | ||
| package.json | ||
| playwright.config.ts | ||
| postcss.config.cjs | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Comments UI
Comments widget that is embedded at the bottom of posts in Ghost.
Development
Pre-requisites
- Run
yarnin Ghost monorepo root
Running via Ghost yarn dev in root folder
You can automatically start the comments dev server when developing Ghost by running Ghost (in root folder) via yarn dev --all or yarn dev --comments. This will host the comments JavaScript files, and makes sure that Ghost uses these locally hosted assets instead of the ones from the CDN.
Copyright & License
Copyright (c) 2013-2023 Ghost Foundation - Released under the MIT license.