@prozilla-os/media-viewer 1.1.16 → 1.1.18

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 Sieben De Beule
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2023 Sieben De Beule
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,79 +1,79 @@
-<div align="center">
-  <br />
-  <p>
-    <a href="https://os.prozilla.dev/"><img src="https://os.prozilla.dev/assets/logo.svg?v=2" height="200" alt="ProzillaOS" /></a>
-  </p>
-  <p>
-    <a href="https://github.com/prozilla-os/ProzillaOS/blob/main/LICENSE.md"><img alt="License" src="https://img.shields.io/github/license/Prozilla/ProzillaOS?style=flat-square&color=FF4D5B&label=License"></a>
-    <a href="https://github.com/prozilla-os/ProzillaOS"><img alt="Stars" src="https://img.shields.io/github/stars/Prozilla/ProzillaOS?style=flat-square&color=FED24C&label=%E2%AD%90"></a>
-    <a href="https://github.com/prozilla-os/ProzillaOS"><img alt="Forks" src="https://img.shields.io/github/forks/Prozilla/ProzillaOS?style=flat-square&color=4D9CFF&label=Forks&logo=github"></a>
-    <a href="https://www.npmjs.com/package/prozilla-os"><img alt="NPM Version" src="https://img.shields.io/npm/v/prozilla-os?logo=npm&style=flat-square&label=prozilla-os&color=FF4D5B"></a>
-  </p>
-</div>
-
-## About
-
-`@prozilla-os/media-viewer` is a ProzillaOS application for viewing different kinds of media.
-
-## Installation
-
-`@prozilla-os/core` is required to run this application.
-
-```sh
-npm install @prozilla-os/core @prozilla-os/media-viewer
-yarn add @prozilla-os/core @prozilla-os/media-viewer
-pnpm add @prozilla-os/core @prozilla-os/media-viewer
-```
-
-## Usage
-
-### Basic setup
-
-```tsx
-import { Desktop, ModalsView, ProzillaOS, Taskbar, WindowsView, AppsConfig } from "@prozilla-os/core";
-import { mediaViewer } from "@prozilla-os/media-viewer";
-
-function App() {
-  return (
-    <ProzillaOS
-      systemName="Example"
-      tagLine="Powered by ProzillaOS"
-      config={{
-        apps: new AppsConfig({
-          apps: [ mediaViewer ]
-        })
-      }}
-    >
-      <Taskbar/>
-      <WindowsView/>
-      <ModalsView/>
-      <Desktop/>
-    </ProzillaOS>
-  );
-}
-```
-
-### Window options
-
-```tsx
-/**
- * A virtual file containing media to open
- */
-file: VirtualFile;
-```
-
-## Links
-
-- [Demo][demo]
-- [Docs][docs]
-- [GitHub][github]
-- [npm][npm]
-- [Discord][discord]
-- [Ko-fi][ko-fi]
-
-[demo]: https://os.prozilla.dev/media-viewer
-[docs]: https://os.prozilla.dev/docs/reference/apps/media-viewer
-[github]: https://github.com/prozilla-os/ProzillaOS/tree/main/packages/apps/media-viewer
-[npm]: https://www.npmjs.com/package/@prozilla-os/media-viewer
-[discord]: https://discord.gg/JwbyQP4tdz
-[ko-fi]: https://ko-fi.com/prozilla
+<div align="center">
+  <br />
+  <p>
+    <a href="https://os.prozilla.dev/"><img src="https://os.prozilla.dev/assets/logo.svg?v=2" height="200" alt="ProzillaOS" /></a>
+  </p>
+  <p>
+    <a href="https://github.com/prozilla-os/ProzillaOS/blob/main/LICENSE.md"><img alt="License" src="https://img.shields.io/github/license/Prozilla/ProzillaOS?style=flat-square&color=FF4D5B&label=License"></a>
+    <a href="https://github.com/prozilla-os/ProzillaOS"><img alt="Stars" src="https://img.shields.io/github/stars/Prozilla/ProzillaOS?style=flat-square&color=FED24C&label=%E2%AD%90"></a>
+    <a href="https://github.com/prozilla-os/ProzillaOS"><img alt="Forks" src="https://img.shields.io/github/forks/Prozilla/ProzillaOS?style=flat-square&color=4D9CFF&label=Forks&logo=github"></a>
+    <a href="https://www.npmjs.com/package/prozilla-os"><img alt="NPM Version" src="https://img.shields.io/npm/v/prozilla-os?logo=npm&style=flat-square&label=prozilla-os&color=FF4D5B"></a>
+  </p>
+</div>
+
+## About
+
+`@prozilla-os/media-viewer` is a ProzillaOS application for viewing different kinds of media.
+
+## Installation
+
+`@prozilla-os/core` is required to run this application.
+
+```sh
+npm install @prozilla-os/core @prozilla-os/media-viewer
+yarn add @prozilla-os/core @prozilla-os/media-viewer
+pnpm add @prozilla-os/core @prozilla-os/media-viewer
+```
+
+## Usage
+
+### Basic setup
+
+```tsx
+import { Desktop, ModalsView, ProzillaOS, Taskbar, WindowsView, AppsConfig } from "@prozilla-os/core";
+import { mediaViewer } from "@prozilla-os/media-viewer";
+
+function App() {
+  return (
+    <ProzillaOS
+      systemName="Example"
+      tagLine="Powered by ProzillaOS"
+      config={{
+        apps: new AppsConfig({
+          apps: [ mediaViewer ]
+        })
+      }}
+    >
+      <Taskbar/>
+      <WindowsView/>
+      <ModalsView/>
+      <Desktop/>
+    </ProzillaOS>
+  );
+}
+```
+
+### Window options
+
+```tsx
+/**
+ * A virtual file containing media to open
+ */
+file: VirtualFile;
+```
+
+## Links
+
+- [Demo][demo]
+- [Docs][docs]
+- [GitHub][github]
+- [npm][npm]
+- [Discord][discord]
+- [Ko-fi][ko-fi]
+
+[demo]: https://os.prozilla.dev/media-viewer
+[docs]: https://os.prozilla.dev/docs/reference/apps/media-viewer
+[github]: https://github.com/prozilla-os/ProzillaOS/tree/main/packages/apps/media-viewer
+[npm]: https://www.npmjs.com/package/@prozilla-os/media-viewer
+[discord]: https://discord.gg/JwbyQP4tdz
+[ko-fi]: https://ko-fi.com/prozilla

