Update tw-colorsearch extension by ridemountainpig · Pull Request #17805 · raycast/extensions

ridemountainpig · 2025-03-13T02:20:03Z

Description

Added support for the OKLCH color format.
Update dependencies and Tailwind CSS colors to their latest versions.

Screencast

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 in the README are located outside the metadata folder if they were not generated with our metadata tool

raycastbot · 2025-03-13T02:20:24Z

Thank you for your contribution! 🎉

🔔 @magicjaqk you might want to have a look.

You can use this guide to learn how to check out the Pull Request locally in order to test it.

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

greptile-apps

PR Summary

This PR updates the tw-colorsearch extension to support OKLCH color format and modernizes dependencies, with significant changes to color handling and UI functionality.

Added OKLCH color format support using the culori library, with all color definitions converted from HEX to OKLCH
Upgraded @raycast/api to v1.79.0 and added necessary dependencies for color manipulation
Added new "Copy Oklch" action in the UI alongside existing HEX and RGB options
Simplified ESLint configuration by extending from @raycast base config
Unnecessary Swift-related entries added to .gitignore should be removed as they're not relevant for this TypeScript extension

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

greptile-apps · 2025-03-13T02:22:42Z

extensions/tw-colorsearch/CHANGELOG.md

@@ -1,3 +1,8 @@
 # ColorPicker Changelog

+## [Feature]- {PR_MERGE_DATE}


syntax: Remove the dash between [Feature] and {PR_MERGE_DATE}. The format should be ## [Feature] - {PR_MERGE_DATE}

Suggested change

## [Feature]- {PR_MERGE_DATE}

## [Feature] - {PR_MERGE_DATE}

greptile-apps · 2025-03-13T02:22:46Z

extensions/tw-colorsearch/src/index.tsx

+        hex: formatHex(tw_colors[colorName][shade]) || "",
        rgb: HexToRGB(tw_colors[colorName][shade]),


logic: HexToRGB may fail if formatHex returns empty string. Add null check before conversion

Suggested change

hex: formatHex(tw_colors[colorName][shade]) || "",

rgb: HexToRGB(tw_colors[colorName][shade]),

hex: formatHex(tw_colors[colorName][shade]) || "",

rgb: formatHex(tw_colors[colorName][shade]) ? HexToRGB(formatHex(tw_colors[colorName][shade])!) : "rgb(0, 0, 0)",

greptile-apps · 2025-03-13T02:23:02Z

extensions/tw-colorsearch/.gitignore

+.raycast-swift-build
+.swiftpm
+compiled_raycast_swift


logic: These Swift-related ignore patterns (.raycast-swift-build, .swiftpm, compiled_raycast_swift) should be removed as they are not relevant for a TypeScript/JavaScript extension and may cause confusion

Suggested change

.raycast-swift-build

.swiftpm

compiled_raycast_swift

LitoMore · 2025-03-13T07:24:08Z

extensions/tw-colorsearch/src/index.tsx

-              <Action.CopyToClipboard title="Copy HEX" content={item.hex.toUpperCase()} />
-              <Action.CopyToClipboard title="Copy RGB" content={item.rgb} />
+              <Action.CopyToClipboard title="Copy Hex" content={item.hex.toUpperCase()} />
+              <Action.CopyToClipboard title="Copy Rgb" content={item.rgb} />


The RGB should be upper cased. See https://en.wikipedia.org/wiki/RGB_color_model.

Suggested change

<Action.CopyToClipboard title="Copy Rgb" content={item.rgb} />

<Action.CopyToClipboard title="Copy RGB" content={item.rgb} />

LitoMore · 2025-03-13T07:24:10Z

extensions/tw-colorsearch/src/index.tsx

+              <Action.CopyToClipboard title="Copy Oklch" content={item.oklch} />
              <Action.CopyToClipboard
-                title="Copy TailwindCSS Name"
+                title="Copy Tailwind Css Name"


