Add Mood Tracker extension by vpukhanov · Pull Request #17428 · raycast/extensions

vpukhanov · 2025-02-28T09:23:11Z

Description

Mood Tracker extension helps users monitor their emotional well-being by providing a simple and efficient way to record, track, and analyze your moods over time.

It includes actions that let user record their mood, view and search the list of recordings and view glanceable charts of mood trend and distribution over a specific timeframe.

It also includes a tool that lets Raycast AI work with the data and provide additional insights (I found this especially fun).

Screenshots

Checklist

I read the extension guidelines
I read the documentation about publishing
I ran npm run build and tested this distribution build in Raycast
I checked that files in the assets folder are used by the extension itself
I checked that assets used by the README are placed outside of the metadata folder

- docs: update metadata - refactor: remove unused code - feat: add moods ai tool - chore: rename dashboard -> charts - refactor: add a moods keys array - refactor: run prettier - refactor: extract svg charts into a separate module - refactor: extract data functions - feat: implement dashboard view - feat: implement mood search - feat: implement mood recording - feat: initial commit

raycastbot · 2025-02-28T09:23:28Z

Congratulations on your new Raycast extension! 🚀

Due to our current reduced availability, the initial review may take up to 10-15 business days

Once the PR is approved and merged, the extension will be available on our Store.

pernielsentikaer · 2025-03-05T18:43:12Z

@greptileai can you help check this

greptile-apps

PR Summary

This PR adds a comprehensive Mood Tracker extension that enables users to record, search, and visualize their emotional well-being with AI-powered insights.

The metadata folder with screenshots is missing but required since there are view commands in package.json - refer to https://developers.raycast.com/basics/prepare-an-extension-for-store#how-to-use-it
Error handling in search-moods.tsx could be simplified using showFailureToast from @raycast/utils instead of showToast
Lists in search-moods.tsx and view-charts.tsx should use isLoading to avoid empty state flicker per https://developers.raycast.com/basics/prepare-an-extension-for-store#empty-states
getSelectedText() in record-mood.tsx should be wrapped in try-catch for graceful error handling
Consider adding subtitles to commands in package.json to indicate they are part of "Mood Tracker"

_{💡 (1/5) You can manually trigger the bot by mentioning @greptileai in a comment!}

_{13 file(s) reviewed, 13 comment(s)}
_{Edit PR Review Bot Settings | Greptile}

greptile-apps · 2025-03-05T18:45:59Z

extensions/mood/src/lib/charts.ts

+  const chartWidth = width - margin.right;
+  const chartHeight = height - margin.top - margin.bottom;


logic: margin.left not accounted for in chartWidth calculation, could cause alignment issues

Suggested change

const chartWidth = width - margin.right;

const chartHeight = height - margin.top - margin.bottom;

const chartWidth = width - margin.right - margin.left;

const chartHeight = height - margin.top - margin.bottom;

This chart actually doesn't have a left margin. But I've made an additional pass on margins and now actually removed most of them, only adding the ones necessary for the labels

greptile-apps · 2025-03-05T18:45:59Z

extensions/mood/src/lib/charts.ts

