Add macports extension (#18773)

* Add macports extension

- lock
- chore: lint
- sync
- separate page for search and list installed
- clean up main screen
- feat: port details
- feat: onboarding
- feat: search query before opening ui
- sync state
- sync local state
- fix: exec
- manbat

* ci: tests

* refactor: memoize url construction. This ensures the URL string is only recalculated when searchText actually changes, not on every render 👀

- this console warning clued me to this:
```
Looks like the command is rendering a lot without any changes. This might indicate an rendering loop caused by a `setState` not being wrapped in a `useEffect`.
This will degrade the performances of Raycast and Raycast might arbitrarily decide to terminate the extension if it happens too many times.

```

* feat: run in terminal

- inspired by the brew extension 🫶🏽 - https://www.raycast.com/nhojb/brew

* refactor: port details screen

* refactor: check install status when parsing search results.
- This way gives immediate ui feedback

* chore: docs and lint

* chore: address pr comments

* fix: escape commands

* chore: lint

* chore: address pr comments

* feat: show version

* Update extensions/macports/src/components/Onboarding.tsx

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

* refactor: test definition

* Update extensions/macports/src/port-details.tsx

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

* chore: sync local

* chore: screenshots

* chore: details icon

* fix(exec): prevent "No" from appearing as a port when no ports are installed

* styles

* Update util.ts

* Update CHANGELOG.md and optimise images

---------

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
Co-authored-by: Per Nielsen Tikær <[email protected]>
Co-authored-by: raycastbot <[email protected]>

Author: 4 people

extensions/macports/.gitignore

@@ -0,0 +1,13 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# Raycast specific files
+raycast-env.d.ts
+.raycast-swift-build
+.swiftpm
+compiled_raycast_swift
+
+# misc
+.DS_Store

extensions/macports/.prettierignore

@@ -0,0 +1,2 @@
+# Test files
+src/test-files/*.txt

extensions/macports/.prettierrc

@@ -0,0 +1,4 @@
+{
+  "printWidth": 120,
+  "singleQuote": false
+}

extensions/macports/CHANGELOG.md

@@ -0,0 +1,3 @@
+# Macports Changelog
+
+## [Initial Version] - 2025-05-07

extensions/macports/README.md

@@ -0,0 +1,10 @@
+# MacPorts
+Simple Management tool for [MacPorts](https://www.macports.org/). Allows you to:
+- Search for ports
+- Install/Uninstall ports
+- List installed ports
+- View port details
+
+# Installation
+You need to have MacPorts installed to use this extension.
+Visit the [MacPorts Website](https://www.macports.org/install.php) to download the official installer for your macOS version.

extensions/macports/assets/icon.png

@@ -0,0 +1,9 @@
+const { defineConfig } = require("eslint/config");
+const raycastConfig = require("@raycast/eslint-config");
+
+module.exports = defineConfig([
+  {
+    ignores: ['test-files/**']
+  },
+  ...raycastConfig,
+]);