@scayle/storefront-devtools 0.2.0-alpha.1 → 0.2.0-alpha.2

package/dist/storefront/renderer/index.mjs

@@ -1,124 +0,0 @@
-import { r as e, t } from "../../_chunks/panel-uV5ITqhY.mjs";
-import { n } from "../../_chunks/useStore-Db8RZW8T.mjs";
-import { computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, openBlock as s, toDisplayString as c } from "vue";
-//#region src/storefront/panel/context-view.ts
-function l(e) {
-	return typeof e == "object" && e && !Array.isArray(e) ? e : void 0;
-}
-function u(e) {
-	return typeof e == "string" ? e : void 0;
-}
-function d(e) {
-	return typeof e == "number" ? e : void 0;
-}
-function f(e) {
-	return typeof e == "boolean" ? e : void 0;
-}
-function p(e) {
-	let t = l(e);
-	return t ? Object.keys(t) : [];
-}
-function m(e) {
-	let t = l(e), n = l(t?.props), r = l(n?.storefront), i = l(r?.config), a = l(r?.country), o = l(i?.oauth), s = l(n?.user), c = l(a?.publicFields), m = Object.keys(c ?? {}).filter((e) => e !== "consentManagementRequired"), h = n?.availableCountries, g = n?.availableLanguages, _ = Array.isArray(s?.groups) ? s.groups.filter((e) => typeof e == "string") : [];
-	return {
-		tenantSpace: u(i?.tenantSpace),
-		shopKey: u(i?.shopKey),
-		domain: u(i?.domain),
-		oauthClientId: u(o?.clientId),
-		countryCode: u(a?.countryCode),
-		locale: u(a?.locale),
-		currency: u(a?.currency),
-		shopCountryId: d(a?.shopCountryId),
-		isDefault: f(a?.isDefault),
-		countrySelectorMode: u(i?.countrySelector),
-		availableCountriesCount: Array.isArray(h) ? h.length : void 0,
-		availableLanguagesCount: Array.isArray(g) ? g.length : void 0,
-		consentManagementRequired: f(c?.consentManagementRequired),
-		isLoggedIn: s !== void 0,
-		isGuest: f(s?.isGuest),
-		groups: _,
-		configPublicFieldKeys: p(i?.publicFields),
-		countryPublicFieldKeys: m,
-		pageVersion: u(t?.version),
-		currentUrl: u(t?.url)
-	};
-}
-//#endregion
-//#region src/storefront/panel/App.vue?vue&type=script&setup=true&lang.ts
-var h = { class: "sf-devtools" }, g = {
-	key: 0,
-	class: "sf-dt-empty"
-}, _ = {
-	key: 1,
-	class: "sf-dt-context"
-}, v = { class: "sf-dt-section" }, y = { class: "sf-dt-dl" }, b = { class: "sf-dt-col" }, x = { class: "sf-dt-section" }, S = { class: "sf-dt-dl" }, C = { class: "sf-dt-section" }, w = { class: "sf-dt-dl" }, T = "https://scayle.dev/documentation/storefront/storefront-application/getting-started/what-is-storefront", E = /*#__PURE__*/ t(/* @__PURE__ */ o({
-	__name: "App",
-	setup(e) {
-		let t = n(), o = r(() => t.value !== null), l = r(() => m(t.value?.currentPage ?? null));
-		function u(e) {
-			return e === void 0 ? "—" : e ? "yes" : "no";
-		}
-		function d(e) {
-			return e === void 0 ? "—" : String(e);
-		}
-		function f(e) {
-			return e.length ? e.join(", ") : "none";
-		}
-		return (e, t) => (s(), i("div", h, [a("nav", { class: "sf-dt-tabs" }, [t[0] ||= a("span", { class: "sf-dt-tab is-active" }, "Context", -1), a("a", {
-			class: "sf-dt-tab sf-dt-doclink",
-			href: T,
-			target: "_blank",
-			rel: "noreferrer"
-		}, " Storefront docs ")]), o.value ? (s(), i("div", _, [a("section", v, [t[14] ||= a("h4", { class: "sf-dt-heading" }, "Shop & Locale", -1), a("dl", y, [
-			t[1] ||= a("dt", null, "Tenant space", -1),
-			a("dd", null, c(d(l.value.tenantSpace)), 1),
-			t[2] ||= a("dt", null, "Shop key", -1),
-			a("dd", null, c(d(l.value.shopKey)), 1),
-			t[3] ||= a("dt", null, "Domain", -1),
-			a("dd", null, c(d(l.value.domain)), 1),
-			t[4] ||= a("dt", null, "Country", -1),
-			a("dd", null, c(d(l.value.countryCode)), 1),
-			t[5] ||= a("dt", null, "Locale", -1),
-			a("dd", null, c(d(l.value.locale)), 1),
-			t[6] ||= a("dt", null, "Currency", -1),
-			a("dd", null, c(d(l.value.currency)), 1),
-			t[7] ||= a("dt", null, "Shop-country ID", -1),
-			a("dd", null, c(d(l.value.shopCountryId)), 1),
-			t[8] ||= a("dt", null, "Default country", -1),
-			a("dd", null, c(u(l.value.isDefault)), 1),
-			t[9] ||= a("dt", null, "Country selector", -1),
-			a("dd", null, c(d(l.value.countrySelectorMode)), 1),
-			t[10] ||= a("dt", null, "Available countries", -1),
-			a("dd", null, c(d(l.value.availableCountriesCount)), 1),
-			t[11] ||= a("dt", null, "Available languages", -1),
-			a("dd", null, c(d(l.value.availableLanguagesCount)), 1),
-			t[12] ||= a("dt", null, "Consent required", -1),
-			a("dd", null, c(u(l.value.consentManagementRequired)), 1),
-			t[13] ||= a("dt", null, "OAuth client ID", -1),
-			a("dd", null, c(d(l.value.oauthClientId)), 1)
-		])]), a("div", b, [a("section", x, [t[18] ||= a("h4", { class: "sf-dt-heading" }, "Session", -1), a("dl", S, [
-			t[15] ||= a("dt", null, "Logged in", -1),
-			a("dd", null, c(u(l.value.isLoggedIn)), 1),
-			t[16] ||= a("dt", null, "Guest", -1),
-			a("dd", null, c(u(l.value.isGuest)), 1),
-			t[17] ||= a("dt", null, "Groups", -1),
-			a("dd", null, c(f(l.value.groups)), 1)
-		])]), a("section", C, [t[23] ||= a("h4", { class: "sf-dt-heading" }, "Page", -1), a("dl", w, [
-			t[19] ||= a("dt", null, "Current URL", -1),
-			a("dd", null, c(d(l.value.currentUrl)), 1),
-			t[20] ||= a("dt", null, "Page version", -1),
-			a("dd", null, c(d(l.value.pageVersion)), 1),
-			t[21] ||= a("dt", null, "Config public fields", -1),
-			a("dd", null, c(f(l.value.configPublicFieldKeys)), 1),
-			t[22] ||= a("dt", null, "Country public fields", -1),
-			a("dd", null, c(f(l.value.countryPublicFieldKeys)), 1)
-		])])])])) : (s(), i("div", g, " Enable the Inertia panel to inspect Storefront context. "))]));
-	}
-}), [["__scopeId", "data-v-1afb26c2"]]);
-//#endregion
-//#region src/storefront/panel/renderer.ts
-function D(t) {
-	e(t, E);
-}
-//#endregion
-export { D as default };