@feedmepos/mf-brand-app-builder 0.5.46-prod → 0.5.47-dev.0

package/README.md

@@ -2,6 +2,20 @@
 
 This project is a Vue 3-based application for merchants to manage their business mini-programs.
 
+## Independent Mini Program v2 entry
+
+The `order_miniprogram_v2` environment flag still controls visibility of the
+Mini Program v2 menu item. It opens the independent `/miniprogram-v2` ecosystem
+in the same tab, preserving the selected business, country and restaurant.
+Standalone merchant development falls back to the matching environment's
+Portal URL when the host route is absent.
+
+Keep `/brand/miniprogram-workspace` as a permission-gated compatibility route:
+the runtime `MiniprogramWorkspace` export redirects historical links to the new
+workspace. The v2 microfrontend owns this redirect and its own sidebar, while
+the Portal host continues to own authentication, merchant selection and the
+top bar. Brand Kit, v1 Builder and legacy settings remain available here.
+
 ## Recommended IDE Setup
 
 [VSCode](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

package/dist/App-CscQqcFq.js

@@ -0,0 +1,163 @@
+import { defineComponent as w, computed as v, resolveComponent as h, createElementBlock as p, openBlock as l, Fragment as b, renderList as F, createBlock as k, unref as f, createVNode as c, withCtx as x, ref as P, onMounted as R, onBeforeMount as S, watch as C, createElementVNode as _, createCommentVNode as N } from "vue";
+import { useCoreStore as B } from "@feedmepos/mf-common";
+import { V as M } from "./vue-sonner-CBFYmm8_.js";
+import { useRoute as $, useRouter as V, RouterLink as E, RouterView as L } from "vue-router";
+import { u as I, i as q } from "./useBusinessFeatureFlag-CEkj13Xd.js";
+import { g as z } from "./index-D0LOMBBD.js";
+import { u as A } from "./index-BA2J-Ffh.js";
+function O(g, e, u) {
+  const r = {};
+  for (const o of ["businessId", "country", "restaurantId"]) {
+    const i = e[o] ?? g[o];
+    typeof i == "string" && i && (r[o] = i);
+  }
+  const a = u === "prod" ? "https://portal.feedme.cc" : "https://portal.feedmedev.cc", t = new URLSearchParams(r).toString();
+  return {
+    name: "miniprogram-v2-ecosystem",
+    query: r,
+    href: `${a}/miniprogram-v2${t ? `?${t}` : ""}`
+  };
+}
+const U = { class: "shrink-0 w-64 h-full bg-fm-color-neutral-white border-r border-fm-color-neutral-gray-100 p-[10px] flex flex-col gap-12" }, j = ["href"], D = /* @__PURE__ */ w({
+  __name: "NavigationSidebar",
+  setup(g) {
+    const e = $(), u = V(), r = B(), a = v(
+      () => {
+        var s, m;
+        return O(
+          e.query,
+          {
+            businessId: (s = r.currentBusiness.value) == null ? void 0 : s._id,
+            country: r.currentCountry.value,
+            restaurantId: (m = r.currentRestaurant.value) == null ? void 0 : m._id
+          },
+          r.namespace.value
+        );
+      }
+    ), t = I(
+      "order_miniprogram_v2"
+    ), o = [
+      {
+        name: "brandkit",
+        icon: "style"
+      },
+      {
+        name: "projects",
+        icon: "folder"
+      },
+      {
+        name: "builder",
+        icon: "build"
+      },
+      {
+        name: "miniprogram-workspace",
+        icon: "open_in_new",
+        flag: t
+      },
+      {
+        name: "settings",
+        icon: "settings"
+      }
+    ], i = v(
+      () => o.filter((s) => !s.flag || s.flag.value)
+    ), d = v(
+      () => (s) => e.matched.map((m) => m.name).includes(s)
+    );
+    return (s, m) => {
+      const y = h("FmButton");
+      return l(), p("div", U, [
+        (l(!0), p(b, null, F(i.value, (n) => (l(), p("div", {
+          key: n.name
+        }, [
+          n.name === "miniprogram-workspace" && !f(u).hasRoute(a.value.name) ? (l(), p("a", {
+            key: 0,
+            href: a.value.href,
+            title: "New Mini Program ↗",
+            "aria-label": "New Mini Program"
+          }, [
+            c(y, {
+              class: "w-[44px] !h-[44px]",
+              size: "lg",
+              icon: n.icon
+            }, null, 8, ["icon"])
+          ], 8, j)) : (l(), k(f(E), {
+            key: 1,
+            to: n.name === "miniprogram-workspace" ? { name: a.value.name, query: a.value.query } : { name: n.name },
+            title: n.name === "miniprogram-workspace" ? "New Mini Program ↗" : void 0,
+            "aria-label": n.name === "miniprogram-workspace" ? "New Mini Program" : void 0
+          }, {
+            default: x(() => [
+              c(y, {
+                class: "w-[44px] !h-[44px]",
+                size: "lg",
+                icon: n.icon,
+                "icon-color": d.value(n.name) ? "primary" : "neutral-gray-400",
+                "bg-color": d.value(n.name) ? "system-warning-100" : "neutral-white"
+              }, null, 8, ["icon", "icon-color", "bg-color"])
+            ]),
+            _: 2
+          }, 1032, ["to", "title", "aria-label"]))
+        ]))), 128))
+      ]);
+    };
+  }
+}), G = { class: "relative h-[calc(100vh-56px)] w-screen" }, H = { class: "flex w-full h-full" }, Z = /* @__PURE__ */ w({
+  __name: "App",
+  setup(g) {
+    const e = B(), u = A(), r = P(!0);
+    async function a() {
+      var t;
+      r.value = !0, (t = e.currentBusiness.value) != null && t._id && (await z(), await u.getPremiumStatus(e.currentBusiness.value._id), r.value = !1);
+    }
+    return R(async () => {
+      console.log(
+        `Running v0.5.47-dev.0 on ${e.namespace.value}`
+      ), e.hideSidebar.value = !0;
+      const t = e.namespace.value === "prod" ? "prod" : "dev";
+      q(t).catch(
+        (o) => console.warn("[FeatureFlag] init failed:", o)
+      );
+    }), S(() => {
+      e.hideSidebar.value = !1;
+    }), C(
+      () => e.currentBusiness.value,
+      () => a(),
+      { immediate: !0 }
+    ), (t, o) => {
+      const i = h("FmCircularProgress"), d = h("FmOverlay");
+      return l(), p(b, null, [
+        o[0] || (o[0] = _("link", {
+          href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0",
+          rel: "stylesheet"
+        }, null, -1)),
+        _("div", G, [
+          c(f(M), {
+            position: "top-right",
+            "rich-colors": "",
+            "close-button": "",
+            duration: 3e3
+          }),
+          r.value ? (l(), k(d, {
+            key: 0,
+            "dismiss-away": !1,
+            "prevent-backdrop-event": !1,
+            transparent: !1,
+            "center-content": ""
+          }, {
+            default: x(() => [
+              c(i, { size: "xxl" })
+            ]),
+            _: 1
+          })) : N("", !0),
+          _("div", H, [
+            c(D),
+            c(f(L), { class: "flex-1" })
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Z as default
+};