Release 0.3.0 (#384)

* bump 0.3.0

* update submodules

* add license_all

* only show search bar on library, fix hp games in dropdown

* fix store nav bar for hp redirected epic games

* add hp launched event

Author: BrettCleary

LICENSE_ALL

@@ -1,6 +1,6 @@
 {
   "name": "hyperplay",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "private": true,
   "main": "build/electron/main.js",
   "homepage": "./",
@@ -24,6 +24,9 @@
       "!build/bin/*",
       "build/bin/legendary.LICENSE"
     ],
+    "extraResources": [
+      "LICENSE_ALL"
+    ],
     "asarUnpack": [
       "build/app_icon.png",
       "build/app_icon.icns",

package.json

@@ -321,6 +321,10 @@ if (!gotTheLock) {
     handleProtocol(argv)
   })
   app.whenReady().then(async () => {
+    trackEvent({
+      event: 'HyperPlay Launched'
+    })
+
     initStoreManagers()
 
     const ses = session.fromPartition(

src/backend/hyperplay-extension-helper

@@ -204,6 +204,12 @@ export interface GameClosed {
   sensitiveProperties?: never
 }
 
+export interface HyperPlayLaunched {
+  event: 'HyperPlay Launched'
+  properties?: never
+  sensitiveProperties?: never
+}
+
 export type PossibleMetricPayloads =
   | MetricsOptIn
   | MetricsOptOut
@@ -226,5 +232,6 @@ export type PossibleMetricPayloads =
   | DownloadToastInteraction
   | GameLaunch
   | GameClosed
+  | HyperPlayLaunched
 
 export type PossibleMetricEventNames = PossibleMetricPayloads['event']

src/backend/hyperplay-proxy-server

@@ -21,16 +21,27 @@ function fixFilter(text: string) {
 }
 
 export default React.memo(function SearchBar() {
-  const { handleSearch, filterText, epic, gog, sideloadedLibrary } =
-    useContext(ContextProvider)
+  const {
+    handleSearch,
+    filterText,
+    epic,
+    gog,
+    sideloadedLibrary,
+    hyperPlayLibrary
+  } = useContext(ContextProvider)
   const { t } = useTranslation()
   const navigate = useNavigate()
 
   const input = useRef<HTMLInputElement>(null)
 
   const list = useMemo(() => {
     const library = new Set(
-      [...epic.library, ...gog.library, ...sideloadedLibrary]
+      [
+        ...epic.library,
+        ...gog.library,
+        ...sideloadedLibrary,
+        ...hyperPlayLibrary
+      ]
         .filter(Boolean)
         .map((g) => g.title)
         .sort()

src/backend/main.ts

@@ -16,12 +16,21 @@ const TopNavBar = observer(() => {
 
   const { showMetaMaskBrowserSidebarLinks } = useContext(ContextProvider)
   const [badgeText, setBadgeText] = useState('0')
-  const { pathname } = useLocation()
+  const { pathname, search } = useLocation()
   const pagesToShowStoreNavOptions = [
     '/hyperplaystore',
     '/gogstore',
-    '/epicstore'
+    '/epicstore',
+    '/store-page/'
   ]
+  const searchParams = new URLSearchParams(search)
+  const queryParam = searchParams.get('store-url')
+  let isEpicStore = false
+  if (queryParam !== null) {
+    const storeUrl = new URL(queryParam)
+    isEpicStore = storeUrl.host === 'store.epicgames.com'
+  }
+
   const showStoreNavOptions = pagesToShowStoreNavOptions.includes(pathname)
 
   /* eslint-disable-next-line  @typescript-eslint/no-explicit-any */
@@ -36,10 +45,13 @@ const TopNavBar = observer(() => {
       removeHandleSetBadgeText()
     }
   }, [])
-  function getStoreTextStyle(storePath: string) {
-    return {
-      color: pathname === storePath ? '' : 'var(--color-neutral-400)'
+  function getStoreTextStyle(storePath: string, isActive?: boolean) {
+    const inactiveStyle = { color: 'var(--color-neutral-400)' }
+    const activeStyle = { color: '' }
+    if (isActive !== undefined && isActive) {
+      return activeStyle
     }
+    return pathname === storePath ? activeStyle : inactiveStyle
   }
   return (
     <div className={styles.navBar}>
@@ -70,7 +82,7 @@ const TopNavBar = observer(() => {
               <Button
                 type="link"
                 size="small"
-                style={getStoreTextStyle('/epicstore')}
+                style={getStoreTextStyle('/epicstore', isEpicStore)}
               >
                 {t('Epic Games', 'Epic Games')}
               </Button>
@@ -88,7 +100,7 @@ const TopNavBar = observer(() => {
         )}
       </div>
       <div>
-        <SearchBar />
+        {pathname === '/library' ? <SearchBar /> : null}
         {showMetaMaskBrowserSidebarLinks && (
           <button
             className={styles.iconButton}