{expanded ? <div> <VideoLink {...point} showVideo={true} showThumbnail={false} /> <div className='text-sm opacity-80 mt-2'> <span className='font-semibold'>{t(point.video ? "Transcript" : "Original comment")}:</span> "{point.comment.length > 100 && !showMoreComment ? <span> {point.comment.slice(0, 200) + '..."'} <span className='underline cursor-pointer' onClick={() => setShowMoreComment(true)}> {t("read more")} </span> </span> : point.comment + '"'} </div> <div className='text-xs opacity-50 italic mt-4'> {t("Click anywhere on the map to close this")} </div> </div> : <div className='text-xs opacity-50 italic'> {t(point.video ? "Click on the dot to see original video and transcript" : "Click on the dot for details")} </div>}

export type Argument = { arg_id: string; argument: string; comment_id: string; x: number; y: number; p: number; }; export type CommentObj = { comment: string; agrees?: number; disagrees?: number; video?: string; interview?: string; timestamp?: string; }; export type CommentsMap = { [id: string]: CommentObj; }; ... export type Point = Argument & Cluster & CommentObj & { color: string };

export async function getStaticProps({ params }: any) { const report = process.env.REPORT if (report && report.length) { const fs = require('fs'); const result = fs.readFileSync(`../pipeline/outputs/${report}/result.json`, 'utf8'); return { props: { result: JSON.parse(result) } } } const fs = require('fs'); const subfolders = fs.readdirSync(outputs, { withFileTypes: true }) .map((x: any) => x.name) .filter((x: string) => !x.startsWith('.')); return { props: { subfolders } }; }

import json filename = "_next/data/8gQb47OhoAQvRNCBqVMIF/index.json"

data = json.load(open(filename)) comments = data["pageProps"]["result"]["comments"] for k in comments: comments[k]["comment"] = "" json.dump(data, open(filename, "w"), ensure_ascii=False)

{"props": ...,"page":"/","query":{},"buildId":"aZQl6X8wn0bor6WDO4T50","assetPrefix":".","isFallback":false,"gsp":true,"scriptLoader":[]}