feat: add slack-templated-message extension by koh-sh · Pull Request #17253 · raycast/extensions

koh-sh · 2025-02-23T09:24:53Z

Description

A Raycast Extension for sending messages to Slack channels using customizable templates.

[Features]

📝 Create and manage message templates
💬 Send messages to Slack channels
🧵 Thread reply support
📤 Import/Export templates

Screencast

Screen.Recording.2025-02-23.at.18.08.12.mov

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

raycastbot · 2025-02-23T09:25:13Z

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-02T07:27:23Z

Hi 👋

Thanks for your contribution 🔥

Wouldn't it make sense to add this to this extension by @momme-rtf? This way, we can have one Slack extension with all the cool features

koh-sh · 2025-03-02T10:19:38Z

@pernielsentikaer

Hi there!

I did check out the existing extension, but I think mine should remain separate.

In my view, the existing extension seems to function primarily as a simple adapter for Slack, whereas my extension focuses on eliminating the routine of typing the same messages to send to Slack every day.
To achieve this purpose, this extension has its own template management functionality such as create/edit and import/export features.

I believe having separate extensions with different purposes is easier to maintain than merging different functionalities into one extension.
It also makes it clearer for users to find and understand each extension's specific purpose.

However, I understand the concern about having too many similar extensions in the store. I'd love to hear your thoughts on this.

pernielsentikaer · 2025-03-03T07:57:06Z

Thanks for the clarification, that makes sense 😊

@greptileai can you check this

greptile-apps

PR Summary

This PR adds a new Slack Templated Message extension that enables users to create, manage, and send customizable message templates to Slack channels with variable substitution and thread reply support.

The extension implements four main commands: Create Template, Send Message, Export Templates, and Import Templates with a clean UI and proper OAuth authentication
Robust template management system in src/lib/templates.ts handles storage, validation, and CRUD operations for message templates
Well-implemented variable substitution system in src/lib/slack.ts supports {date}, {time}, and {user} variables in templates
Thread reply functionality includes sophisticated timestamp validation and normalization for proper Slack thread integration
Shared components in src/components/shared.tsx provide reusable UI elements like ChannelDropdown and ThreadField across different commands

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

greptile-apps · 2025-03-03T08:01:00Z

extensions/slack-templated-message/README.md

+1. Open Raycast and run `Send Slack Message`
+2. Select a template to use
+3. The message will be sent to the pre-configured channel with the variables automatically replaced
+4. Press `⌘ + K` to edit or delete the selected template


logic: The README mentions using ⌘ + K to edit/delete templates, but in send-message.tsx the shortcuts are ⌘ + E for edit and ⌘ + backspace for delete.

We should use Keyboard.Shortcut.Common.Remove for delete

greptile-apps · 2025-03-03T08:01:27Z

extensions/slack-templated-message/src/components/shared.tsx