+
+  // Calculate points for sparkline
+  const points = values.map((value, index) => {
+    const x = (index / (values.length - 1 || 1)) * chartWidth;


logic: division by zero possible if values.length is 1 (|| 1 only helps if length is 0)

Suggested change

const x = (index / (values.length - 1 || 1)) * chartWidth;

const x = (index / Math.max(1, values.length - 1)) * chartWidth;

No, actually if length is 1, then length - 1 is 0 that gets replaced with || 1. But Math.max is more readable, I've adopted it. Thanks

greptile-apps · 2025-03-05T18:46:00Z

extensions/mood/src/lib/charts.ts

+  return svgToBase64(`
+      <svg width="${width}" height="${height + 30}" xmlns="http://www.w3.org/2000/svg">
+        ${xAxis}
+        ${bars}
+      </svg>
+    `);


logic: height + 30 adjustment not accounted for in y-coordinate calculations

This was strictly for the labels, but I agree it's confusing, removed

extensions/mood/README.md

greptile-apps · 2025-03-05T18:46:45Z

extensions/mood/src/lib/data.ts

+  if (fs.existsSync(ENTRIES_FILE)) {
+    const data = await fs.promises.readFile(ENTRIES_FILE, "utf-8");
+    let entries = JSON.parse(data) as MoodEntry[];


logic: fs operations should be wrapped in try/catch to handle potential file system errors gracefully

Suggested change

if (fs.existsSync(ENTRIES_FILE)) {

const data = await fs.promises.readFile(ENTRIES_FILE, "utf-8");

let entries = JSON.parse(data) as MoodEntry[];

if (fs.existsSync(ENTRIES_FILE)) {

try {

const data = await fs.promises.readFile(ENTRIES_FILE, "utf-8");

let entries = JSON.parse(data) as MoodEntry[];

} catch (error) {

console.error('Failed to load entries:', error);

return [];

}

I actually wrap these calls at the place of use, where more context can be provided to the user. Everywhere loadEntries/saveEntries is called, they are wrapped in try/catch

greptile-apps · 2025-03-05T18:47:36Z

extensions/mood/src/tools/get-moods.ts

+/**
+ * Returns the list of user's moods with timestamp, notes and tags
+ */
+export default async function () {


style: Function should have a descriptive name like getMoods instead of being anonymous

This was actually generated by Raycast when I added a new tool using the "Manage Extensions" action. Might need to edit the template if that's a problem 😄 Fixed it manually here, though I don't see the need for a descriptive name here personally.

greptile-apps · 2025-03-05T18:48:05Z

extensions/mood/src/record-mood.tsx

+    try {
+      const newEntry: MoodEntry = {
+        id: crypto.randomUUID(),
+        mood: values.mood,
+        tags: values.tags,
+        notes: values.notes,
+        date: values.date || new Date(),
+      };
+


logic: loadEntries() could throw an error but is outside the try block. Move the loadEntries() call inside the try block to properly catch any file system errors

Suggested change

try {

const newEntry: MoodEntry = {

id: crypto.randomUUID(),

mood: values.mood,

tags: values.tags,

notes: values.notes,

date: values.date || new Date(),

};

try {

const entries = await loadEntries();

const newEntry: MoodEntry = {

id: crypto.randomUUID(),

mood: values.mood,

tags: values.tags,

notes: values.notes,

date: values.date || new Date(),

};

This seems like a hallucination, loadEntries already is inside this try/catch block

extensions/mood/src/record-mood.tsx

greptile-apps · 2025-03-05T18:48:35Z

extensions/mood/src/view-charts.tsx

+  // Generate charts
+  const sparklineSvg = generateSparkline(filteredEntries);
+  const distributionSvg = generateMoodDistribution(filteredEntries);


style: Chart generation on every render could impact performance with large datasets. Consider using useMemo for sparklineSvg and distributionSvg

extensions/mood/src/view-charts.tsx

vpukhanov · 2025-03-06T15:22:48Z

@pernielsentikaer done with the initial batch of comments except for #17428 (comment) because I'm honestly not sure what is being suggested

pernielsentikaer

Hi 👋

Looks good to me, approved 🔥

github-actions · 2025-03-08T13:54:47Z

Published to the Raycast Store:
https://raycast.com/vyacheslav/mood

raycastbot · 2025-03-08T13:54:49Z

🎉 🎉 🎉

We've rewarded your Raycast account with some credits. You will soon be able to exchange them for some swag.

raycastbot added the new extension Label for PRs with new extensions label Feb 28, 2025

vpukhanov changed the title ~~Add mood extension~~ Add Mood Tracker extension Feb 28, 2025

chore: remove .cursorrules

9fb60f6

pernielsentikaer self-assigned this Mar 5, 2025

greptile-apps bot reviewed Mar 5, 2025

View reviewed changes

mood: implement review fixes

317fa18

pernielsentikaer approved these changes Mar 8, 2025

View reviewed changes

Update CHANGELOG.md and optimise images

289def0

raycastbot merged commit dcb9960 into raycast:main Mar 8, 2025
2 checks passed

		const chartWidth = width - margin.right;
		const chartHeight = height - margin.top - margin.bottom;

	const x = (index / (values.length - 1 \|\| 1)) * chartWidth;
	const x = (index / Math.max(1, values.length - 1)) * chartWidth;

Conversation

vpukhanov commented Feb 28, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Screenshots

Checklist

Uh oh!

raycastbot commented Feb 28, 2025

Uh oh!

pernielsentikaer commented Mar 5, 2025

Uh oh!

greptile-apps bot left a comment

Choose a reason for hiding this comment

PR Summary

Uh oh!

greptile-apps bot Mar 5, 2025

Choose a reason for hiding this comment

Uh oh!

vpukhanov Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 5, 2025

Choose a reason for hiding this comment

Uh oh!

vpukhanov Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 5, 2025

Choose a reason for hiding this comment

Uh oh!

vpukhanov Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

greptile-apps bot Mar 5, 2025

Choose a reason for hiding this comment

Uh oh!

vpukhanov Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 5, 2025

Choose a reason for hiding this comment

Uh oh!

vpukhanov Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 5, 2025

Choose a reason for hiding this comment

Uh oh!

vpukhanov Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

greptile-apps bot Mar 5, 2025

Choose a reason for hiding this comment

Uh oh!

vpukhanov Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

vpukhanov commented Mar 6, 2025

Uh oh!

pernielsentikaer left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

github-actions bot commented Mar 8, 2025

Uh oh!

raycastbot commented Mar 8, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

vpukhanov commented Feb 28, 2025 •

edited

Loading