feat: add vegaos platform

Author: moskalakamil

README.md

@@ -56,6 +56,7 @@
   "macos": false,
   "tvos": false,
   "visionos": false,
+  "vegaos": false,
   "expoGo": false,
   "fireos": false,
   "unmaintained": false,
@@ -119,6 +120,8 @@
   **(boolean)** - can be used with [`react-native-tvos`](https://github.com/react-native-tvos/react-native-tvos).
 - #### `visionos`
   **(boolean)** - can be used with [`react-native-visionos`](https://github.com/callstack/react-native-visionos).
+- #### `vegaos`
+  **(boolean)** - can be used with [`Vega OS`](https://developer.amazon.com/docs/react-native-vega/0.72/react_overview.html) platform.
 
 #### ✅ Compatibility
 

components/CompatibilityTags.tsx

@@ -23,6 +23,7 @@ export function CompatibilityTags({ library }: Props) {
     library.macos ? 'macOS' : null,
     library.tvos ? 'tvOS' : null,
     library.visionos ? 'visionOS' : null,
+    library.vegaos ? 'Vega OS' : null,
     library.web ? 'Web' : null,
     library.windows ? 'Windows' : null,
   ]

components/Filters/helpers.ts

@@ -26,6 +26,10 @@ export const FILTER_PLATFORMS: FilterParamsType[] = [
     param: 'visionos',
     title: 'visionOS',
   },
+  {
+    param: 'vegaos',
+    title: 'Vega OS',
+  },
   {
     param: 'web',
     title: 'Web',

components/Footer.tsx

@@ -12,6 +12,7 @@ import {
   PlatformIOS,
   PlatformMacOS,
   PlatformTvOS,
+  PlatformVegaOS,
   PlatformVisionOS,
   PlatformWeb,
   PlatformWindows,
@@ -94,6 +95,12 @@ const Footer = () => {
             Icon={PlatformVisionOS}
             url="https://github.com/callstack/react-native-visionos#readme"
           />
+          <Platform
+            name="Vega OS"
+            pkgName="react-native for Vega"
+            Icon={PlatformVegaOS}
+            url="https://developer.amazon.com/docs/react-native-vega/0.72/react_overview.html"
+          />
           <Platform
             name="Web"
             pkgName="react-native-web"

components/Icons/index.tsx

@@ -1,4 +1,4 @@
-import { Circle, Path, Rect, Svg } from 'react-native-svg';
+import { Circle, Path, Rect, Svg, Text } from 'react-native-svg';
 
 import { colors } from '~/common/styleguide';
 
@@ -402,6 +402,29 @@ export function PlatformExpo({ width = 18, height = 18, fill = colors.black }: I
   );
 }
 
+export function PlatformVegaOS({ width = 18, height = 18, fill = colors.black }: IconProps) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 24 24" fill="none">
+      <Path d="M3 5h18v12H3z" opacity=".3" fill={fill} />
+      <Path
+        fill={fill}
+        d="M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z"
+      />
+      <Text
+        x="12"
+        y="10"
+        textAnchor="middle"
+        fontSize="4"
+        fontFamily="Arial, sans-serif"
+        fontWeight="bold"
+        fill={fill}
+        opacity="0.8">
+        VEGA
+      </Text>
+    </Svg>
+  );
+}
+
 export function PlatformVisionOS({ width = 18, height = 18, fill = colors.black }: IconProps) {
   return (
     <Svg width={width} height={height} viewBox="0 0 392 222" fill="none">

pages/api/libraries/index.ts

@@ -74,6 +74,7 @@ export default function handler(req: NextApiRequest, res: NextApiResponse) {
       fireos: parsedQuery.fireos,
       tvos: parsedQuery.tvos,
       visionos: parsedQuery.visionos,
+      vegaos: parsedQuery.vegaos,
     },
     hasExample: parsedQuery.hasExample,
     hasImage: parsedQuery.hasImage,

pages/popular.tsx

@@ -9,6 +9,7 @@ import {
   PlatformIOS,
   PlatformMacOS,
   PlatformTvOS,
+  PlatformVegaOS,
   PlatformVisionOS,
   PlatformWeb,
   PlatformWindows,
@@ -81,6 +82,12 @@ const Popular = ({ data }: Props) => {
           data={data}
           filter={lib => lib.visionos === true}
         />
+        <ExploreSection
+          title="Vega OS"
+          icon={PlatformVegaOS}
+          data={data}
+          filter={lib => lib.vegaos === true}
+        />
         <ExploreSection
           title="Windows"
           icon={PlatformWindows}

react-native-libraries.schema.json

@@ -63,9 +63,14 @@
         "type": "boolean",
         "title": "Package supports tvOS (react-native-tvos)",
         "default": false,
-        "examples": [
-          true
-        ]
+        "examples": [true]
+      },
+      "vegaos": {
+        "$id": "#/items/properties/vegaos",
+        "type": "boolean",
+        "title": "Package supports Vega OS",
+        "default": false,
+        "examples": [true]
       },
       "fireos": {
         "$id": "#/items/properties/fireos",

types/index.ts

@@ -22,6 +22,7 @@ export type Query = {
   fireos?: string;
   tvos?: string;
   visionos?: string;
+  vegaos?: string;
   web?: string;
   windows?: string;
   order?: QueryOrder;
@@ -129,6 +130,7 @@ export type LibraryDataEntryType = {
   fireos?: boolean;
   tvos?: boolean;
   visionos?: boolean;
+  vegaos?: boolean;
   unmaintained?: boolean;
   dev?: boolean;
   template?: boolean;

util/search.ts

@@ -148,6 +148,10 @@ export function handleFilterLibraries({
       return false;
     }
 
+    if (support.vegaos && !library.vegaos) {
+      return false;
+    }
+
     if (support.fireos && !library.fireos) {
       return false;
     }