+        const { token } = await getAccessToken();
+        if (!token) return;
+        const client = new WebClient(token);
+        const allChannels = await fetchAllChannels(client);
+        setChannels(allChannels);
+      } catch (error) {
+        console.error(error);
+      } finally {


style: Error handling only logs to console but doesn't show a user-facing error message. Consider using showFailureToast from @raycast/utils to provide feedback to the user when channel fetching fails.

extensions/slack-templated-message/src/components/shared.tsx

greptile-apps · 2025-03-03T08:02:53Z

extensions/slack-templated-message/src/create-template.tsx

+    try {
+      // Initialize Slack client
+      const { token } = await getAccessToken();
+      if (!token) {
+        throw new Error("Failed to get authentication credentials");
+      }


style: Consider using showFailureToast from @raycast/utils instead of manually creating error toasts

extensions/slack-templated-message/src/import-templates.tsx

greptile-apps · 2025-03-03T08:03:34Z

extensions/slack-templated-message/src/export-templates.tsx

+    <List isLoading={isLoading}>
+      <List.Item
+        title={`Export ${templates.length} templates`}
+        subtitle={`Save to: ${DEFAULT_TEMPLATE_PATH}`}
+        actions={
+          <ActionPanel>
+            <Action title="Export" onAction={handleExport} />
+          </ActionPanel>
+        }
+      />
+    </List>


style: Consider adding an empty state message when templates.length is 0 to improve user experience

extensions/slack-templated-message/src/lib/templates.ts

greptile-apps · 2025-03-03T08:05:00Z

extensions/slack-templated-message/src/lib/templates.ts

+export async function writeTemplatesToFile(filePath: string, templates: SlackTemplate[]): Promise<void> {
+  await fs.writeFile(filePath, JSON.stringify(templates, null, 2));
+}


style: Missing error handling for file writing operation. This function should be wrapped in a try/catch block like other file operations in this module.

greptile-apps · 2025-03-03T08:05:01Z

extensions/slack-templated-message/src/lib/templates.ts

+    const templates = await loadTemplates();
+    const updatedTemplates = templates.map((t) => (t.name === originalName ? updatedTemplate : t));
+    await saveTemplatesToFile(updatedTemplates);


style: Using loadTemplates() here could potentially show duplicate error toasts if there's an issue, since loadTemplates already shows a toast on error.

greptile-apps · 2025-03-03T08:05:11Z

extensions/slack-templated-message/src/send-message.tsx

+              // Validate channel selection
+              const selectedChannel = channels.find((c) => c.id === values.slackChannelId);
+              if (!selectedChannel) {
+                throw new Error("Selected channel not found");


logic: Throwing an error here will cause an unhandled exception. Consider using showCustomToast instead and returning early.

pernielsentikaer · 2025-03-03T08:27:43Z

Could you check the messages from the bot?

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

SEE: raycast#17253 (review)

koh-sh · 2025-03-03T16:34:27Z

@pernielsentikaer

Thank you for your review!
I've addressed all the review comments from the bot.
Could you please check it again?

pernielsentikaer · 2025-03-04T06:21:11Z

@greptileai please check again

pernielsentikaer

The extension icon is not working well in both appearances; could you look into this? If you struggle to do so, then you can use our generator

greptile-apps

PR Summary

(updates since last review)

This PR continues to evolve the Slack Templated Message extension with several important improvements to error handling and user experience.

Improved error handling across the extension by replacing thrown errors with showFailureToast from @raycast/utils for better user feedback
Added proper empty state handling in export-templates.tsx with isLoading flag to prevent flicker
Simplified mergeTemplates function in import-templates.tsx by removing unnecessary async keyword and string interpolation
Strengthened template validation in templates.ts with explicit array type checking for imported templates

The changes focus on making the extension more robust and user-friendly while maintaining clean code practices.

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

greptile-apps · 2025-03-04T06:22:36Z

extensions/slack-templated-message/src/export-templates.tsx

+      .catch(async (error) => {
+        await handleOperationError(error, "export");
+      })


style: Consider using showFailureToast from @raycast/utils to simplify error handling

greptile-apps · 2025-03-04T06:23:48Z

extensions/slack-templated-message/README.md

+   - `{date}` - Current date (YYYY-MM-DD)
+   - `{time}` - Current time (HH:MM)
+   - `{user}` - Your Slack username


style: Consider adding examples for the date/time/user variables to make the format clearer, e.g. {date} - Current date (YYYY-MM-DD, e.g. 2024-03-04)

greptile-apps · 2025-03-04T06:23:49Z

extensions/slack-templated-message/src/create-template.tsx

+      // Validate channel selection
+      const selectedChannel = channels.find((c) => c.id === values.slackChannelId);
+      if (!selectedChannel) {
+        throw new Error("Selected channel not found");
+      }


logic: Channel validation should happen before thread validation to fail fast. Move this check before line 67.

greptile-apps · 2025-03-04T06:23:49Z

extensions/slack-templated-message/src/create-template.tsx

+      <Form.TextField id="name" title="Template Name" placeholder="Enter the name of the template" />
+      <Form.TextArea id="message" title="Message" placeholder="Enter your message template" />
+      <ChannelDropdown channels={channels} />


style: Consider adding maxLength constraints to name and message fields to prevent oversized templates

extensions/slack-templated-message/src/send-message.tsx

extensions/slack-templated-message/src/lib/slack.ts

greptile-apps · 2025-03-04T06:25:22Z

extensions/slack-templated-message/src/import-templates.tsx

+        value={filePath}
+        onChange={setFilePath}
+      />
+      <Form.Checkbox id="overwrite" label="Update duplicate Items" defaultValue={false} />


style: Inconsistent capitalization in label - 'Items' should be lowercase to match UI style

extensions/slack-templated-message/src/lib/templates.ts

greptile-apps · 2025-03-04T06:25:47Z

extensions/slack-templated-message/src/lib/templates.ts

+    const templates = await loadTemplates();
+    const updatedTemplates = templates.filter((t) => t.name !== templateName);


style: Using loadTemplates() here but loadTemplatesFromFile() in updateTemplate() - should be consistent across similar operations

extensions/slack-templated-message/src/lib/templates.ts

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

pernielsentikaer

Hi 👋

Looks good to me, approved 🔥

github-actions · 2025-03-04T13:44:44Z

Published to the Raycast Store:
https://raycast.com/koh-sh/slack-templated-message

raycastbot · 2025-03-04T13:44:46Z

🎉 🎉 🎉

Such a great contribution deserves a reward, but unfortunately we couldn't find your Raycast account based on your GitHub username (@koh-sh).
Please link your GitHub account to your Raycast account to receive your credits and soon be able to exchange them for some swag.

koh-sh · 2025-03-04T14:08:03Z

@pernielsentikaer
Thank you!

feat: add slack-templated-message extension

7e98a9d

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

pernielsentikaer self-assigned this Mar 2, 2025

greptile-apps bot reviewed Mar 3, 2025

View reviewed changes

Apply suggestions from code review

70a0b73

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

koh-sh force-pushed the slack-templated-message branch from f08395b to 6c2af01 Compare March 3, 2025 16:11

fix: address review feedbacks

9c5bd8a

SEE: raycast#17253 (review)

koh-sh force-pushed the slack-templated-message branch from 6c2af01 to 9c5bd8a Compare March 3, 2025 16:29

koh-sh requested a review from pernielsentikaer March 3, 2025 16:34

pernielsentikaer requested changes Mar 4, 2025

View reviewed changes

greptile-apps bot reviewed Mar 4, 2025

View reviewed changes

Apply suggestions from code review

2735126

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

pernielsentikaer approved these changes Mar 4, 2025

View reviewed changes

Update CHANGELOG.md and optimise images

2126b12

raycastbot merged commit 0987446 into raycast:main Mar 4, 2025
2 checks passed

koh-sh deleted the slack-templated-message branch March 5, 2025 09:40

		const templates = await loadTemplates();
		const updatedTemplates = templates.filter((t) => t.name !== templateName);

Conversation

koh-sh commented Feb 23, 2025

Description

Screencast

Checklist

Uh oh!

raycastbot commented Feb 23, 2025

Uh oh!

pernielsentikaer commented Mar 2, 2025

Uh oh!

koh-sh commented Mar 2, 2025

Uh oh!

pernielsentikaer commented Mar 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

greptile-apps bot left a comment

Choose a reason for hiding this comment

PR Summary

Uh oh!

greptile-apps bot Mar 3, 2025

Choose a reason for hiding this comment

Uh oh!

pernielsentikaer Mar 3, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 3, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

greptile-apps bot Mar 3, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

greptile-apps bot Mar 3, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

greptile-apps bot Mar 3, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 3, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 3, 2025

Choose a reason for hiding this comment

Uh oh!

pernielsentikaer commented Mar 3, 2025

Uh oh!

koh-sh commented Mar 3, 2025

Uh oh!

pernielsentikaer commented Mar 4, 2025

Uh oh!

pernielsentikaer left a comment

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot left a comment

Choose a reason for hiding this comment

PR Summary

Uh oh!

greptile-apps bot Mar 4, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 4, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 4, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 4, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

greptile-apps bot Mar 4, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

greptile-apps bot Mar 4, 2025

Choose a reason for hiding this comment

Uh oh!

pernielsentikaer commented Mar 3, 2025 •

edited

Loading