Skip to content

Commit 96316ee

Browse files
yghokimyghokim
committed
Migrated to Parcel.
2 parents bb1ea2d + d76cac7 commit 96316ee

14 files changed

+3021
-488
lines changed

‎.gitignore

+4
Original file line numberDiff line numberDiff line change
@@ -34,3 +34,7 @@ yarn-error.log*
3434
# typescript
3535
*.tsbuildinfo
3636
next-env.d.ts
37+
38+
.parcel-cache
39+
/dist/
40+
.cache/

‎.postcssrc

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"plugins": {
3+
"tailwindcss": {}
4+
}
5+
}

‎app/page.tsx renamed to ‎app/App.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import Image from "next/image";
21
import { Members } from "./sections/Members";
32
import { Acknowledgments } from "./sections/Acknowledgments";
43
import { Cite } from "./sections/Cite";
@@ -7,9 +6,9 @@ import { Footer } from "./sections/Footer";
76
import { Architecture } from "./sections/Architecture";
87
import { Mockup } from "./sections/Mockup";
98

10-
export default function Home() {
9+
export function App() {
1110
return (<>
12-
<main className="container mx-auto min-h-screen px-3 pt-6">
11+
<main className="container mx-auto px-4 sm:px-12 pt-6">
1312
<div>
1413
<div className="font-bold text-lg text-[#ff9164] mb-3">ACM CHI 2024 Paper</div>
1514
<div className="text-4xl mb-2 font-bold text-[#f45e9b]">ChaCha</div>

‎app/layout.tsx

-22
This file was deleted.

‎app/sections/Architecture.tsx

+3-4
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,15 @@
1-
import Image from "next/image"
21
import { Section } from "../components/Section"
32
export const Architecture = () => {
43
return <Section title="How ChaCha Works">
54
<p className="mb-4">
65
ChaCha&apos;s conversational flow is designed as a state machine, where the system stays in one state and proceeds to the next one when meeting the state goal:
76
</p>
8-
<Image alt="phases figure" className="w-full my-8 hidden md:block" unoptimized={true} src={require('../../public/images/phases.svg')}/>
9-
<Image alt="phases figure" className="w-full my-8 block md:hidden" unoptimized={true} src={require('../../public/images/phases-vertical.svg')}/>
7+
<img alt="phases figure" className="w-full my-8 hidden md:block" src={require('../../public/images/phases.svg')}/>
8+
<img alt="phases figure" className="w-full my-8 block md:hidden" src={require('../../public/images/phases-vertical.svg')}/>
109
<p className="my-4 mt-20">
1110
Based on the conversational flow and the current dialogue, an LLM is prompted dynamically. For example, receiving the child&apos;s message in the <span className="p-3 py-0.5 rounded-full bg-[#85c038] text-white">Label</span> phase, (1) the conversation analyzer <span className="circle-digit">A</span> analyzes the current dialogue <span className="circle-digit">B</span> and extracts a structured summary <span className="circle-digit">C</span> of what emotions are identified and whether ChaCha has acknowledged them. Combining the incomplete piece of the summary <span className="circle-digit">D</span> as well as the summary data from the previous phase <span className="circle-digit">E</span>, (2) the system formulates a new instruction <span className="circle-digit">F</span> for the response generation. (3) That way, the LLM <span className="circle-digit">G</span> generates a response <span className="circle-digit">H</span> explicitly steered to empathize with the child&apos;s regretful event.
1211
</p>
13-
<Image alt="prompting figure" className="w-full my-8" unoptimized={true} src={require('../../public/images/prompting.svg')}/>
12+
<img alt="prompting figure" className="w-full my-8" src={require('../../public/images/prompting.svg')}/>
1413

1514
</Section>
1615
}

‎app/sections/Members.tsx

+9-10
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import Image from "next/image"
21
import { Section } from "../components/Section"
32
import { HomeIcon } from '@heroicons/react/20/solid'
43

@@ -7,35 +6,35 @@ const members = [
76
name: "Woosuk Seo",
87
affiliation: "Univ. of Michigan, Ann Arbor",
98
role: "PhD candidate",
10-
thumb: "/images/thumb-wsseo.jpg",
9+
thumb: require("../../public/images/thumb-wsseo.jpg"),
1110
web: "https://seowoosuk.wixsite.com/home",
1211
note: "*Research intern at NAVER AI Lab"
1312
},
1413
{
1514
name: "Chanmo Yang",
1615
affiliation: "Wonkwang Univ. Hospital",
1716
role: "Child and Adolescent Psychiatrist",
18-
thumb: "/images/thumb-cmyang.jpg",
17+
thumb: require("../../public/images/thumb-cmyang.jpg"),
1918
},
2019
{
2120
name: "Sun Young Park",
2221
affiliation: "Univ. of Michigan, Ann Arbor",
2322
role: "Associate Professor",
24-
thumb: "/images/thumb-sypark.jpg",
23+
thumb: require("../../public/images/thumb-sypark.jpg"),
2524
web: "http://sunyoungpark.weebly.com/",
2625
},
2726
{
2827
name: "Mark S. Ackerman",
2928
affiliation: "Univ. of Michigan, Ann Arbor",
3029
role: "Professor",
31-
thumb: "/images/thumb-mackerman.jpg",
30+
thumb: require("../../public/images/thumb-mackerman.jpg"),
3231
web: "https://www.socialworldsresearch.org/si/ackerm"
3332
},
3433
{
3534
name: "Young-Ho Kim",
3635
affiliation: "NAVER AI Lab",
3736
role: "Research Scientist",
38-
thumb: "/images/thumb-yhkim.jpg",
37+
thumb: require("../../public/images/thumb-yhkim.jpg"),
3938
web: "http://younghokim.net"
4039
}
4140
]
@@ -47,7 +46,7 @@ export const Members = () => {
4746
members.map(member => {
4847
return <div key={member.name} className="flex items-center">
4948
<div className="relative w-[120px] h-[120px] rounded-full overflow-hidden">
50-
<Image alt={`Thumbnail of ${member.name}`} src={member.thumb} fill={true}/>
49+
<img className="fill" alt={`Thumbnail of ${member.name}`} src={member.thumb}/>
5150
</div>
5251
<div className="flex-1 ml-4">
5352
<div className="text-xl font-semibold flex items-center">
@@ -66,9 +65,9 @@ export const Members = () => {
6665
}
6766
</div>
6867
<div className="mt-8 flex items-center gap-6">
69-
<Image className="w-[200px]" alt="NAVER logo" src={require("../../public/images/logos/ai_lab_logo_vertical.png")} width={1728} height={552}/>
70-
<a href="https://www.si.umich.edu/" target="_blank"><Image className="w-20" alt="UMSI logo" src={require("../../public/images/logos/umsi-logo.svg")} unoptimized={true}/></a>
71-
<a href="https://global.wkuh.org/" target="_blank"><Image className="w-[250px]" alt="Wonkwang logo" src={require("../../public/images/logos/wonkwang-logo.svg")} unoptimized={true}/></a>
68+
<img className="w-[200px]" alt="NAVER logo" src={require("../../public/images/logos/ai_lab_logo_vertical.png")} width={1728} height={552}/>
69+
<a href="https://www.si.umich.edu/" target="_blank"><img className="w-20" alt="UMSI logo" src={require("../../public/images/logos/umsi-logo.svg")}/></a>
70+
<a href="https://global.wkuh.org/" target="_blank"><img className="w-[250px]" alt="Wonkwang logo" src={require("../../public/images/logos/wonkwang-logo.svg")}/></a>
7271

7372
</div>
7473
</Section>

‎app/sections/Mockup.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
1-
import Image from 'next/image'
2-
31
export const Mockup = () => {
42
return <div className="mt-8 mb-0 md:mb-8 relative block w-[280px] h-[550px] shadow-xl shadow-slate-200 bg-[#f8f8f8] border-white border-[12px] rounded-[2rem] overflow-hidden">
5-
<Image className='w-full animate-screen-scroll' src={require('../../public/images/chacha-screen.jpg')} width={800} height={1171} alt="chacha-screen"/>
3+
<img className='w-full animate-screen-scroll' src={require('../../public/images/chacha-screen.jpg')} width={800} height={1171} alt="chacha-screen"/>
64
</div>
75
}

‎app/globals.css renamed to ‎index.css

File renamed without changes.

‎index.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link href="./index.css" rel="stylesheet">
7+
<link rel="icon" href="./app/favicon.ico" />
8+
<title>ChaCha - Chatbot for Children's Events and Emotion Sharing</title>
9+
</head>
10+
<body>
11+
<div id="app"></div>
12+
<script type="module" src="./index.tsx"></script>
13+
</body>
14+
</html>

‎index.tsx

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import React from 'react';
2+
import {createRoot} from 'react-dom/client';
3+
import { App } from './app/App';
4+
5+
const container = document.getElementById("app")
6+
const root = createRoot(container!)
7+
root.render(<React.StrictMode><App/></React.StrictMode>);

‎next.config.mjs

-10
This file was deleted.

0 commit comments

Comments
 (0)