chore: moving to dynamo / aws

* chore: moving to dynamo...

* all queries to dynamo

* migrate final code to dynamo

* wip - streamining responses

* squash

* add dist files

* remove dist files

* run command

* debugging;

* add email

* wip

* fix key

* update key

* update

* add deployment

* scirpt

* env

* patch bug

Author: lmiller1990

.env.example

@@ -1,5 +1,9 @@
 OPENAI_API_KEY=
-GOOGLE_CLIENT_ID=
-GOOGLE_CLIENT_SECRET=
-AUTH_ORIGIN=
-SECRET=
+NUXT_OAUTH_GOOGLE_CLIENT_ID=
+NUXT_OAUTH_GOOGLE_CLIENT_SECRET=
+NUXT_SESSION_PASSWORD=
+NUXT_OAUTH_GITHUB_CLIENT_ID=
+NUXT_OAUTH_GITHUB_CLIENT_SECRET=
+AWS_ACCESS_KEY_ID=
+AWS_SECRET_ACCESS_KEY=
+AWS_REGION=

.gitignore

@@ -1,10 +1,10 @@
 # Nuxt dev/build outputs
-.output
 .data
 .nuxt
 .nitro
 .cache
 dist
+.output
 
 # Node dependencies
 node_modules
@@ -22,3 +22,4 @@ logs
 .env
 .env.*
 !.env.example
+*.zip

README.md

@@ -1,75 +1,5 @@
-# Nuxt 3 Minimal Starter
+Running:
 
-Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
-
-## Setup
-
-Make sure to install the dependencies:
-
-```bash
-# npm
-npm install
-
-# pnpm
-pnpm install
-
-# yarn
-yarn install
-
-# bun
-bun install
-```
-
-## Development Server
-
-Start the development server on `http://localhost:3000`:
-
-```bash
-# npm
-npm run dev
-
-# pnpm
-pnpm run dev
-
-# yarn
-yarn dev
-
-# bun
-bun run dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-# npm
-npm run build
-
-# pnpm
-pnpm run build
-
-# yarn
-yarn build
-
-# bun
-bun run build
-```
-
-Locally preview production build:
-
-```bash
-# npm
-npm run preview
-
-# pnpm
-pnpm run preview
-
-# yarn
-yarn preview
-
-# bun
-bun run preview
-```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
+```sh
+npx dotenvx run -- node .output/server/index.mjs
+```

amplify.yml

@@ -0,0 +1,19 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+    class="size-6 fill-slate-900"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 2C6.477 2 2 6.463 2 11.97c0 4.404 2.865 8.14 6.839 9.458.5.092.682-.216.682-.48 0-.236-.008-.864-.013-1.695-2.782.602-3.369-1.337-3.369-1.337-.454-1.151-1.11-1.458-1.11-1.458-.908-.618.069-.606.069-.606 1.003.07 1.531 1.027 1.531 1.027.892 1.524 2.341 1.084 2.91.828.092-.643.35-1.083.636-1.332-2.22-.251-4.555-1.107-4.555-4.927 0-1.088.39-1.979 1.029-2.675-.103-.252-.446-1.266.098-2.638 0 0 .84-.268 2.75 1.022A9.607 9.607 0 0 1 12 6.82c.85.004 1.705.114 2.504.336 1.909-1.29 2.747-1.022 2.747-1.022.546 1.372.202 2.386.1 2.638.64.696 1.028 1.587 1.028 2.675 0 3.83-2.339 4.673-4.566 4.92.359.307.678.915.678 1.846 0 1.332-.012 2.407-.012 2.734 0 .267.18.577.688.48 3.97-1.32 6.833-5.054 6.833-9.458C22 6.463 17.522 2 12 2Z"
+    ></path>
+  </svg>
+</template>
+
+<style scoped>
+path {
+  filter: invert(100%);
+}
+</style>

blah.js

@@ -1,11 +1,14 @@
 <script setup lang="ts">
-const { signOut, data, signIn } = useAuth();
+const { user, clear, loggedIn } = useUserSession();
 