package/dist/main.js

@@ -1,26 +1,47 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._MediaViewer_1u5j4_1{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem}._MediaViewer_1u5j4_1 img{width:100%;height:100%;object-fit:contain}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { useSystemManager as p, useWindowsManager as l, AppsConfig as s, IMAGE_EXTENSIONS as t, App as u } from "@prozilla-os/core";
-import { jsx as r } from "react/jsx-runtime";
-import { useEffect as m } from "react";
-const c = "_MediaViewer_1u5j4_1", f = {
-  MediaViewer: c
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._MediaViewer_vkowo_1{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem}._MediaViewer_vkowo_1 img{width:100%;height:100%;object-fit:contain}._VideoViewer_vkowo_16,._AudioViewer_vkowo_16{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}._VideoViewer_vkowo_16 h3{margin:0}._VideoViewer_vkowo_16>*{width:100%;height:100%;border:none;background:transparent}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
+import { useSystemManager as x, useWindowsManager as E, AUDIO_EXTENSIONS as a, VIDEO_EXTENSIONS as d, AppsConfig as m, MEDIA_EXTENSIONS as V, IMAGE_EXTENSIONS as _, App as h } from "@prozilla-os/core";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useRef as p, useEffect as w } from "react";
+const y = "_MediaViewer_vkowo_1", A = "_VideoViewer_vkowo_16", N = "_AudioViewer_vkowo_16", n = {
+  MediaViewer: y,
+  VideoViewer: A,
+  AudioViewer: N
 };