Tailwind CSS is a trademark. Let's use the correct spelling.

Suggested change

title="Copy Tailwind Css Name"

title="Copy Tailwind CSS Name"

LitoMore · 2025-03-13T07:29:18Z

extensions/tw-colorsearch/package.json

+    "@raycast/eslint-config": "^1.0.11",
+    "@types/culori": "^2.1.1",
+    "@types/node": "^20.8.10",
+    "@types/react": "^18.3.3",
    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
    "prettier": "^2.5.1",
+    "react": "^18.2.0",


Since you've upgraded most dependencies, would you mind updating the eslint and prettier in the PR? The eslint can be upgraded to version 8.

I have updated the dependencies and the title. Thank you.

LitoMore · 2025-03-13T07:31:30Z

extensions/tw-colorsearch/package.json

    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
    "prettier": "^2.5.1",
+    "react": "^18.2.0",


The react is optional. We can consider removing it for a faster installation.

pernielsentikaer · 2025-03-13T09:39:56Z

Is this ready @LitoMore

LitoMore

@pernielsentikaer LGTM. Keeping the react dependency should be fine.

github-actions · 2025-03-13T10:01:23Z

Published to the Raycast Store:
https://raycast.com/magicjaqk/tw-colorpicker

raycastbot · 2025-03-13T10:01:24Z

🎉 🎉 🎉

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

Update tw-colorsearch extension

ac0b62d

raycastbot added extension fix / improvement Label for PRs with extension's fix improvements extension: tw-colorsearch Issues related to the tw-colorsearch extension labels Mar 13, 2025

greptile-apps bot reviewed Mar 13, 2025

View reviewed changes

Update CHANGELOG.md

63247a4

LitoMore suggested changes Mar 13, 2025

View reviewed changes

LitoMore reviewed Mar 13, 2025

View reviewed changes

Update prettier and eslint dependence

8367b22

LitoMore approved these changes Mar 13, 2025

View reviewed changes

pernielsentikaer approved these changes Mar 13, 2025

View reviewed changes

pernielsentikaer self-assigned this Mar 13, 2025

Update CHANGELOG.md and optimise images

5b0f9b8

raycastbot merged commit 38427f1 into raycast:main Mar 13, 2025
2 checks passed

ridemountainpig deleted the tw-colorsearch branch March 31, 2025 02:10

		@@ -1,3 +1,8 @@
		# ColorPicker Changelog

		## [Feature]- {PR_MERGE_DATE}

		hex: formatHex(tw_colors[colorName][shade]) \|\| "",
		rgb: HexToRGB(tw_colors[colorName][shade]),

	<Action.CopyToClipboard title="Copy Rgb" content={item.rgb} />
	<Action.CopyToClipboard title="Copy RGB" content={item.rgb} />

	title="Copy Tailwind Css Name"
	title="Copy Tailwind CSS Name"

Conversation

ridemountainpig commented Mar 13, 2025

Description

Screencast

Checklist

Uh oh!

raycastbot commented Mar 13, 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 13, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 13, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Mar 13, 2025

Choose a reason for hiding this comment

Uh oh!

LitoMore Mar 13, 2025

Choose a reason for hiding this comment

Uh oh!

LitoMore Mar 13, 2025

Choose a reason for hiding this comment

Uh oh!

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

Uh oh!

Choose a reason for hiding this comment

Uh oh!

ridemountainpig Mar 13, 2025

Choose a reason for hiding this comment

Uh oh!

LitoMore Mar 13, 2025

Choose a reason for hiding this comment

Uh oh!

pernielsentikaer commented Mar 13, 2025

Uh oh!

LitoMore left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

github-actions bot commented Mar 13, 2025

Uh oh!

raycastbot commented Mar 13, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

raycastbot commented Mar 13, 2025 •

edited

Loading

LitoMore Mar 13, 2025 •

edited

Loading