@feedmepos/mf-brand-app-builder 0.5.0 → 0.5.2-6.prod.1

package/README.md

@@ -1,39 +1,58 @@
-# brand-app
+# FeedMe Brand App - Merchant
 
-This template should help get you started developing with Vue 3 in Vite.
+This project is a Vue 3-based application for merchants to manage their business mini-programs.
 
 ## Recommended IDE Setup
 
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
-
-## Type Support for `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
+[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)
 
 ## Project Setup
 
+Install dependencies:
+
 ```sh
 pnpm install
 ```
 
-### Compile and Hot-Reload for Development
+### Serve the Application
 
-```sh
-pnpm dev
+To serve the application locally, use one of the following commands:
+
+- **Development Mode**:
+
+  ```sh
+  pnpm dev
+  ```
+
+  This will start the app in development mode.
+
+- **Production Mode (Local Debug)**:
+  ```sh
+  pnpm prod
+  ```
+  This will start the app in a local production-like environment.
+
+### Access the Application
+
+After serving the application, navigate to:
+
+```
+http://localhost:4000
 ```
 
-### Type-Check, Compile and Minify for Production
+### Type-Check, Compile, and Minify for Production
 
 ```sh
 pnpm build
 ```
 
-### Lint with [ESLint](https://eslint.org/)
+## Recommended Editor Settings
 
-```sh
-pnpm lint
+To ensure consistent formatting, add the following settings to your editor configuration:
+
+```json
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true
+}
 ```

package/dist/App-Cc1q_aD7.js

@@ -0,0 +1,109 @@
+import { defineComponent as d, computed as h, resolveComponent as u, createElementBlock as m, openBlock as i, Fragment as f, renderList as b, createElementVNode as l, createVNode as r, unref as p, withCtx as _, ref as w, onMounted as x, onBeforeMount as y, watch as B, createBlock as k, createCommentVNode as S } from "vue";
+import { useCoreStore as C } from "@feedmepos/mf-common";
+import { V as F } from "./vue-sonner-CBFYmm8_.js";
+import { useRoute as R, useRouter as V, RouterLink as L, RouterView as P } from "vue-router";
+import { g as A } from "./index-C6_vWPi0.js";
+import { u as N } from "./index-CawZ03Z8.js";
+const $ = { 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" }, z = /* @__PURE__ */ d({
+  __name: "NavigationSidebar",
+  setup(g) {
+    const e = R();
+    V();
+    const c = [
+      {
+        name: "brandkit",
+        icon: "style"
+      },
+      {
+        name: "projects",
+        icon: "folder"
+      },
+      {
+        name: "builder",
+        icon: "build"
+      },
+      {
+        name: "settings",
+        icon: "settings"
+      }
+    ], t = h(
+      () => (s) => e.matched.map((o) => o.name).includes(s)
+    );
+    return (s, o) => {
+      const a = u("FmButton");
+      return i(), m("div", $, [
+        (i(), m(f, null, b(c, (n) => l("div", null, [
+          r(p(L), {
+            to: { name: n.name }
+          }, {
+            default: _(() => [
+              r(a, {
+                class: "w-[44px] !h-[44px]",
+                size: "lg",
+                icon: n.icon,
+                "icon-color": t.value(n.name) ? "primary" : "neutral-gray-400",
+                "bg-color": t.value(n.name) ? "system-warning-100" : "neutral-white"
+              }, null, 8, ["icon", "icon-color", "bg-color"])
+            ]),
+            _: 2
+          }, 1032, ["to"])
+        ])), 64))
+      ]);
+    };
+  }
+}), M = { class: "relative h-[calc(100vh-56px)] w-screen" }, E = { class: "flex w-full h-full" }, q = /* @__PURE__ */ d({
+  __name: "App",
+  setup(g) {
+    const e = C(), c = N(), t = w(!0);
+    async function s() {
+      var o;
+      t.value = !0, (o = e.currentBusiness.value) != null && o._id && (await A(), await c.getPremiumStatus(e.currentBusiness.value._id), t.value = !1);
+    }
+    return x(async () => {
+      console.log(
+        `Running v0.5.26.prod.1 on ${e.namespace.value}`
+      ), e.hideSidebar.value = !0;
+    }), y(() => {
+      e.hideSidebar.value = !1;
+    }), B(
+      () => e.currentBusiness.value,
+      () => s(),
+      { immediate: !0 }
+    ), (o, a) => {
+      const n = u("FmCircularProgress"), v = u("FmOverlay");
+      return i(), m(f, null, [
+        a[0] || (a[0] = l("link", {
+          href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0",
+          rel: "stylesheet"
+        }, null, -1)),
+        l("div", M, [
+          r(p(F), {
+            position: "top-right",
+            "rich-colors": "",
+            "close-button": "",
+            duration: 3e3
+          }),
+          t.value ? (i(), k(v, {
+            key: 0,
+            "dismiss-away": !1,
+            "prevent-backdrop-event": !1,
+            transparent: !1,
+            "center-content": ""
+          }, {
+            default: _(() => [
+              r(n, { size: "xxl" })
+            ]),
+            _: 1
+          })) : S("", !0),
+          l("div", E, [
+            r(z),
+            r(p(P), { class: "flex-1" })
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  q as default
+};