Hide camera examples on iOS Safari for now (#790)

software-mansion · Jan 15, 2025 · 18bc9c4 · 18bc9c4
1 parent 0142a4a
commit 18bc9c4
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/apps/typegpu-docs/src/components/ExampleLayout.tsx b/apps/typegpu-docs/src/components/ExampleLayout.tsx
@@ -91,7 +91,12 @@ function SideMenu() {
 
       <hr className="my-0 box-border w-full border-t border-tameplum-100" />
 
-      <ExampleList excludeTags={isDev ? [] : ['experimental']} />
+      <ExampleList
+        excludeTags={[
+          isDev ? [] : ['experimental'],
+          typeof MediaStreamTrackProcessor === 'undefined' ? ['camera'] : [],
+        ].flat()}
+      />
 
       <div className="flex justify-between text-tameplum-800 text-xs">
         <div>&copy; 2024 Software Mansion S.A.</div>

diff --git a/apps/typegpu-docs/src/content/examples/image-processing/camera-thresholding/meta.json b/apps/typegpu-docs/src/content/examples/image-processing/camera-thresholding/meta.json
@@ -1,4 +1,5 @@
 {
   "title": "Camera Thresholding",
-  "category": "image-processing"
+  "category": "image-processing",
+  "tags": ["camera"]
 }
diff --git a/apps/typegpu-docs/src/content/examples/image-processing/chroma-keying/meta.json b/apps/typegpu-docs/src/content/examples/image-processing/chroma-keying/meta.json
@@ -1,4 +1,5 @@
 {
   "title": "Chroma Keying",
-  "category": "image-processing"
+  "category": "image-processing",
+  "tags": ["camera"]
 }
diff --git a/apps/typegpu-docs/src/utils/examples/exampleContent.ts b/apps/typegpu-docs/src/utils/examples/exampleContent.ts
@@ -78,6 +78,11 @@ export const examplesStable = pipe(
   examples,
   entries(),
   filter(([_, example]) => !example.metadata.tags?.includes('experimental')),
+  filter(([_, example]) =>
+    example.metadata.tags?.includes('camera')
+      ? typeof MediaStreamTrackProcessor === 'undefined'
+      : true,
+  ),
   fromEntries(),
 );