Skip to content

security updates and fixed particles #800

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
josephjclark wants to merge 3 commits into from
+1,695 −1,099
Closed

security updates and fixed particles #800

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
dc9abfc
security updates and fixed particles
josephjclark Jun 11, 2026
d62a9bf
update browserslist
josephjclark Jun 12, 2026
3acd2fb
fix particle effects
josephjclark Jun 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 18 additions & 18 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,22 +26,22 @@
"@docusaurus/preset-classic": "3.9.2",
"@docusaurus/theme-mermaid": "3.9.2",
"@mdx-js/react": "^3.0.0",
"axios": "1.15.2",
"brace-expansion": "^5.0.0",
"clsx": "^1.1.1",
"compare-versions": "^5.0.1",
"date-fns": "2.21.3",
"form-data": "4.0.4",
"mermaid": "11.10.1",
"prism-react-renderer": "^2.1.0",
"@tsparticles/react": "^4.1.3",
"axios": "^1.17.0",
"brace-expansion": "^5.0.6",
"clsx": "^2.1.1",
"compare-versions": "^6.1.1",
"date-fns": "^4.4.0",
"form-data": "^4.0.5",
"mermaid": "^11.15.0",
"prism-react-renderer": "^2.4.1",
"raw-loader": "^4.0.2",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-flow-renderer": "^9.6.8",
"react-particles": "^2.5.3",
"react-player": "^2.9.0",
"sharp": "^0.34.2",
"tsparticles": "^2.5.3"
"react": "^19.2.7",
"react-dom": "^19.2.7",
"react-flow-renderer": "^10.3.17",
"react-player": "^3.4.0",
"sharp": "^0.35.0",
"tsparticles": "^4.1.3"
},
"browserslist": {
"production": [
Expand All @@ -63,9 +63,9 @@
"@types/react": "^18.2.29",
"@types/react-helmet": "^6.1.0",
"@types/react-router-dom": "^5.1.7",
"chokidar": "^3.6.0",
"glob": "^11.1.0",
"typescript": "~5.2.2"
"chokidar": "^5.0.0",
"glob": "^13.0.6",
"typescript": "^6.0.3"
},
"resolutions": {
"trim": "^0.0.3",
Expand Down
188 changes: 94 additions & 94 deletions src/pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,12 @@ import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import useBaseUrl from '@docusaurus/useBaseUrl';
import Particles from 'react-particles';
import Particles, { ParticlesProvider } from '@tsparticles/react';
import { loadFull } from 'tsparticles';
import styles from './styles.module.css';

const particlesInit = engine => loadFull(engine);

const highlights = [
{
title: 'Job Writing Guide',
Expand Down Expand Up @@ -119,7 +121,7 @@ function Home() {
const particlesConfig = {
particles: {
number: {
value: 60,
value: 80,
density: {
enable: true,
value_area: 800,
Expand Down Expand Up @@ -163,11 +165,11 @@ function Home() {
sync: false,
},
},
line_linked: {
links: {
enable: true,
distance: 150,
distance: 180,
color: '#ffffff',
opacity: 0.4,
opacity: 0.6,
width: 1,
},
move: {
Expand All @@ -188,20 +190,20 @@ function Home() {
interactivity: {
detect_on: 'canvas',
events: {
onhover: {
onHover: {
enable: true,
mode: 'grab',
},
onclick: {
onClick: {
enable: true,
mode: 'push',
},
resize: true,
},
modes: {
grab: {
distance: 200,
line_linked: {
distance: 160,
links: {
opacity: 1,
},
},
Expand All @@ -217,7 +219,7 @@ function Home() {
duration: 0.4,
},
push: {
particles_nb: 4,
particles_nb: 3,
},
remove: {
particles_nb: 2,
Expand All @@ -235,96 +237,94 @@ function Home() {
};

return (
<Layout title={`Home`} description="The OpenFn Documentation Site">
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<Particles
id="tsparticles"
init={particlesInit}
options={particlesConfig}
/>
<div className="container" style={{ zIndex: 1 }}>
<h1 className="hero__title">OpenFn Documentation</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<Link
className={clsx(
'button button--secondary button--lg',
styles.getStarted
)}
to={'/documentation'}
>
Get Started
</Link>
<ParticlesProvider init={particlesInit}>
<Layout title={`Home`} description="The OpenFn Documentation Site">
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<Particles id="tsparticles" options={particlesConfig} />
<div className="container" style={{ zIndex: 1 }}>
<h1 className="hero__title">OpenFn Documentation</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<Link
className={clsx(
'button button--secondary button--lg',
styles.getStarted
)}
to={'/documentation'}
>
Get Started
</Link>
</div>
</div>
</div>
</header>
<main>
{features && features.length > 0 && (
<section className={styles.features}>
<div className="container">
<div className="row">
{features.map((props, idx) => (
<Feature key={idx} {...props} />
))}
<div className={clsx('col col--4', styles.feature)}>
<div className="text--center">
<img
className={styles.featureImage}
src="img/undraw_Newsletter_re_wrob.svg"
alt="Newsletter"
/>
</div>
<h3>Newsletter</h3>
<p>
Never miss a story from us, subscribe to our newsletter
here.
</p>
<form
action="https://openfn.us11.list-manage.com/subscribe/post?u=ad898e5a4d5a9aab0bbd63aee&amp;id=bf982e5409"
method="post"
name="mc-embedded-subscribe-form"
target="_blank"
novalidate
>
<div className={styles.subscribeForm}>
<input
type="email"
placeholder="Email"
name="EMAIL"
id="mce-EMAIL"
autocomplete="on"
required
className={styles.emailButton}
</header>
<main>
{features && features.length > 0 && (
<section className={styles.features}>
<div className="container">
<div className="row">
{features.map((props, idx) => (
<Feature key={idx} {...props} />
))}
<div className={clsx('col col--4', styles.feature)}>
<div className="text--center">
<img
className={styles.featureImage}
src="img/undraw_Newsletter_re_wrob.svg"
alt="Newsletter"
/>
<button
type="submit"
name="subscribe"
className="button button--secondary button--sm"
>
Subscribe
</button>
</div>
</form>
<h3>Newsletter</h3>
<p>
Never miss a story from us, subscribe to our newsletter
here.
</p>
<form
action="https://openfn.us11.list-manage.com/subscribe/post?u=ad898e5a4d5a9aab0bbd63aee&amp;id=bf982e5409"
method="post"
name="mc-embedded-subscribe-form"
target="_blank"
novalidate
>
<div className={styles.subscribeForm}>
<input
type="email"
placeholder="Email"
name="EMAIL"
id="mce-EMAIL"
autocomplete="on"
required
className={styles.emailButton}
/>
<button
type="submit"
name="subscribe"
className="button button--secondary button--sm"
>
Subscribe
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
)}
</main>
<div className="container" style={{ marginTop: '30px' }}>
<h1 style={{ textAlign: 'center' }}>✨Documentation Highlights✨</h1>
<div className="highlights-wrapper">
{highlights.map(h => (
<div className="highlight-card">
<h3>
<a href={h.link}>{h.title}</a>
</h3>
<p>{h.description}</p>
</div>
))}
</section>
)}
</main>
<div className="container" style={{ marginTop: '30px' }}>
<h1 style={{ textAlign: 'center' }}>✨Documentation Highlights✨</h1>
<div className="highlights-wrapper">
{highlights.map(h => (
<div className="highlight-card">
<h3>
<a href={h.link}>{h.title}</a>
</h3>
<p>{h.description}</p>
</div>
))}
</div>
</div>
</div>
</Layout>
</Layout>
</ParticlesProvider>
);
}

Expand Down
Loading
Loading