chore: fetch contributions

.nvmrc

@@ -0,0 +1 @@
+18.16.0

CHANGELOG.md

@@ -1,5 +1,9 @@
 # put.io Changelog
 
+## [Enhancement] - 2024-05-05
+
+- Add VLC streaming support for both regular and MP4 streams
+
 ## [Initial Version] - 2023-06-04
 
 ### Files

src/components/FileListItemActions.tsx

@@ -1,10 +1,12 @@
+import { exec } from "child_process";
 import { ActionPanel, Action, Icon, confirmAlert, showToast, Toast, Alert } from "@raycast/api";
 import { useCachedPromise } from "@raycast/utils";
 import type { IFile } from "@putdotio/api-client";
 import { getPutioAccountInfo, getPutioClient } from "../api/withPutioClient";
 import { Files } from "../files";
 import { RenameFile } from "../rename-file";
 import { deleteFile } from "../api/files";
+import { useIsVlcInstalled } from "../utils";
 
 const fetchFileDownloadURL = async (file: IFile) => {
   try {
@@ -35,6 +37,7 @@ const fetchFileURLs = async (file: IFile) => {
 };
 
 export const FileListItemNavigationActions = ({ file }: { file: IFile }) => {
+  const isVlcInstalled = useIsVlcInstalled();
   const { data: urls } = useCachedPromise(fetchFileURLs, [file]);
 
   return (
@@ -63,7 +66,28 @@ export const FileListItemNavigationActions = ({ file }: { file: IFile }) => {
       )}
 
       {urls?.stream && <Action.CopyToClipboard title="Copy Stream URL" content={urls.stream} />}
+
       {urls?.mp4Stream && <Action.CopyToClipboard title="Copy Mp4 Stream URL" content={urls.mp4Stream} />}
+
+      {isVlcInstalled && urls?.stream && (
+        <Action
+          icon={Icon.AppWindow}
+          onAction={() => {
+            exec(`vlc "${urls.stream}"`);
+          }}
+          title="Open in Vlc"
+        />
+      )}
+
+      {isVlcInstalled && urls?.mp4Stream && (
+        <Action
+          icon={Icon.AppWindow}
+          onAction={() => {
+            exec(`vlc "${urls.mp4Stream}"`);
+          }}
+          title="Open Mp4 in Vlc"
+        />
+      )}
     </>
   );
 };

src/transfers.tsx

@@ -35,7 +35,6 @@ export const Transfers = () => {
   return (
     <List isLoading={isLoading} searchBarPlaceholder="Search in transfers">
       <EmptyView title={data && data?.transfers.length === 0 ? "No transfers" : "Transfers"} />
-
       {data?.transfers.map((transfer) => <TransferListItem key={transfer.id} transfer={transfer} />)}
     </List>
   );

src/utils/index.ts

@@ -0,0 +1,19 @@
+import { useEffect, useState } from "react";
+import { getApplications } from "@raycast/api";
+
+export const useIsVlcInstalled = () => {
+  const [isVlcInstalled, setIsVlcInstalled] = useState(false);
+
+  useEffect(() => {
+    const checkIfVlcInstalled = async () => {
+      const applications = await getApplications();
+      const vlcIsInstalled = applications.some(({ bundleId }) => bundleId === "org.videolan.vlc");
+
+      setIsVlcInstalled(vlcIsInstalled);
+    };
+
+    checkIfVlcInstalled();
+  }, []);
+
+  return isVlcInstalled;
+};