feat: Remove Explore URLs and make the normal URLs public (#2632)

* add groupSlug to most routes * fixed more routing issues * fixed jank and incorrect routes * remove public explore links * remove unused groupSlug and explore routes * nuked explore pages * fixed public toolstore bug * fixed various routes missing group slug * restored public app header menu * fix janky login redirect * 404 recipe API call returns to login * removed unused explore layout * force redirect when using the wrong group slug * fixed dead admin links * removed unused middleware from earlier attempt * 🧹 * improve cookbooks sidebar fixed sidebar link not working fixed sidebar link target hide cookbooks header when there are none * added group slug to user * fix $auth typehints * vastly simplified groupSlug logic * allow logged-in users to view other groups * fixed some edgecases that bypassed isOwnGroup * fixed static home ref * 🧹 * fixed redirect logic * lint warning * removed group slug from group and user pages refactored all components to use route groupSlug or user group slug moved some group pages to recipe pages * fixed some bad types * 🧹 * moved groupSlug routes under /g/groupSlug * move /recipe/ to /r/ * fix backend url generation and metadata injection * moved shopping lists to root/other route fixes * changed shared from /recipes/ to /r/ * fixed 404 redirect not awaiting * removed unused import * fix doc links * fix public recipe setting not affecting public API * fixed backend tests * fix nuxt-generate command --------- Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
2025-08-02 12:05:21 +02:00 · 2023-11-05 19:07:02 -06:00 · 2023-11-05 19:07:02 -06:00 · 80968b02bb
commit 80968b02bb
parent 94cf690e8f
87 changed files with 555 additions and 501 deletions
--- a/frontend/pages/g/_groupSlug/r/create.vue
+++ b/frontend/pages/g/_groupSlug/r/create.vue
@ -0,0 +1,97 @@
+<template>
+  <div>
+    <v-container class="flex-column">
+      <BasePageTitle divider>
+        <template #header>
+          <v-img max-height="175" max-width="175" :src="require('~/static/svgs/recipes-create.svg')"></v-img>
+        </template>
+        <template #title> {{ $t('recipe.recipe-creation') }} </template>
+        {{ $t('recipe.select-one-of-the-various-ways-to-create-a-recipe') }}
+        <template #content>
+          <div class="ml-auto">
+            <BaseOverflowButton v-model="subpage" rounded :items="subpages"> </BaseOverflowButton>
+          </div>
+        </template>
+      </BasePageTitle>
+      <section>
+        <NuxtChild />
+      </section>
+    </v-container>
+
+    <AdvancedOnly>
+      <v-container class="d-flex justify-center align-center my-4">
+        <a :to="`/group/migrations`"> {{ $t('recipe.looking-for-migrations') }}</a>
+      </v-container>
+    </AdvancedOnly>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, useRouter, useContext, computed, useRoute } from "@nuxtjs/composition-api";
+import { MenuItem } from "~/components/global/BaseOverflowButton.vue";
+import AdvancedOnly from "~/components/global/AdvancedOnly.vue";
+
+export default defineComponent({
+  components: { AdvancedOnly },
+  setup() {
+    const { $auth, $globals, i18n } = useContext();
+
+    const subpages: MenuItem[] = [
+      {
+        icon: $globals.icons.link,
+        text: i18n.tc("recipe.import-with-url"),
+        value: "url",
+      },
+      {
+        icon: $globals.icons.edit,
+        text: i18n.tc("recipe.create-recipe"),
+        value: "new",
+      },
+      {
+        icon: $globals.icons.zip,
+        text: i18n.tc("recipe.import-with-zip"),
+        value: "zip",
+      },
+      {
+        icon: $globals.icons.fileImage,
+        text: i18n.tc("recipe.create-recipe-from-an-image"),
+        value: "ocr",
+      },
+      {
+        icon: $globals.icons.link,
+        text: i18n.tc("recipe.bulk-url-import"),
+        value: "bulk",
+      },
+      {
+        icon: $globals.icons.robot,
+        text: i18n.tc("recipe.debug-scraper"),
+        value: "debug",
+      },
+    ];
+
+    const route = useRoute();
+    const router = useRouter();
+    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+
+    const subpage = computed({
+      set(subpage: string) {
+        router.push({ path: `/g/${groupSlug.value}/r/create/${subpage}`, query: route.value.query });
+      },
+      get() {
+        return route.value.path.split("/").pop() ?? "url";
+      },
+    });
+
+    return {
+      groupSlug,
+      subpages,
+      subpage,
+    };
+  },
+  head() {
+    return {
+      title: this.$t("general.create") as string,
+    };
+  },
+});
+</script>