feat: Store is now aware of installed themes

Author: beebls

components/Settings/CreateTemplateTheme.tsx

@@ -47,12 +47,9 @@ export function CreateTemplateTheme({ ongoingAction }: { ongoingAction: boolean
         description={`This will create a blank theme in your themes folder that you can use as the starting point for your own theme.`}
         triggerDisabled={ongoingAction}
         Trigger={
-          <button
-            disabled={ongoingAction}
-            className="flex h-12 w-full items-center justify-center whitespace-nowrap rounded-xl bg-base-3-dark px-4"
-          >
+          <div className="flex h-12 w-full items-center justify-center whitespace-nowrap rounded-xl bg-base-3-dark px-4">
             {ongoingAction ? <ImSpinner5 /> : "Create Template Theme"}
-          </button>
+          </div>
         }
       />
     </>

constants.ts

@@ -1,6 +1,6 @@
 export const apiUrl = "https://api.deckthemes.com";
-export const storeUrl = "https://alpha.deckthemes.com/desktop";
-// export const storeUrl = "http://localhost:3000/desktop";
+// export const storeUrl = "https://alpha.deckthemes.com/desktop";
+export const storeUrl = "http://localhost:3000/desktop";
 export const allowedStoreOrigins = [
   "https://deckthemes.com",
   "https://beta.deckthemes.com",

pages/store.tsx

@@ -1,7 +1,7 @@
 import { useContext, useEffect, useRef } from "react";
 import { themeContext } from "@contexts/themeContext";
 import { allowedStoreOrigins, storeUrl } from "../constants";
-import { downloadThemeFromUrl, storeRead, toast } from "../backend";
+import { downloadThemeFromUrl, sleep, storeRead, toast } from "../backend";
 import { useRouter } from "next/router";
 
 export default function Store() {
@@ -35,7 +35,10 @@ export default function Store() {
           // @ts-ignore
           ref={storeRef}
           src={storeUrl}
-          onLoad={() => {
+          onLoad={async () => {
+            // Not sure if theres a better version of onLoad that waits until the iframe can receive messages
+            // This works though
+            await sleep(1000);
             storeRef.current?.contentWindow?.postMessage(
               {
                 action: "provideInstallState",

public/vercel.svg

@@ -3,7 +3,7 @@
   "build": {
     "beforeBuildCommand": "npm run build && npm run export",
     "beforeDevCommand": "npm run dev",
-    "devPath": "http://localhost:3000",
+    "devPath": "http://localhost:3001",
     "distDir": "../out"
   },
   "package": {