solid-ui 3.1.3-0 → 3.1.3-2

package/dist/chunks/auth-C5d3nG1T.js

@@ -0,0 +1,410 @@
+import { g as e, m as t, p as n, u as r } from "./solid-logic.esm-7q6hmfIF.js";
+import { t as i } from "./create-context-IPEkU7ze.js";
+import { t as a } from "./consume-BefsVEGX.js";
+import "./context-ImtIQIYP.js";
+import { n as o, r as s, t as c } from "./components-Dlw2zOvI.js";
+import { i as l, n as u, s as d } from "./lit-CC2G_f_C.js";
+import { t as f } from "./show-dialog-eEW5yRBv.js";
+import { i as p, n as m, r as h } from "./decorators-CJJL4XBH.js";
+import "./combobox-eju-wypA.js";
+import "./dialog-DmDA1aY8.js";
+import "./button-GHRF3psH.js";
+import "./dialog-content-C8VhHg5G.js";
+import "./dialog-footer-CtHFoTZS.js";
+import "./combobox-option-CW1ZwMC7.js";
+//#region src/lib/auth/Account.ts
+var g = class {
+	webId;
+	avatarUrl;
+	constructor(e, t) {
+		this.webId = e, this.avatarUrl = t;
+	}
+}, _ = class {
+	get account() {
+		throw Error("Can't use auth, missing context provider");
+	}
+	async login() {
+		throw Error("Can't use auth, missing context provider");
+	}
+	async signup() {
+		throw Error("Can't use auth, missing context provider");
+	}
+	async logout() {
+		throw Error("Can't use auth, missing context provider");
+	}
+	onSessionUpdated() {
+		return () => void 0;
+	}
+}, v = new _(), y = i(Symbol("auth")), b = class {
+	id;
+	template;
+	element;
+	_resolveElement;
+	constructor(e) {
+		this.id = o(), this.template = e, this.element = new Promise((e) => {
+			this._resolveElement = e;
+		});
+	}
+	setElement(e) {
+		this._resolveElement(e);
+	}
+};
+//#endregion
+//#region src/lib/dialogs/helpers.ts
+function x(e) {
+	let t = new b(e);
+	return document.dispatchEvent(new f(t)), t.element;
+}
+//#endregion
+//#region src/components/login-modal/LoginModal.styles.css
+var S = d`.error-message{color:var(--solid-ui-color-error);font-size:var(--solid-ui-font-size-sm);text-align:center;width:100%;font-weight:500}solid-ui-combobox{width:100%}solid-ui-button{flex:1}`, C, w, T, E, D, O, k, A, j, ee, M, N, P, F, I, L, R, z, B, V, H, U, W, G, K;
+function q(e, t, n) {
+	te(e, t), t.set(e, n);
+}
+function te(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function J(e, t, n) {
+	return e.set(X(e, t), n), n;
+}
+function Y(e, t) {
+	return e.get(X(e, t));
+}
+function X(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function Z(e, t, n) {
+	return (t = Q(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function ne(e, t, n, r, i, a) {
+	function o(e, t, n) {
+		return function(r, i) {
+			return n && n(r), e[t].call(r, i);
+		};
+	}
+	function s(e, t) {
+		for (var n = 0; n < e.length; n++) e[n].call(t);
+		return t;
+	}
+	function c(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function l(e, t, n, r, i, a, s, l, u, d, f, p, m) {
+		function h(e) {
+			if (!m(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var g, _ = t[0], v = t[3], y = !l;
+		if (!y) {
+			n || Array.isArray(_) || (_ = [_]);
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: ie(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || ie(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: a,
+				addInitializer: function(e, t) {
+					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
+					c(t, "An initializer", "be", !0), s.push(t);
+				}.bind(null, D)
+			};
+			try {
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
+				else {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (A = function(e, t) {
+						e[r] = t;
+					}));
+					var j = O.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], O), p) {
+						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
+						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
+				}
+			} finally {
+				D.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
+	}
+	function u(e, t) {
+		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+			configurable: !0,
+			enumerable: !0,
+			value: t
+		});
+	}
+	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
+	var f = Object.create(d ?? null), p = function(e, t, n, r) {
+		var i, a, o = [], c = function(t) {
+			return ae(t) === e;
+		}, u = /* @__PURE__ */ new Map();
+		function d(e) {
+			e && o.push(s.bind(null, e));
+		}
+		for (var f = 0; f < t.length; f++) {
+			var p = t[f];
+			if (Array.isArray(p)) {
+				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
+				if (!y && !g) {
+					var x = u.get(b);
+					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
+					u.set(b, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : Q(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+			}
+		}
+		return d(i), d(a), o;
+	}(e, t, i, f);
+	return n.length || u(e, f), {
+		e: p,
+		get c() {
+			var t = [];
+			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
+		}
+	};
+}
+function Q(e) {
+	var t = re(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function re(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function ie(e, t, n) {
+	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function ae(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function oe(e) {
+	return e;
+}
+M = [s("solid-ui-login-modal")];
+var $;
+new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap(), K = (N = p({
+	type: String,
+	reflect: !0
+}), F = h(), L = h(), z = h(), V = a({
+	context: y,
+	subscribe: !0
+}), U = m("solid-ui-dialog"), "issuerUrl"), w = class extends c {
+	constructor(...e) {
+		super(...e), q(this, T, (j(this), P(this, ""))), q(this, E, I(this, "")), q(this, D, R(this, !1)), q(this, O, B(this, !1)), q(this, k, H(this, v)), q(this, A, W(this, null));
+	}
+	get [K]() {
+		return Y(T, this);
+	}
+	set issuerUrl(e) {
+		J(T, this, e);
+	}
+	get issuerInputValue() {
+		return Y(E, this);
+	}
+	set issuerInputValue(e) {
+		J(E, this, e);
+	}
+	get failed() {
+		return Y(D, this);
+	}
+	set failed(e) {
+		J(D, this, e);
+	}
+	get submitting() {
+		return Y(O, this);
+	}
+	set submitting(e) {
+		J(O, this, e);
+	}
+	get auth() {
+		return Y(k, this);
+	}
+	set auth(e) {
+		J(k, this, e);
+	}
+	get dialog() {
+		return Y(A, this);
+	}
+	set dialog(e) {
+		J(A, this, e);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.issuerInputValue = typeof localStorage < "u" && localStorage.getItem("loginIssuer") || this.issuerUrl || "";
+	}
+	render() {
+		let e = r();
+		return l`
+        <solid-ui-dialog title="Select an identity provider">
+            <form @submit=${this.onSubmit}>
+                <solid-ui-dialog-content>
+                    <solid-ui-combobox label="Solid Identity Provider" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>
+                        ${e.map((e) => l`<solid-ui-combobox-option value="${e.uri}">${e.name}</solid-ui-combobox-option>`)}
+                    </solid-ui-combobox>
+
+                    ${this.failed ? l`<p class="error-message">Something went wrong</p>` : u}
+                </solid-ui-dialog-content>
+
+                <solid-ui-dialog-footer>
+                    <solid-ui-button
+                        variant="secondary"
+                        @click="${() => this.dialog?.close()}"
+                    >
+                        Cancel
+                    </solid-ui-button>
+                    <solid-ui-button
+                        ?disabled=${!this.issuerInputValue || this.submitting}
+                        ?loading=${this.submitting}
+                        type="submit"
+                    >
+                        Login
+                    </solid-ui-button>
+                </solid-ui-dialog-footer>
+            </form>
+        </solid-ui-dialog>
+    `;
+	}
+	onIssuerInputChange(e) {
+		this.issuerInputValue = e.target.value;
+	}
+	async onSubmit(e) {
+		if (e.preventDefault(), this.failed = !1, this.issuerInputValue) {
+			this.submitting = !0;
+			try {
+				await this.auth.login(this.issuerInputValue);
+			} catch (e) {
+				console.error(e), this.failed = !0;
+			} finally {
+				this.submitting = !1;
+			}
+		}
+	}
+}, {e: [P, I, R, B, H, W, j], c: [$, ee]} = ne(w, [
+	[
+		N,
+		1,
+		"issuerUrl"
+	],
+	[
+		F,
+		1,
+		"issuerInputValue"
+	],
+	[
+		L,
+		1,
+		"failed"
+	],
+	[
+		z,
+		1,
+		"submitting"
+	],
+	[
+		V,
+		1,
+		"auth"
+	],
+	[
+		U,
+		1,
+		"dialog"
+	]
+], M, 0, void 0, c), w), C = class extends oe {
+	constructor() {
+		super($), Z(this, "styles", S), ee();
+	}
+}, Z(C, G, void 0), C)();
+//#endregion
+//#region src/components/login-modal/index.ts
+var se = $, ce = "https://solidproject.org/get_a_pod";
+function le(t) {
+	let r = n.store, i = r.sym(t), a = r.any(i, e.sioc("avatar")) || r.any(i, e.foaf("img")) || r.any(i, e.vcard("logo")) || r.any(i, e.vcard("hasPhoto")) || r.any(i, e.vcard("photo")) || r.any(i, e.foaf("depiction"));
+	return a ? a.value : void 0;
+}
+var ue = class {
+	constructor(e = ce) {
+		this.signupUrl = e;
+	}
+	get account() {
+		let e = t.webId ?? t.info?.webId;
+		return !(t.isActive ?? t.info?.isLoggedIn ?? !!e) || !e ? null : new g(e, le(e));
+	}
+	async login(e) {
+		if (!e) {
+			x(l`<solid-ui-login-modal></solid-ui-login-modal>`);
+			return;
+		}
+		n.store.updater.flagAuthorizationMetadata();
+		let r = new URL(window.location.href).hash;
+		r && window.localStorage.setItem("preLoginRedirectHash", r), window.localStorage.setItem("loginIssuer", e);
+		let i = new URL(window.location.href);
+		i.hash = "", await t.login(e, i.href);
+	}
+	async signup() {
+		window.open(this.signupUrl, "_blank", "noopener,noreferrer");
+	}
+	async logout() {
+		await t.logout();
+	}
+	onSessionUpdated(e) {
+		let n = t, r = () => {
+			e();
+		};
+		return typeof n.addEventListener == "function" ? n.addEventListener("sessionStateChange", r) : (t.events.on("login", e), t.events.on("logout", e), t.events.on("sessionRestore", e)), () => {
+			typeof n.removeEventListener == "function" ? n.removeEventListener("sessionStateChange", r) : (t.events.off("login", e), t.events.off("logout", e), t.events.off("sessionRestore", e));
+		};
+	}
+};
+//#endregion
+export { x as a, y as c, $ as i, _ as l, ue as n, b as o, se as r, v as s, ce as t, g as u };
+
+//# sourceMappingURL=auth-C5d3nG1T.js.map

package/dist/chunks/auth-C5d3nG1T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-C5d3nG1T.js","names":["Account","webId","avatarUrl","constructor","NoopAuth","account","Error","login","signup","logout","onSessionUpdated","undefined","createContext","NoopAuth","DEFAULT_AUTH_CONTEXT","authContext","Symbol","generateId","Dialog","id","template","element","_resolveElement","constructor","Promise","resolve","setElement","ShowDialogEvent","Dialog","showDialog","template","dialog","document","dispatchEvent","element","customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","LoginModal","authSession","solidLogicSingleton","Account","showDialog","html","ns","DEFAULT_SIGNUP_URL","findAccountImage","webId","store","me","sym","image","any","sioc","foaf","vcard","value","undefined","SolidAuth","constructor","signupUrl","account","info","isActive","isLoggedIn","Boolean","avatarUrl","login","loginUrl","updater","flagAuthorizationMetadata","preLoginRedirectHash","URL","window","location","href","hash","localStorage","setItem","locationUrl","signup","open","logout","onSessionUpdated","callback","sessionEventTarget","listener","addEventListener","events","on","removeEventListener","off"],"sources":["../../src/lib/auth/Account.ts","../../src/lib/auth/NoopAuth.ts","../../src/lib/auth/context.ts","../../src/lib/dialogs/Dialog.ts","../../src/lib/dialogs/helpers.ts","../../src/components/login-modal/LoginModal.styles.css","../../src/components/login-modal/LoginModal.ts","../../src/components/login-modal/index.ts","../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["export default class Account {\n  public readonly webId: string\n  public readonly avatarUrl?: string\n\n  constructor (webId: string, avatarUrl?: string) {\n    this.webId = webId\n    this.avatarUrl = avatarUrl\n  }\n}\n","import { AuthContext } from './context'\nimport Account from './Account'\n\nexport default class NoopAuth implements AuthContext {\n  get account (): Account | null {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async login () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async signup () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async logout () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  onSessionUpdated () {\n    return () => undefined\n  }\n}\n","import { createContext } from '@lit/context'\nimport NoopAuth from './NoopAuth'\nimport Account from './Account'\n\nexport interface AuthContext {\n  account: Account | null;\n  login(loginUrl?: string): Promise<void>;\n  signup(): Promise<void>;\n  logout(): Promise<void>;\n  onSessionUpdated(callback: () => unknown): () => void;\n}\n\nexport const DEFAULT_AUTH_CONTEXT = new NoopAuth()\nexport const authContext = createContext<AuthContext>(Symbol('auth'))\n","import { TemplateResult } from 'lit'\nimport { generateId } from '@/lib/components'\n\nexport default class Dialog {\n  public readonly id: string\n  public readonly template: TemplateResult\n  public readonly element: Promise<HTMLElement>\n  private _resolveElement!: (element: HTMLElement) => void\n\n  constructor (template: TemplateResult) {\n    this.id = generateId()\n    this.template = template\n    this.element = new Promise(resolve => {\n      this._resolveElement = resolve\n    })\n  }\n\n  setElement (element: HTMLElement) {\n    this._resolveElement(element)\n  }\n}\n","import { TemplateResult } from 'lit'\nimport { ShowDialogEvent } from './events/show-dialog'\nimport Dialog from './Dialog'\n\nexport function showDialog<T extends HTMLElement = HTMLElement> (template: TemplateResult): Promise<T> {\n  const dialog = new Dialog(template)\n\n  document.dispatchEvent(new ShowDialogEvent(dialog))\n\n  return dialog.element as Promise<T>\n}\n",".error-message {\n    color: var(--solid-ui-color-error);\n    font-size: var(--solid-ui-font-size-sm);\n    font-weight: 500;\n    text-align: center;\n    width: 100%;\n}\n\nsolid-ui-combobox {\n    width: 100%;\n}\n\nsolid-ui-button {\n    flex: 1;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = (e.target as Combobox).value\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n","import LoginModal from './LoginModal'\n\nexport { LoginModal }\nexport default LoginModal\n","import { authSession, solidLogicSingleton } from 'solid-logic'\nimport Account from '@/lib/auth/Account'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\nimport { html } from 'lit'\nimport ns from '@/lib/ns'\n\nimport '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(html`<solid-ui-login-modal></solid-ui-login-modal>`)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', callback)\n      authSession.events.on('logout', callback)\n      authSession.events.on('sessionRestore', callback)\n    }\n\n    return () => {\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', callback)\n        authSession.events.off('logout', callback)\n        authSession.events.off('sessionRestore', callback)\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/avatar-CsuCQCRu.js

@@ -0,0 +1,223 @@
+import { c as e, s as t } from "./auth-C5d3nG1T.js";
+import { t as n } from "./consume-BefsVEGX.js";
+import { r, t as i } from "./components-Dlw2zOvI.js";
+import { i as a, s as o } from "./lit-CC2G_f_C.js";
+//#region ~icons/lucide/circle-user
+var s = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/><path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\"/></g></svg>";
+	}
+};
+customElements.get("icon-lucide-circle-user") || customElements.define("icon-lucide-circle-user", s);
+//#endregion
+//#region src/components/avatar/Avatar.styles.css
+var c = o`:host{--size:150px;width:var(--size);height:var(--size);display:inline-flex;overflow:hidden;& img{object-fit:cover;width:100%;height:100%}}:host(:state(fallback)){background:var(--solid-ui-color-gray-100);justify-content:center;align-items:center;& icon-lucide-circle-user{color:var(--solid-ui-color-gray-200);width:50%;height:50%}}`, l, u, d, f, p, m, h, g, _, v;
+function y(e, t, n) {
+	b(e, t), t.set(e, n);
+}
+function b(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function x(e, t, n) {
+	return e.set(C(e, t), n), n;
+}
+function S(e, t) {
+	return e.get(C(e, t));
+}
+function C(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function w(e, t, n) {
+	return (t = E(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function T(e, t, n, r, i, a) {
+	function o(e, t, n) {
+		return function(r, i) {
+			return n && n(r), e[t].call(r, i);
+		};
+	}
+	function s(e, t) {
+		for (var n = 0; n < e.length; n++) e[n].call(t);
+		return t;
+	}
+	function c(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function l(e, t, n, r, i, a, s, l, u, d, f, p, m) {
+		function h(e) {
+			if (!m(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var g, _ = t[0], v = t[3], y = !l;
+		if (!y) {
+			n || Array.isArray(_) || (_ = [_]);
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: O(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || O(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, k = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: a,
+				addInitializer: function(e, t) {
+					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
+					c(t, "An initializer", "be", !0), s.push(t);
+				}.bind(null, D)
+			};
+			try {
+				if (y) (g = c(T.call(E, C, k), "class decorators", "return")) && (C = g);
+				else {
+					var A, j;
+					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (j = function(e, t) {
+						e[r] = t;
+					}));
+					var M = k.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (A && (M.get = A), j && (M.set = j), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], k), p) {
+						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
+						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
+				}
+			} finally {
+				D.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
+	}
+	function u(e, t) {
+		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+			configurable: !0,
+			enumerable: !0,
+			value: t
+		});
+	}
+	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
+	var f = Object.create(d ?? null), p = function(e, t, n, r) {
+		var i, a, o = [], c = function(t) {
+			return k(t) === e;
+		}, u = /* @__PURE__ */ new Map();
+		function d(e) {
+			e && o.push(s.bind(null, e));
+		}
+		for (var f = 0; f < t.length; f++) {
+			var p = t[f];
+			if (Array.isArray(p)) {
+				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
+				if (!y && !g) {
+					var x = u.get(b);
+					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
+					u.set(b, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : E(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+			}
+		}
+		return d(i), d(a), o;
+	}(e, t, i, f);
+	return n.length || u(e, f), {
+		e: p,
+		get c() {
+			var t = [];
+			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
+		}
+	};
+}
+function E(e) {
+	var t = D(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function D(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function O(e, t, n) {
+	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function k(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function A(e) {
+	return e;
+}
+m = [r("solid-ui-avatar")];
+var j;
+new (_ = (d = /*#__PURE__*/ new WeakMap(), v = (h = n({
+	context: e,
+	subscribe: !0
+}), "auth"), u = class extends i {
+	constructor(...e) {
+		super(...e), y(this, d, (f(this), g(this, t)));
+	}
+	get [v]() {
+		return S(d, this);
+	}
+	set auth(e) {
+		x(d, this, e);
+	}
+	render() {
+		return this.auth.account?.avatarUrl ? a`
+        <img src="${this.auth.account?.avatarUrl}" alt="" />
+    ` : a`
+          <icon-lucide-circle-user></icon-lucide-circle-user>
+      `;
+	}
+}, {e: [g, f], c: [j, p]} = T(u, [[
+	h,
+	1,
+	"auth"
+]], m, 0, void 0, i), u), l = class extends A {
+	constructor() {
+		super(j), w(this, "styles", c), w(this, "states", { fallback: (e) => !e.auth.account?.avatarUrl }), p();
+	}
+}, w(l, _, void 0), l)();
+//#endregion
+//#region src/components/avatar/index.ts
+var M = j;
+//#endregion
+export { j as n, M as t };
+
+//# sourceMappingURL=avatar-CsuCQCRu.js.map

package/dist/chunks/avatar-CsuCQCRu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-CsuCQCRu.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","fallback","component","default","Avatar"],"sources":["../../src/components/avatar/Avatar.styles.css","../../src/components/avatar/Avatar.ts","../../src/components/avatar/index.ts"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host(:state(fallback)) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n","import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO9BX,EAAQ;CAAEY,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACoCf,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOVjB,CAAoB,EAAA;CAAA;CAAA,KAAAO,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAxCc,KAAIC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEXE,SAAU;EAOlB,OANK,KAAKH,KAAKI,SAASC,YAMjB1B,CAAI;oBACK,KAAKqB,KAAKI,SAASC,UAAS;QANnC1B,CAAI;;;CAQf;AACF,GAAC,CAAA2B,GAAA,CAAAR,GAAAD,IAAAU,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAjB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GApBmCN,CAAY,GAAAe,IAAAkB,IAAA,cAAAC,EAAA;CAAAjB,cAAA;EAAA,MAAAV,CAAA,GAAA4B,EAAA,MAAA,UAC9B9B,CAAM,GAAA8B,EAAA,MAAA,UACN,EACdC,WAAWC,MAAsB,CAACA,EAAUd,KAAKI,SAASC,UAC5D,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAzB,GAAA,KAAA,CAAA,GAAAyB,GAAA;;;ACXH,IAAA,IAAeM"}