add ccpa and new privacy policy

statsfm · Jun 20, 2024 · b1573a0 · b1573a0
1 parent b355d26
commit b1573a0
Show file tree

Hide file tree

Showing 10 changed files with 1,195 additions and 467 deletions.
diff --git a/package.json b/package.json
@@ -46,13 +46,19 @@
     "react-icons": "^5.0.1",
     "react-infinite-scroller": "^1.2.6",
     "react-use": "^17.4.0",
-    "remark-html": "^15.0.1",
-    "remark-parse": "^10.0.1",
+    "rehype-autolink-headings": "^7.1.0",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "rehype-slug": "^6.0.0",
+    "rehype-stringify": "^10.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.0",
     "satori": "^0.10.13",
     "sharp": "^0.33.3",
     "tailwind-scrollbar": "^2.0.1",
     "ulid": "^2.3.0",
-    "unified": "^10.1.2",
+    "unified": "^11.0.5",
     "zod": "^3.22.4"
   },
   "devDependencies": {

diff --git a/src/pages/beta.tsx b/src/pages/beta.tsx
@@ -2,8 +2,14 @@ import { Container } from '@/components/Container';
 import { Title } from '@/components/Title';
 import type { GetStaticProps, NextPage } from 'next';
 import fs from 'node:fs/promises';
-import remarkHtml from 'remark-html';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeSlug from 'rehype-slug';
+import rehypeStringify from 'rehype-stringify';
+import remarkGfm from 'remark-gfm';
 import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
 import { unified } from 'unified';
 
 type Props = {
@@ -15,7 +21,13 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
 
   const content = await unified()
     .use(remarkParse)
-    .use(remarkHtml)
+    .use(remarkGfm)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    .use(rehypeRaw)
+    .use(rehypeSanitize)
+    .use(rehypeSlug)
+    .use(rehypeAutolinkHeadings)
+    .use(rehypeStringify)
     .process(text);
 
   return {

diff --git a/src/pages/careers.tsx b/src/pages/careers.tsx
@@ -2,8 +2,14 @@ import { Container } from '@/components/Container';
 import { Title } from '@/components/Title';
 import type { GetStaticProps, NextPage } from 'next';
 import fs from 'node:fs/promises';
-import remarkHtml from 'remark-html';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeSlug from 'rehype-slug';
+import rehypeStringify from 'rehype-stringify';
+import remarkGfm from 'remark-gfm';
 import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
 import { unified } from 'unified';
 
 type Props = {
@@ -15,7 +21,13 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
 
   const content = await unified()
     .use(remarkParse)
-    .use(remarkHtml)
+    .use(remarkGfm)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    .use(rehypeRaw)
+    .use(rehypeSanitize)
+    .use(rehypeSlug)
+    .use(rehypeAutolinkHeadings)
+    .use(rehypeStringify)
     .process(text);
 
   return {

diff --git a/src/pages/ccpa.tsx b/src/pages/ccpa.tsx
@@ -0,0 +1,52 @@
+import { Container } from '@/components/Container';
+import { Title } from '@/components/Title';
+import type { GetStaticProps, NextPage } from 'next';
+import fs from 'node:fs/promises';
+import remarkGfm from 'remark-gfm';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import rehypeStringify from 'rehype-stringify';
+import rehypeSlug from 'rehype-slug';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+
+type Props = {
+  content: string;
+};
+
+export const getStaticProps: GetStaticProps<Props> = async () => {
+  const text = await fs.readFile('static/ccpa.md', 'utf8');
+
+  const content = await unified()
+    .use(remarkParse)
+    .use(remarkGfm)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    .use(rehypeRaw)
+    .use(rehypeSanitize)
+    .use(rehypeSlug)
+    .use(rehypeAutolinkHeadings)
+    .use(rehypeStringify)
+    .process(text);
+
+  return {
+    props: {
+      content: String(content),
+    },
+  };
+};
+
+const CCPAPage: NextPage<Props> = ({ content }) => {
+  return (
+    <Container>
+      <Title>CCPA</Title>
+      <article
+        className="prose max-w-full pt-32 font-medium text-neutral-400 prose-headings:text-white prose-a:text-primary prose-strong:text-white prose-li:my-0.5"
+        dangerouslySetInnerHTML={{ __html: content }}
+      />
+    </Container>
+  );
+};
+
+export default CCPAPage;
diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
@@ -2,8 +2,14 @@ import { Container } from '@/components/Container';
 import { Title } from '@/components/Title';
 import type { GetStaticProps, NextPage } from 'next';
 import fs from 'node:fs/promises';
-import remarkHtml from 'remark-html';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeSlug from 'rehype-slug';
+import rehypeStringify from 'rehype-stringify';
+import remarkGfm from 'remark-gfm';
 import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
 import { unified } from 'unified';
 
 type Props = {
@@ -15,7 +21,13 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
 
   const content = await unified()
     .use(remarkParse)
-    .use(remarkHtml)
+    .use(remarkGfm)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    .use(rehypeRaw)
+    .use(rehypeSanitize)
+    .use(rehypeSlug)
+    .use(rehypeAutolinkHeadings)
+    .use(rehypeStringify)
     .process(text);
 
   return {
@@ -30,7 +42,7 @@ const PrivacyPage: NextPage<Props> = ({ content }) => {
     <Container>
       <Title>Privacy policy</Title>
       <article
-        className="prose max-w-full pt-32 font-medium text-neutral-400 prose-headings:text-white prose-a:text-primary prose-li:my-0.5"
+        className="prose max-w-full pt-32 font-medium text-neutral-400 prose-headings:text-white prose-a:text-primary prose-strong:text-white prose-li:my-0.5"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </Container>

diff --git a/src/pages/terms.tsx b/src/pages/terms.tsx
@@ -2,8 +2,14 @@ import { Container } from '@/components/Container';
 import { Title } from '@/components/Title';
 import type { GetStaticProps, NextPage } from 'next';
 import fs from 'node:fs/promises';
-import remarkHtml from 'remark-html';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeSlug from 'rehype-slug';
+import rehypeStringify from 'rehype-stringify';
+import remarkGfm from 'remark-gfm';
 import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
 import { unified } from 'unified';
 
 type Props = {
@@ -15,7 +21,13 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
 
   const content = await unified()
     .use(remarkParse)
-    .use(remarkHtml)
+    .use(remarkGfm)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    .use(rehypeRaw)
+    .use(rehypeSanitize)
+    .use(rehypeSlug)
+    .use(rehypeAutolinkHeadings)
+    .use(rehypeStringify)
     .process(text);
 
   return {

diff --git a/src/pages/tiktok-ad-contest.tsx b/src/pages/tiktok-ad-contest.tsx
@@ -2,8 +2,14 @@ import { Container } from '@/components/Container';
 import { Title } from '@/components/Title';
 import type { GetStaticProps, NextPage } from 'next';
 import fs from 'node:fs/promises';
-import remarkHtml from 'remark-html';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeSlug from 'rehype-slug';
+import rehypeStringify from 'rehype-stringify';
+import remarkGfm from 'remark-gfm';
 import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
 import { unified } from 'unified';
 
 type Props = {
@@ -15,7 +21,13 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
 
   const content = await unified()
     .use(remarkParse)
-    .use(remarkHtml)
+    .use(remarkGfm)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    .use(rehypeRaw)
+    .use(rehypeSanitize)
+    .use(rehypeSlug)
+    .use(rehypeAutolinkHeadings)
+    .use(rehypeStringify)
     .process(text);
 
   return {