-const { loading: signingOut, run: handleSignOut } = useLoading(signOut);
+const { loading: signingOut, run: handleSignOut } = useLoading(async () => {
+  await clear();
+  await navigateTo("/");
+});
 
 const isOpen = ref(false);
 
-const link = `https://buy.stripe.com/test_6oE16faCzeD20EM6oo?prefilled_email=${encodeURIComponent(data.value?.user?.email!)}`;
+const link = `https://buy.stripe.com/test_6oE16faCzeD20EM6oo?prefilled_email=${encodeURIComponent(user.value?.email)}`;
 
 function handleShowPurchaseModal() {
   isOpen.value = true;
@@ -14,7 +17,7 @@ function handleShowPurchaseModal() {
 
 async function handleBuy() {
   const data = await $fetch("/api/stripe", {
-    body: JSON.stringify({ amount: 5 }),
+    body: JSON.stringify({ amount: 5, domain: window.location.href }),
     method: "POST",
   });
 
@@ -23,7 +26,7 @@ async function handleBuy() {
 }
 
 const items = computed(() => {
-  if (data.value) {
+  if (loggedIn.value) {
     return [
       [
         {
@@ -45,7 +48,7 @@ const items = computed(() => {
     [
       {
         label: "Sign up to start studying!",
-        click: () => signIn("google"),
+        click: async () => await navigateTo("/auth/google"),
       },
     ],
   ];

components/GithubIcon.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+//
+</script>
+
+<template>
+  <p class="flex justify-center">
+    <a href="/auth/github">
+      <UButton color="black"
+        ><GithubIcon class="h-4 w-4" /> Continue with GitHub</UButton
+      >
+    </a>
+  </p>
+</template>

components/SettingsMenu.vue

@@ -1,15 +1,11 @@
 <script setup lang="ts">
-function handleGoogleAuth() {
-  signIn("google");
-}
-
-const { signIn } = useAuth();
+//
 </script>
 
 <template>
   <p class="flex justify-center">
-    <UButton @click="handleGoogleAuth"
-      ><GoogleIcon class="h-4 w-4" /> Continue with Google</UButton
-    >
+    <a href="/auth/google">
+      <UButton><GoogleIcon class="h-4 w-4" /> Continue with Google</UButton>
+    </a>
   </p>
 </template>

components/SignInGithub.vue

@@ -0,0 +1,11 @@
+module.exports = {
+  apps: [
+    {
+      name: "studyhq",
+      port: "3000",
+      exec_mode: "cluster",
+      instances: "max",
+      script: "dotenvx run -- node .output/server/index.mjs",
+    },
+  ],
+};

components/SignInGoogle.vue

@@ -1,23 +1,24 @@
 <script lang="ts" setup>
-import { createWebSocket } from "~/composables/createWebSocket";
 import { emitter } from "~/src/emitter";
 import { useIntervalFn, useMagicKeys } from "@vueuse/core";
 const { ctrl, n } = useMagicKeys();
-const { data: threads, refresh } = useFetch("/api/threads");
+
+const { data: threads, refresh: refreshThreads } =
+  await useFetch("/api/threads");
 
 declare global {
   interface Window {
     ws: WebSocket;
   }
 }
 
-const { data } = useAuth();
+const { loggedIn } = useUserSession();
 
-if (!data.value?.user) {
+if (!loggedIn.value) {
   await navigateTo("/");
 }
 
-const { data: user, refresh: refreshUserData } = useFetch("/api/user");
+const { data: user, refresh: refreshUserData } = await useFetch("/api/user");
 
 useIntervalFn(() => {
   refreshUserData();
@@ -26,22 +27,7 @@ useIntervalFn(() => {
 
 onMounted(() => {
   emitter.on("refresh.exams", refreshExams);
-
-  const ws = createWebSocket({
-    name: "top-level",
-  });
-
-  if (!ws) {
-    return;
-  }
-
-  window.ws = ws;
-
-  registerWebSocketCallback((payload: Payload) => {
-    if (payload.type === "summary.completed") {
-      refresh();
-    }
-  });
+  emitter.on("refresh.threads", refreshThreads);
 });
 
 const links = computed(() => {