-function w({ file: e, close: o, setTitle: i }) {
-  const { appsConfig: d } = p(), a = l();
-  if (m(() => {
-    e != null && (i == null || i(e.id));
-  }, [e, i]), e == null) {
-    const n = d.getAppByRole(s.APP_ROLES.fileExplorer);
-    setTimeout(() => {
-      n != null && (a == null || a.open(n.id, { path: "~/Pictures" })), o == null || o();
-    }, 10);
-    return;
+function g({ file: e, close: t, setTitle: s }) {
+  const { appsConfig: v } = x(), u = E(), o = p(null), i = p(null);
+  if (w(() => {
+    e != null && (s == null || s(e.id));
+  }, [e, s]), w(() => {
+    if (!(e == null || e.source == null))
+      return e.extension && a.includes(e.extension) && o.current && (o.current.src = e.source, o.current.play()), e.extension && d.includes(e.extension) && i.current && (i.current.src = e.source, i.current.play()), () => {
+        o.current && (o.current.pause(), o.current.currentTime = 0), i.current && (i.current.pause(), i.current.currentTime = 0);
+      };
+  }, [e]), e == null) {
+    const c = v.getAppByRole(m.APP_ROLES.fileExplorer);
+    return setTimeout(() => {
+      c != null && (u == null || u.open(c.id, { path: "~/Pictures" })), t == null || t();
+    }, 10), null;
   }
-  return e.extension == null || !t.includes(e.extension) ? /* @__PURE__ */ r("p", { children: "Invalid file format." }) : e.source == null ? /* @__PURE__ */ r("p", { children: "File failed to load." }) : /* @__PURE__ */ r("div", { className: f.MediaViewer, children: /* @__PURE__ */ r("img", { src: e.source, alt: e.id, draggable: "false" }) });
+  return e.extension == null || !V.includes(e.extension) ? /* @__PURE__ */ r("p", { children: "Invalid file format." }) : e.source == null ? /* @__PURE__ */ r("p", { children: "File failed to load." }) : _.includes(e.extension) ? /* @__PURE__ */ r("div", { className: n.MediaViewer, children: /* @__PURE__ */ r("img", { src: e.source, alt: e.id, draggable: "false" }) }) : a.includes(e.extension) ? /* @__PURE__ */ r("div", { className: n.AudioViewer, children: /* @__PURE__ */ l("audio", { ref: o, controls: !0, children: [
+    /* @__PURE__ */ r("source", { src: e.source, type: `video/${e.extension}` }),
+    "Your browser does not support audio."
+  ] }) }) : d.includes(e.extension) ? e.extension === "yt" ? /* @__PURE__ */ r("div", { className: n.VideoViewer, children: /* @__PURE__ */ r(
+    "iframe",
+    {
+      src: e.source.replace("watch?v=", "embed/"),
+      title: e.id,
+      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+      allowFullScreen: !0,
+      allowTransparency: !0
+    }
+  ) }) : /* @__PURE__ */ r("div", { className: n.VideoViewer, children: /* @__PURE__ */ l("video", { ref: i, controls: !0, className: n.VideoPlayer, children: [
+    /* @__PURE__ */ r("source", { src: e.source, type: `video/${e.extension}` }),
+    "Your browser does not support videos."
+  ] }) }) : /* @__PURE__ */ r("div", { className: n.MediaViewer, children: /* @__PURE__ */ r("img", { src: e.source, alt: e.id, draggable: "false" }) });
 }
-const g = new u("Media Viewer", "media-viewer", w).setIconUrl("https://os.prozilla.dev/assets/apps/icons/media-viewer.svg").setRole(s.APP_ROLES.mediaViewer).setAssociatedExtensions(t).setCategory("Photo & video");
-g.setMetadata({ name: "@prozilla-os/media-viewer", version: "1.1.15", author: "Prozilla" });
+const S = new h("Media Viewer", "media-viewer", g).setIconUrl("https://os.prozilla.dev/assets/apps/icons/media-viewer.svg").setRole(m.APP_ROLES.mediaViewer).setAssociatedExtensions(V).setCategory("Photo & video");
+S.setMetadata({ name: "@prozilla-os/media-viewer", version: "1.1.17", author: "Prozilla" });
 export {
-  g as mediaViewer
+  S as mediaViewer
 };
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/components/MediaViewer.tsx","../src/main.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport styles from \"./MediaViewer.module.css\";\nimport { AppsConfig, IMAGE_EXTENSIONS, useSystemManager, useWindowsManager, VirtualFile, WindowProps } from \"@prozilla-os/core\";\n\nexport interface MediaViewerProps extends WindowProps {\n\tfile?: VirtualFile;\n}\n\nexport function MediaViewer({ file, close, setTitle }: MediaViewerProps) {\n\tconst { appsConfig } = useSystemManager();\n\tconst windowsManager = useWindowsManager();\n\n\tuseEffect(() => {\n\t\tif (file != null) setTitle?.(file.id);\n\t}, [file, setTitle]);\n\n\tif (file == null) {\n\t\tconst fileExplorerApp = appsConfig.getAppByRole(AppsConfig.APP_ROLES.fileExplorer);\n\n\t\tsetTimeout(() => {\n\t\t\tif (fileExplorerApp != null)\n\t\t\t\twindowsManager?.open(fileExplorerApp.id, { path: \"~/Pictures\" });\n\t\t\tclose?.();\n\t\t}, 10);\n\t\treturn;\n\t}\n\n\tif (file.extension == null || !IMAGE_EXTENSIONS.includes(file.extension)) return <p>Invalid file format.</p>;\n\n\tif (file.source == null) return <p>File failed to load.</p>;\n\n\treturn <div className={styles.MediaViewer}>\n\t\t<img src={file.source} alt={file.id} draggable=\"false\"/>\n\t</div>;\n}","import { App, AppsConfig, IMAGE_EXTENSIONS } from \"@prozilla-os/core\";\nimport { MediaViewer, MediaViewerProps } from \"./components/MediaViewer\";\n\nconst mediaViewer = new App<MediaViewerProps>(\"Media Viewer\", \"media-viewer\", MediaViewer)\n\t.setIconUrl(\"https://os.prozilla.dev/assets/apps/icons/media-viewer.svg\")\n\t.setRole(AppsConfig.APP_ROLES.mediaViewer)\n\t.setAssociatedExtensions(IMAGE_EXTENSIONS)\n\t.setCategory(\"Photo & video\");\nmediaViewer.setMetadata({ name: \"@prozilla-os/media-viewer\", version: \"1.1.15\", author: \"Prozilla\" });\n\n\nexport { mediaViewer };"],"names":["MediaViewer","file","close","setTitle","appsConfig","useSystemManager","windowsManager","useWindowsManager","useEffect","fileExplorerApp","AppsConfig","IMAGE_EXTENSIONS","jsx","styles","mediaViewer","App"],"mappings":";;;;;;AAQO,SAASA,EAAY,EAAE,MAAAC,GAAM,OAAAC,GAAO,UAAAC,KAA8B;AAClE,QAAA,EAAE,YAAAC,MAAeC,KACjBC,IAAiBC;AAMvB,MAJAC,EAAU,MAAM;AACf,IAAIP,KAAQ,SAAiBE,KAAA,QAAAA,EAAAF,EAAK;AAAA,EAAE,GAClC,CAACA,GAAME,CAAQ,CAAC,GAEfF,KAAQ,MAAM;AACjB,UAAMQ,IAAkBL,EAAW,aAAaM,EAAW,UAAU,YAAY;AAEjF,eAAW,MAAM;AAChB,MAAID,KAAmB,SACtBH,KAAA,QAAAA,EAAgB,KAAKG,EAAgB,IAAI,EAAE,MAAM,kBAC1CP,KAAA,QAAAA;AAAA,OACN,EAAE;AACL;AAAA,EACD;AAEA,SAAID,EAAK,aAAa,QAAQ,CAACU,EAAiB,SAASV,EAAK,SAAS,IAAW,gBAAAW,EAAA,KAAA,EAAE,UAAoB,uBAAA,CAAA,IAEpGX,EAAK,UAAU,OAAa,gBAAAW,EAAC,OAAE,UAAoB,uBAAA,CAAA,IAE/C,gBAAAA,EAAA,OAAA,EAAI,WAAWC,EAAO,aAC7B,UAAC,gBAAAD,EAAA,OAAA,EAAI,KAAKX,EAAK,QAAQ,KAAKA,EAAK,IAAI,WAAU,SAAO,EACvD,CAAA;AACD;AC/BA,MAAMa,IAAc,IAAIC,EAAsB,gBAAgB,gBAAgBf,CAAW,EACvF,WAAW,4DAA4D,EACvE,QAAQU,EAAW,UAAU,WAAW,EACxC,wBAAwBC,CAAgB,EACxC,YAAY,eAAe;AAC7BG,EAAY,YAAY,EAAE,MAAM,6BAA6B,SAAS,UAAU,QAAQ,YAAY;"}
+{"version":3,"file":"main.js","sources":["../src/components/MediaViewer.tsx","../src/main.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport styles from \"./MediaViewer.module.css\";\nimport { AppsConfig, IMAGE_EXTENSIONS, VIDEO_EXTENSIONS, AUDIO_EXTENSIONS, useSystemManager, useWindowsManager, VirtualFile, WindowProps, MEDIA_EXTENSIONS } from \"@prozilla-os/core\";\n\nexport interface MediaViewerProps extends WindowProps {\n\tfile?: VirtualFile;\n}\n\nexport function MediaViewer({ file, close, setTitle }: MediaViewerProps) {\n\tconst { appsConfig } = useSystemManager();\n\tconst windowsManager = useWindowsManager();\n\tconst audioRef = useRef<HTMLAudioElement | null>(null);\n\tconst videoRef = useRef<HTMLVideoElement | null>(null);\n\n\tuseEffect(() => {\n\t\tif (file != null)\n\t\t\tsetTitle?.(file.id);\n\t}, [file, setTitle]);\n\n\tuseEffect(() => {\n\t\tif (file == null || file.source == null)\n\t\t\treturn;\n\n\t\tif (file.extension && AUDIO_EXTENSIONS.includes(file.extension)) {\n\t\t\tif (audioRef.current) {\n\t\t\t\taudioRef.current.src = file.source;\n\t\t\t\tvoid audioRef.current.play();\n\t\t\t}\n\t\t}\n\n\t\tif (file.extension && VIDEO_EXTENSIONS.includes(file.extension)) {\n\t\t\tif (videoRef.current) {\n\t\t\t\tvideoRef.current.src = file.source;\n\t\t\t\tvoid videoRef.current.play();\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (audioRef.current) {\n\t\t\t\taudioRef.current.pause();\n\t\t\t\taudioRef.current.currentTime = 0;\n\t\t\t}\n\t\t\tif (videoRef.current) {\n\t\t\t\tvideoRef.current.pause();\n\t\t\t\tvideoRef.current.currentTime = 0;\n\t\t\t}\n\t\t};\n\t}, [file]);\n\n\tif (file == null) {\n\t\tconst fileExplorerApp = appsConfig.getAppByRole(AppsConfig.APP_ROLES.fileExplorer);\n\n\t\tsetTimeout(() => {\n\t\t\tif (fileExplorerApp != null)\n\t\t\t\twindowsManager?.open(fileExplorerApp.id, { path: \"~/Pictures\" });\n\t\t\tclose?.();\n\t\t}, 10);\n\t\treturn null;\n\t}\n\n\tif (file.extension == null || !MEDIA_EXTENSIONS.includes(file.extension)) {\n\t\treturn <p>Invalid file format.</p>;\n\t}\n\n\tif (file.source == null)\n\t\treturn <p>File failed to load.</p>;\n\n\tif (IMAGE_EXTENSIONS.includes(file.extension)) {\n\t\treturn <div className={styles.MediaViewer}>\n\t\t\t<img src={file.source} alt={file.id} draggable=\"false\" />\n\t\t</div>;\n\t} else if (AUDIO_EXTENSIONS.includes(file.extension)) {\n\t\treturn <div className={styles.AudioViewer}>\n\t\t\t<audio ref={audioRef} controls>\n\t\t\t\t<source src={file.source} type={`video/${file.extension}`}/>\n\t\t\t\tYour browser does not support audio.\n\t\t\t</audio> \n\t\t</div>;\n\t} else if (VIDEO_EXTENSIONS.includes(file.extension)) {\n\t\tif (file.extension === \"yt\") {\n\t\t\treturn <div className={styles.VideoViewer}>\n\t\t\t\t<iframe\n\t\t\t\t\tsrc={file.source.replace(\"watch?v=\", \"embed/\")}\n\t\t\t\t\ttitle={file.id}\n\t\t\t\t\tallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n\t\t\t\t\tallowFullScreen\n\t\t\t\t\tallowTransparency={true}\n\t\t\t\t/>\n\t\t\t</div>;\n\t\t} else {\n\t\t\treturn <div className={styles.VideoViewer}>\n\t\t\t\t<video ref={videoRef} controls className={styles.VideoPlayer}>\n\t\t\t\t\t<source src={file.source} type={`video/${file.extension}`} />\n\t\t\t\t\tYour browser does not support videos.\n\t\t\t\t</video>\n\t\t\t</div>;\n\t\t}\n\t}\n\n\treturn <div className={styles.MediaViewer}>\n\t\t<img src={file.source} alt={file.id} draggable=\"false\"/>\n\t</div>;\n}","import { App, AppsConfig, MEDIA_EXTENSIONS } from \"@prozilla-os/core\";\nimport { MediaViewer, MediaViewerProps } from \"./components/MediaViewer\";\n\nconst mediaViewer = new App<MediaViewerProps>(\"Media Viewer\", \"media-viewer\", MediaViewer)\n\t.setIconUrl(\"https://os.prozilla.dev/assets/apps/icons/media-viewer.svg\")\n\t.setRole(AppsConfig.APP_ROLES.mediaViewer)\n\t.setAssociatedExtensions(MEDIA_EXTENSIONS)\n\t.setCategory(\"Photo & video\");\nmediaViewer.setMetadata({ name: \"@prozilla-os/media-viewer\", version: \"1.1.17\", author: \"Prozilla\" });\n\n\nexport { mediaViewer };"],"names":["MediaViewer","file","close","setTitle","appsConfig","useSystemManager","windowsManager","useWindowsManager","audioRef","useRef","videoRef","useEffect","AUDIO_EXTENSIONS","VIDEO_EXTENSIONS","fileExplorerApp","AppsConfig","MEDIA_EXTENSIONS","jsx","IMAGE_EXTENSIONS","styles","jsxs","mediaViewer","App"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prozilla-os/media-viewer",
   "description": "A ProzillaOS application for viewing different kinds of media.",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "homepage": "https://os.prozilla.dev/media-viewer",
   "author": {
     "name": "Prozilla",
@@ -20,7 +20,7 @@
   "license": "MIT",
   "dependencies": {
     "react": "^18.3.1",
-    "@prozilla-os/core": "1.3.11"
+    "@prozilla-os/core": "1.3.13"
   },
   "devDependencies": {
     "@types/node": "^20.14.5",
@@ -30,7 +30,7 @@
     "vite": "^5.4.8",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.1.1",
-    "@prozilla-os/dev-tools": "1.1.8"
+    "@prozilla-os/dev-tools": "1.1.10"
   },
   "files": [
     "dist"