Skip to content

Commit ae36532

Browse files
Merge pull request #41 from Eric-Zhang-Developer/scroll-design
Scroll-style tutorial page
2 parents b3801e5 + 3a0b240 commit ae36532

File tree

4 files changed

+351
-39
lines changed

4 files changed

+351
-39
lines changed

chat.json

Lines changed: 268 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,268 @@
1+
{
2+
"requesterUsername": "Eric-Zhang-Developer",
3+
"requesterAvatarIconUri": {
4+
"$mid": 1,
5+
"path": "/u/57819328",
6+
"scheme": "https",
7+
"authority": "avatars.githubusercontent.com",
8+
"query": "v=4"
9+
},
10+
"responderUsername": "GitHub Copilot",
11+
"responderAvatarIconUri": {
12+
"id": "copilot"
13+
},
14+
"initialLocation": "panel",
15+
"requests": [
16+
{
17+
"requestId": "request_4ef670fb-b23b-4cf5-826e-43512b170b89",
18+
"message": {
19+
"parts": [
20+
{
21+
"range": {
22+
"start": 0,
23+
"endExclusive": 97
24+
},
25+
"editorRange": {
26+
"startLineNumber": 1,
27+
"startColumn": 1,
28+
"endLineNumber": 1,
29+
"endColumn": 98
30+
},
31+
"text": "Tell me about this repo. What is the structure and purpose, main things to get familiar with here",
32+
"kind": "text"
33+
}
34+
],
35+
"text": "Tell me about this repo. What is the structure and purpose, main things to get familiar with here"
36+
},
37+
"variableData": {
38+
"variables": []
39+
},
40+
"response": [
41+
{
42+
"value": " Based on the path `/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project`, this appears to be a University of Florida Introduction to Software Engineering mini-project.\n\nTo give you a precise overview, I need to know what files are in your workspace. Could you share the repository structure? You can run this in your terminal:\n\n```bash\nls -la\n```\n\nOr in VS Code, you can view the Explorer pane to see the file tree.\n\n**Typical Intro SWE mini-project structures often include:**\n\n- ",
43+
"supportThemeIcons": false,
44+
"supportHtml": false,
45+
"baseUri": {
46+
"$mid": 1,
47+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/",
48+
"scheme": "file"
49+
}
50+
},
51+
{
52+
"kind": "inlineReference",
53+
"inlineReference": {
54+
"$mid": 1,
55+
"fsPath": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/README.md",
56+
"external": "file:///Users/ericzhang/VSCODE%20Proejcts/UF%20Classes/Intro%20SWE/mini-project/README.md",
57+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/README.md",
58+
"scheme": "file"
59+
}
60+
},
61+
{
62+
"value": " - Project description, requirements, and setup instructions\n- ",
63+
"supportThemeIcons": false,
64+
"supportHtml": false,
65+
"baseUri": {
66+
"$mid": 1,
67+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/",
68+
"scheme": "file"
69+
}
70+
},
71+
{
72+
"kind": "inlineReference",
73+
"inlineReference": {
74+
"$mid": 1,
75+
"fsPath": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/src/",
76+
"external": "file:///Users/ericzhang/VSCODE%20Proejcts/UF%20Classes/Intro%20SWE/mini-project/src/",
77+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/src/",
78+
"scheme": "file"
79+
}
80+
},
81+
{
82+
"value": " or `lib/` - Source code directory\n- `test/` - Test files (unit tests, integration tests)\n- `docs/` - Documentation or design documents\n- `requirements.txt` or ",
83+
"supportThemeIcons": false,
84+
"supportHtml": false,
85+
"baseUri": {
86+
"$mid": 1,
87+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/",
88+
"scheme": "file"
89+
}
90+
},
91+
{
92+
"kind": "inlineReference",
93+
"inlineReference": {
94+
"$mid": 1,
95+
"fsPath": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/package.json",
96+
"external": "file:///Users/ericzhang/VSCODE%20Proejcts/UF%20Classes/Intro%20SWE/mini-project/package.json",
97+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/package.json",
98+
"scheme": "file"
99+
}
100+
},
101+
{
102+
"value": " - Dependency management\n- Configuration files (",
103+
"supportThemeIcons": false,
104+
"supportHtml": false,
105+
"baseUri": {
106+
"$mid": 1,
107+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/",
108+
"scheme": "file"
109+
}
110+
},
111+
{
112+
"kind": "inlineReference",
113+
"inlineReference": {
114+
"$mid": 1,
115+
"fsPath": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/.gitignore",
116+
"external": "file:///Users/ericzhang/VSCODE%20Proejcts/UF%20Classes/Intro%20SWE/mini-project/.gitignore",
117+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/.gitignore",
118+
"scheme": "file"
119+
}
120+
},
121+
{
122+
"value": ", etc.)\n\n**Key things to get familiar with:**\n\n1. **Project Requirements** - Check README for functional and non-functional requirements\n2. **Tech Stack** - Identify the programming language and frameworks used\n3. **Testing Approach** - Look for existing tests to understand expected behavior\n4. **Code Organization** - Understand the module/package structure\n5. **Submission Guidelines** - Note any specific formatting, documentation, or deployment requirements\n\nPlease share the file structure, and I can provide a detailed analysis of this specific project.",
123+
"supportThemeIcons": false,
124+
"supportHtml": false,
125+
"baseUri": {
126+
"$mid": 1,
127+
"path": "/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project/",
128+
"scheme": "file"
129+
}
130+
}
131+
],
132+
"responseId": "response_c2ab537f-1834-4ca9-bec2-460957cab49f",
133+
"result": {
134+
"timings": {
135+
"firstProgress": 4037,
136+
"totalElapsed": 8187
137+
},
138+
"metadata": {
139+
"codeBlocks": [
140+
{
141+
"code": "ls -la\n",
142+
"language": "bash",
143+
"markdownBeforeBlock": " Based on the path `/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project`, this appears to be a University of Florida Introduction to Software Engineering mini-project.\n\nTo give you a precise overview, I need to know what files are in your workspace. Could you share the repository structure? You can run this in your terminal:\n\n"
144+
}
145+
],
146+
"toolCallRounds": [
147+
{
148+
"response": " Based on the path `/Users/ericzhang/VSCODE Proejcts/UF Classes/Intro SWE/mini-project`, this appears to be a University of Florida Introduction to Software Engineering mini-project.\n\nTo give you a precise overview, I need to know what files are in your workspace. Could you share the repository structure? You can run this in your terminal:\n\n```bash\nls -la\n```\n\nOr in VS Code, you can view the Explorer pane to see the file tree.\n\n**Typical Intro SWE mini-project structures often include:**\n\n- `README.md` - Project description, requirements, and setup instructions\n- `src/` or `lib/` - Source code directory\n- `test/` - Test files (unit tests, integration tests)\n- `docs/` - Documentation or design documents\n- `requirements.txt` or `package.json` - Dependency management\n- Configuration files (`.gitignore`, etc.)\n\n**Key things to get familiar with:**\n\n1. **Project Requirements** - Check README for functional and non-functional requirements\n2. **Tech Stack** - Identify the programming language and frameworks used\n3. **Testing Approach** - Look for existing tests to understand expected behavior\n4. **Code Organization** - Understand the module/package structure\n5. **Submission Guidelines** - Note any specific formatting, documentation, or deployment requirements\n\nPlease share the file structure, and I can provide a detailed analysis of this specific project.",
149+
"toolCalls": [],
150+
"toolInputRetry": 0,
151+
"id": "4e11fa92-a586-4bf2-a804-653c3cc494c3"
152+
}
153+
],
154+
"modelMessageId": "5658b747-fdce-403b-9807-b5147724b3cb",
155+
"responseId": "1a5abf62-e0ca-4e49-987a-b4ce830f09e8",
156+
"sessionId": "ce1bd31c-6b0e-481b-bbab-b1bc8d6ce217",
157+
"agentId": "github.copilot.default"
158+
},
159+
"details": "MoonshotAI: Kimi K2 Thinking • 0x"
160+
},
161+
"followups": [],
162+
"isCanceled": false,
163+
"agent": {
164+
"extensionId": {
165+
"value": "GitHub.copilot-chat",
166+
"_lower": "github.copilot-chat"
167+
},
168+
"publisherDisplayName": "GitHub",
169+
"extensionPublisherId": "GitHub",
170+
"extensionDisplayName": "GitHub Copilot Chat",
171+
"id": "github.copilot.default",
172+
"description": "Ask or edit in context",
173+
"metadata": {
174+
"themeIcon": {
175+
"id": "copilot"
176+
},
177+
"hasFollowups": false,
178+
"helpTextPrefix": "You can ask me general programming questions, or chat with the following participants which have specialized expertise and can perform actions:",
179+
"helpTextVariablesPrefix": "You can also help me understand your question by using the following variables to give me extra context:",
180+
"helpTextPostfix": {
181+
"value": "To have a great conversation, ask me questions as if I was a real programmer:\n\n* **Show me the code** you want to talk about by having the files open and selecting the most important lines.\n* **Make refinements** by asking me follow-up questions, adding clarifications, providing errors, etc.\n* **Review my suggested code** and tell me about issues or improvements, so I can iterate on it.\n\nYou can also ask me questions about your editor selection by [starting an inline chat session](command:inlineChat.start).\n\nLearn more about [GitHub Copilot](https://docs.github.com/copilot/using-github-copilot/getting-started-with-github-copilot?tool=vscode&utm_source=editor&utm_medium=chat-panel&utm_campaign=2024q3-em-MSFT-getstarted) in [Visual Studio Code](https://code.visualstudio.com/docs/copilot/overview). Or explore the [Copilot walkthrough](command:github.copilot.open.walkthrough).",
182+
"isTrusted": {
183+
"enabledCommands": [
184+
"inlineChat.start",
185+
"github.copilot.open.walkthrough"
186+
]
187+
},
188+
"supportThemeIcons": false,
189+
"supportHtml": false,
190+
"uris": {
191+
"command:inlineChat.start": {
192+
"$mid": 1,
193+
"path": "inlineChat.start",
194+
"scheme": "command"
195+
},
196+
"https://docs.github.com/copilot/using-github-copilot/getting-started-with-github-copilot?tool=vscode&utm_source=editor&utm_medium=chat-panel&utm_campaign=2024q3-em-MSFT-getstarted": {
197+
"$mid": 1,
198+
"path": "/copilot/using-github-copilot/getting-started-with-github-copilot",
199+
"scheme": "https",
200+
"authority": "docs.github.com",
201+
"query": "tool=vscode&utm_source=editor&utm_medium=chat-panel&utm_campaign=2024q3-em-MSFT-getstarted"
202+
},
203+
"https://code.visualstudio.com/docs/copilot/overview": {
204+
"$mid": 1,
205+
"path": "/docs/copilot/overview",
206+
"scheme": "https",
207+
"authority": "code.visualstudio.com"
208+
},
209+
"command:github.copilot.open.walkthrough": {
210+
"$mid": 1,
211+
"path": "github.copilot.open.walkthrough",
212+
"scheme": "command"
213+
}
214+
}
215+
},
216+
"supportIssueReporting": false,
217+
"requester": {
218+
"name": "Eric-Zhang-Developer",
219+
"icon": {
220+
"$mid": 1,
221+
"path": "/u/57819328",
222+
"scheme": "https",
223+
"authority": "avatars.githubusercontent.com",
224+
"query": "v=4"
225+
}
226+
}
227+
},
228+
"name": "GitHubCopilot",
229+
"fullName": "GitHub Copilot",
230+
"isDefault": true,
231+
"locations": [
232+
"panel"
233+
],
234+
"modes": [
235+
"ask"
236+
],
237+
"slashCommands": [],
238+
"disambiguation": [
239+
{
240+
"category": "generate_code_sample",
241+
"description": "The user wants to generate code snippets without referencing the contents of the current workspace. This category does not include generating entire projects.",
242+
"examples": [
243+
"Write an example of computing a SHA256 hash."
244+
]
245+
},
246+
{
247+
"category": "add_feature_to_file",
248+
"description": "The user wants to change code in a file that is provided in their request, without referencing the contents of the current workspace. This category does not include generating entire projects.",
249+
"examples": [
250+
"Add a refresh button to the table widget."
251+
]
252+
},
253+
{
254+
"category": "question_about_specific_files",
255+
"description": "The user has a question about a specific file or code snippet that they have provided as part of their query, and the question does not require additional workspace context to answer.",
256+
"examples": [
257+
"What does this file do?"
258+
]
259+
}
260+
]
261+
},
262+
"contentReferences": [],
263+
"codeCitations": [],
264+
"timestamp": 1762967694156,
265+
"modelId": "openrouter/moonshotai/kimi-k2-thinking"
266+
}
267+
]
268+
}

src/app/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export default function LandingPage() {
2727
</h1>
2828

2929
{/*all dark grey logo*/}
30-
<div className="relative w-[auto] h-[auto]">
30+
<div className="relative w-auto h-auto">
3131
<Image
3232
src="/codequestAllDark.png"
3333
alt="CodeQuest Logo"

src/app/tutorial-hello-world/__tests__/page.test.tsx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,13 @@ vi.mock("@/components/back-to-dashboard-link", () => ({
88
default: () => <div data-testid="back-to-dashboard-link">Back to Dashboard</div>,
99
}));
1010

11+
// Mock next/font/google
12+
vi.mock("next/font/google", () => ({
13+
Cinzel: () => ({
14+
className: "mocked-cinzel-font",
15+
}),
16+
}));
17+
1118
// Mock react-youtube
1219
vi.mock("react-youtube", () => ({
1320
default: ({ videoId }: { videoId: string }) => (

0 commit comments

Comments
 (0)