···

       
1
       
 
       
import { getWork } from "@fujocoded/ao3.js"

     

       
2
       
 
       
import DOM from "fauxdom"

     

       
0
       
 
       

     

       
3
       
 
       


     

       
4
       
 
       
export async function generateMetadata({ params, _searchParams }, _parent) {

     

       
5
       
 
       
  // read route params

     

       
6
       
 
       
  const { workId, chapterId } = await params

     

       
7
       
-
       
  const work = await getWork({workId: workId, chapterId: chapterId})

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
8
       
 
       
  if (work.locked) {

     

       
9
       
 
       
    return {

     

       
10
       
 
       
      title: 'Locked Work',

     

       
11
       
 
       
      description: 'This work is locked to the public. Log in to see it!',

     

       
12
       
-
       
      metadataBase: new URL('https://'+process.env.DOMAIN)

     

       
13
       
 
       
    }

     

       
14
       
 
       
  }

     

       
15
       
-
       
  const parentWork = await getWork({workId: workId})

     

       
0
       
 
       

     

       
16
       
 
       
  const authors = work.authors.map((a) => {

     

       
17
       
 
       
    if (a.anonymous) {

     

       
18
       
 
       
      return "Anonymous"

     
···

       
36
       
 
       
  return {

     

       
37
       
 
       
    title: title,

     

       
38
       
 
       
    description: description, 

     

       
39
       
-
       
    metadataBase: new URL('https://'+process.env.DOMAIN)

     

       
40
       
 
       
  }

     

       
41
       
 
       
}

     

       
42
       
 
       
 

     
···

       
44
       
 
       
  const { workId, chapterId } = await params

     

       
45
       
 
       
  return (

     

       
46
       
 
       
    <div dangerouslySetInnerHTML={{__html: `<script type="text/javascript">

     

       
47
       
-
       
          window.location.replace("https://archiveofourown.org/works/${workId}/chapters/${chapterId}");

     

       
48
       
 
       
        </script>`}}></div>

     

       
49
       
 
       
  )

     

       
50
       
 
       
}
     

···

       
1
       
 
       
import { getWork } from "@fujocoded/ao3.js"

     

       
2
       
 
       
import DOM from "fauxdom"

     

       
3
       
+
       
import siteMap from "@/lib/siteMap.js"

     

       
4
       
 
       


     

       
5
       
 
       
export async function generateMetadata({ params, _searchParams }, _parent) {

     

       
6
       
 
       
  // read route params

     

       
7
       
 
       
  const { workId, chapterId } = await params

     

       
8
       
+
       
  const parentData = await parent;

     

       
9
       
+
       
  const base = parentData.metadataBase.replace('https://', '').replace('/', '')

     

       
10
       
+
       
  const subdomain = base.split(".").length > 0 ? base.split(".")[0] : null

     

       
11
       
+
       
  const archive = subdomain && Object.keys(siteMap).includes(subdomain) ? siteMap[subdomain] : null

     

       
12
       
+
       
  const domainParam = archive ? `?archive=https://${archive}` : ''

     

       
13
       
+
       
  const data = await fetch(`/api/works/${workId}/chapters/${chapterId}${domainParam}`)

     

       
14
       
+
       
  const work = await data.json()

     

       
15
       
 
       
  if (work.locked) {

     

       
16
       
 
       
    return {

     

       
17
       
 
       
      title: 'Locked Work',

     

       
18
       
 
       
      description: 'This work is locked to the public. Log in to see it!',

     

       
19
       
+
       
      metadataBase: new URL('https://'+archive)

     

       
20
       
 
       
    }

     

       
21
       
 
       
  }

     

       
22
       
+
       
  const parentWorkData = await fetch(`/api/works/${workId}`)

     

       
23
       
+
       
  const parentWork = await data.json()

     

       
24
       
 
       
  const authors = work.authors.map((a) => {

     

       
25
       
 
       
    if (a.anonymous) {

     

       
26
       
 
       
      return "Anonymous"

     
···

       
44
       
 
       
  return {

     

       
45
       
 
       
    title: title,

     

       
46
       
 
       
    description: description, 

     

       
47
       
+
       
    metadataBase: new URL('https://'+base)

     

       
48
       
 
       
  }

     

       
49
       
 
       
}

     

       
50
       
 
       
 

     
···

       
52
       
 
       
  const { workId, chapterId } = await params

     

       
53
       
 
       
  return (

     

       
54
       
 
       
    <div dangerouslySetInnerHTML={{__html: `<script type="text/javascript">

     

       
55
       
+
       
          window.location.replace("https://archiveofourown.org/works/${workId}");

     

       
56
       
 
       
        </script>`}}></div>

     

       
57
       
 
       
  )

     

       
58
       
 
       
}
     

···

       
1
       
 
       
import { getWork } from "@fujocoded/ao3.js"

     

       
2
       
 
       
import DOM from "fauxdom"

     

       
3
       
 
       


     

       
4
       
-
       
export async function generateMetadata({ params, _searchParams }, _parent) {

     

       
5
       
 
       
  // read route params

     

       
6
       
 
       
  const { workId, chapterId } = await params

     

       
7
       
 
       
  const work = await getWork({workId: workId, chapterId: chapterId})

     
···

       
31
       
 
       
    "",

     

       
32
       
 
       
  )

     

       
33
       
 
       
  const addr = `works/${workId}`

     

       
0
       
 
       

     

       
0
       
 
       

     

       
34
       
 
       
  

     

       
35
       
 
       
  return {

     

       
36
       
 
       
    title: title ? title : 'Locked Work',

     

       
37
       
 
       
    description: description ? description : 'This but this work is locked to the public. Log in to see it!', 

     

       
38
       
-
       
    metadataBase: new URL('https://'+process.env.DOMAIN)

     

       
39
       
 
       
  }

     

       
40
       
 
       
}

     

       
41
       
 
       
 

     
···

       
43
       
 
       
  const { workId, chapterId } = await params

     

       
44
       
 
       
  return (

     

       
45
       
 
       
    <div dangerouslySetInnerHTML={{__html: `<script type="text/javascript">

     

       
46
       
-
       
          window.location.replace("https://archiveofourown.org/works/${workId}");

     

       
47
       
 
       
        </script>`}}></div>

     

       
48
       
 
       
  )

     

       
49
       
 
       
}
     

···

       
1
       
 
       
import { getWork } from "@fujocoded/ao3.js"

     

       
2
       
 
       
import DOM from "fauxdom"

     

       
3
       
 
       


     

       
4
       
+
       
export async function generateMetadata({ params, _searchParams }, parent) {

     

       
5
       
 
       
  // read route params

     

       
6
       
 
       
  const { workId, chapterId } = await params

     

       
7
       
 
       
  const work = await getWork({workId: workId, chapterId: chapterId})

     
···

       
31
       
 
       
    "",

     

       
32
       
 
       
  )

     

       
33
       
 
       
  const addr = `works/${workId}`

     

       
34
       
+
       
  const parentData = await parent;

     

       
35
       
+
       
  const base = parentData.metadataBase.replace('https://', '').replace('/', '')

     

       
36
       
 
       
  

     

       
37
       
 
       
  return {

     

       
38
       
 
       
    title: title ? title : 'Locked Work',

     

       
39
       
 
       
    description: description ? description : 'This but this work is locked to the public. Log in to see it!', 

     

       
40
       
+
       
    metadataBase: new URL('https://'+base)

     

       
41
       
 
       
  }

     

       
42
       
 
       
}

     

       
43
       
 
       
 

     
···

       
45
       
 
       
  const { workId, chapterId } = await params

     

       
46
       
 
       
  return (

     

       
47
       
 
       
    <div dangerouslySetInnerHTML={{__html: `<script type="text/javascript">

     

       
48
       
+
       
          window.location.replace("https://archiveofourown.org/works/${workId}/chapters/${chapterId}");

     

       
49
       
 
       
        </script>`}}></div>

     

       
50
       
 
       
  )

     

       
51
       
 
       
}
     

···

       
61
       
 
       
              gap: 10

     

       
62
       
 
       
            }}  

     

       
63
       
 
       
          >

     

       
64
       
-
       
            {image.props.rating && image.rating === 'E' && (<Explicit fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
65
       
-
       
            {image.props.rating && image.rating === 'M' && (<Mature fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
66
       
-
       
            {image.props.rating && image.rating === 'T' && (<Teen fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
67
       
-
       
            {image.props.rating && image.rating === 'G' && (<General fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
68
       
-
       
            {image.props.rating && image.rating === 'NR' && (<NotRated fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
69
       
 
       
            

     

       
70
       
-
       
            {image.props.warnings && image.warning === 'NW' && (<NoWarnings fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       
71
       
-
       
            {image.props.warnings && image.warning === 'CNTW' && (<ChoseNotToWarn fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       
72
       
-
       
            {image.props.warnings && image.warning === 'W' && (<Warnings fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       
73
       
 
       
            

     

       
74
       
-
       
            {image.props.category && image.category === 'F' && (<Yuri fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
75
       
-
       
            {image.props.category && image.category === 'M' && (<Yaoi fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
76
       
-
       
            {image.props.category && image.category === 'FM' && (<Het fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
77
       
-
       
            {image.props.category && image.category === 'G' && (<Gen fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
78
       
-
       
            {image.props.category && image.category === 'MX' && (<MultiShip fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
79
       
-
       
            {image.props.category && image.category === 'O' && (<OtherShip fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
80
       
 
       
          </div>

     

       
81
       
 
       
          <div

     

       
82
       
 
       
            style={{

     
···

       
127
       
 
       
            alignItems: "flex-end"

     

       
128
       
 
       
          }}   

     

       
129
       
 
       
        >

     

       
130
       
-
       
          {image.props.charTags && (<div

     

       
131
       
 
       
            style={{

     

       
132
       
 
       
              display: "flex",

     

       
133
       
 
       
              flexWrap: "wrap",

     
···

       
150
       
 
       
              </span>

     

       
151
       
 
       
            ))}

     

       
152
       
 
       
          </div>)}

     

       
153
       
-
       
          {image.props.relTags && (<div

     

       
154
       
 
       
            style={{

     

       
155
       
 
       
              display: "flex",

     

       
156
       
 
       
              flexWrap: "wrap",

     
···

       
196
       
 
       
              </span>

     

       
197
       
 
       
            ))}

     

       
198
       
 
       
          </div>)}

     

       
199
       
-
       
          {image.props.summary && (<div

     

       
200
       
 
       
            style={{

     

       
201
       
 
       
              display: "flex",

     

       
202
       
 
       
              flexDirection: "column",

     
···

       
225
       
 
       
              color: theme.accent2

     

       
226
       
 
       
            }}

     

       
227
       
 
       
          >

     

       
228
       
-
       
            {image.props.wordcount && `${image.words} words • `}{(image.props.chapters && image.chapterCount !== null) && `${image.chapterCount}  chapters • `}{image.props.postedAt && `posted on ${image.postedAt} • `}{image.props.updatedAt && `updated on ${image.updatedAt} • `}{addr}

     

       
229
       
 
       
          </div>

     

       
230
       
 
       
        </div>

     

       
231
       
 
       
      </div>

     

···

       
61
       
 
       
              gap: 10

     

       
62
       
 
       
            }}  

     

       
63
       
 
       
          >

     

       
64
       
+
       
            {image.props.get('rating') && image.rating === 'E' && (<Explicit fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
65
       
+
       
            {image.props.get('rating') && image.rating === 'M' && (<Mature fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
66
       
+
       
            {image.props.get('rating') && image.rating === 'T' && (<Teen fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
67
       
+
       
            {image.props.get('rating') && image.rating === 'G' && (<General fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
68
       
+
       
            {image.props.get('rating') && image.rating === 'NR' && (<NotRated fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       
69
       
 
       
            

     

       
70
       
+
       
            {image.props.get('warnings') && image.warning === 'NW' && (<NoWarnings fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       
71
       
+
       
            {image.props.get('warnings') && image.warning === 'CNTW' && (<ChoseNotToWarn fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       
72
       
+
       
            {image.props.get('warnings') && image.warning === 'W' && (<Warnings fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       
73
       
 
       
            

     

       
74
       
+
       
            {image.props.get('category') && image.category === 'F' && (<Yuri fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
75
       
+
       
            {image.props.get('category') && image.category === 'M' && (<Yaoi fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
76
       
+
       
            {image.props.get('category') && image.category === 'FM' && (<Het fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
77
       
+
       
            {image.props.get('category') && image.category === 'G' && (<Gen fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
78
       
+
       
            {image.props.get('category') && image.category === 'MX' && (<MultiShip fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
79
       
+
       
            {image.props.get('category') && image.category === 'O' && (<OtherShip fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       
80
       
 
       
          </div>

     

       
81
       
 
       
          <div

     

       
82
       
 
       
            style={{

     
···

       
127
       
 
       
            alignItems: "flex-end"

     

       
128
       
 
       
          }}   

     

       
129
       
 
       
        >

     

       
130
       
+
       
          {image.props.get('charTags') && (<div

     

       
131
       
 
       
            style={{

     

       
132
       
 
       
              display: "flex",

     

       
133
       
 
       
              flexWrap: "wrap",

     
···

       
150
       
 
       
              </span>

     

       
151
       
 
       
            ))}

     

       
152
       
 
       
          </div>)}

     

       
153
       
+
       
          {image.props.get('relTags') && (<div

     

       
154
       
 
       
            style={{

     

       
155
       
 
       
              display: "flex",

     

       
156
       
 
       
              flexWrap: "wrap",

     
···

       
196
       
 
       
              </span>

     

       
197
       
 
       
            ))}

     

       
198
       
 
       
          </div>)}

     

       
199
       
+
       
          {image.props.get('summary') && (<div

     

       
200
       
 
       
            style={{

     

       
201
       
 
       
              display: "flex",

     

       
202
       
 
       
              flexDirection: "column",

     
···

       
225
       
 
       
              color: theme.accent2

     

       
226
       
 
       
            }}

     

       
227
       
 
       
          >

     

       
228
       
+
       
            {image.props.get('wordcount') && `${image.words} words • `}{(image.props.get('chapters') && image.chapterCount !== null) && `${image.chapterCount}  chapters • `}{image.props.get('postedAt') && `posted on ${image.postedAt} • `}{image.props.get('updatedAt') && `updated on ${image.updatedAt} • `}{addr}

     

       
229
       
 
       
          </div>

     

       
230
       
 
       
        </div>

     

       
231
       
 
       
      </div>

     

···

       
83
       
 
       


     

       
84
       
 
       
export default async function sanitizeData ({ type, data, props}) {

     

       
85
       
 
       
  const archive = props && props.archive ? props.archive : process.env.ARCHIVE

     

       
0
       
 
       

     

       
86
       
 
       
  const baseFont = props.baseFont ? props.baseFont : process.env.DEFAULT_BASE_FONT

     

       
87
       
 
       
  const baseFontData = baseFonts[baseFont]

     

       
88
       
 
       
  const titleFont = props.titleFont ? props.titleFont : process.env.DEFAULT_TITLE_FONT

     

       
89
       
 
       
  const titleFontData = titleFonts[titleFont]

     

       
90
       
-
       
  const themeData = props.theme ? themes[props.theme] : themes[process.env.DEFAULT_THEME]

     

       
0
       
 
       

     

       
0
       
 
       

     

       
91
       
 
       
  const parentWork = type === 'work' && data.chapterInfo ? await getWork(data.id, archive) : null

     

       
92
       
 
       
  const bfs = await Promise.all(baseFontData.defs.map(async (bf) => {

     

       
93
       
 
       
    return {

     

···

       
83
       
 
       


     

       
84
       
 
       
export default async function sanitizeData ({ type, data, props}) {

     

       
85
       
 
       
  const archive = props && props.archive ? props.archive : process.env.ARCHIVE

     

       
86
       
+
       
  console.log(props)

     

       
87
       
 
       
  const baseFont = props.baseFont ? props.baseFont : process.env.DEFAULT_BASE_FONT

     

       
88
       
 
       
  const baseFontData = baseFonts[baseFont]

     

       
89
       
 
       
  const titleFont = props.titleFont ? props.titleFont : process.env.DEFAULT_TITLE_FONT

     

       
90
       
 
       
  const titleFontData = titleFonts[titleFont]

     

       
91
       
+
       
  const archClean = props.has('archive') ? props.get('archive').replace("https://", '').replace('/', '') : null

     

       
92
       
+
       
  const theme = props.has('theme') ? props.get('theme') : (props.has('archive') && !["ao3.org", "archiveofourown.org", "archive.transformativeworks.org"].includes(archClean) && Object.values(siteMap).includes(archClean) ? Object.keys(siteMap)[Object.values(siteMap).indexOf(archClean)] : process.env.DEFAULT_THEME)

     

       
93
       
+
       
  const themeData = themes[theme]

     

       
94
       
 
       
  const parentWork = type === 'work' && data.chapterInfo ? await getWork(data.id, archive) : null

     

       
95
       
 
       
  const bfs = await Promise.all(baseFontData.defs.map(async (bf) => {

     

       
96
       
 
       
    return {