@daydreamui/netlify 0.0.0-stage → 0.3.0

package/dist/index.js

@@ -0,0 +1,1270 @@
+import { claimElement, className, createComponent, delegateEvents, effect, insert, memo, setAttribute, template } from "@solidjs/web";
+import { For, Show, createSignal, onCleanup, untrack } from "solid-js";
+var _tmpl$$3 = template(`<input readonly>`);
+var _tmpl$2$3 = template(`<span><button type=button aria-live=polite>`);
+function CopyUrl(props) {
+	const [copied, setCopied] = createSignal(false);
+	const [manual, setManual] = createSignal(false);
+	let timer;
+	let gone = false;
+	let run = 0;
+	onCleanup(() => {
+		gone = true;
+		clearTimeout(timer);
+	});
+	async function copy() {
+		const attempt = ++run;
+		try {
+			await navigator.clipboard.writeText(props.url);
+			if (gone || attempt !== run) return;
+			setCopied(true);
+			setManual(false);
+			clearTimeout(timer);
+			timer = setTimeout(() => setCopied(false), 2e3);
+		} catch {
+			if (!gone && attempt === run) setManual(true);
+		}
+	}
+	var _el$ = _tmpl$2$3();
+	var _el$2 = _el$.firstChild;
+	_el$2._$$click = () => void copy();
+	insert(_el$2, (() => {
+		var _c$ = memo(() => {
+			return !!copied();
+		});
+		return () => {
+			return _c$() ? "Copied!" : props.label;
+		};
+	})());
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return manual();
+		},
+		get children() {
+			var _el$3 = _tmpl$$3();
+			_el$3._$$click = (event) => event.currentTarget.select();
+			_el$3.addEventListener("focus", (event) => event.currentTarget.select());
+			effect(() => {
+				return {
+					e: `${props.label} manually`,
+					t: props.url
+				};
+			}, ({ e, t }, _p$) => {
+				e !== _p$?.e && setAttribute(_el$3, "aria-label", e);
+				_el$3.value = t ?? "";
+			});
+			return _el$3;
+		}
+	}), null);
+	effect(() => {
+		return {
+			e: `${props.prefix}-copy`,
+			t: `${props.prefix}-quiet`,
+			a: props.url
+		};
+	}, ({ e, t, a }, _p$) => {
+		className(_el$, e, _p$?.e);
+		className(_el$2, t, _p$?.t);
+		a !== _p$?.a && setAttribute(_el$2, "title", a);
+	});
+	return _el$;
+}
+delegateEvents(["click"]);
+var messageOf = (error) => error instanceof Error ? error.message : String(error);
+var isHttps = (value) => {
+	if (typeof value !== "string") return false;
+	try {
+		return new URL(value).protocol === "https:";
+	} catch {
+		return false;
+	}
+};
+var hasSeparateCanvas = (site) => isHttps(site.url) && isHttps(site.canvasUrl) && new URL(site.url).href !== new URL(site.canvasUrl).href;
+function isSite(value) {
+	if (typeof value !== "object" || value === null) return false;
+	const site = value;
+	return typeof site["siteId"] === "string" && site["siteId"] !== "" && typeof site["siteName"] === "string" && typeof site["url"] === "string" && typeof site["canvasUrl"] === "string";
+}
+function isStatus(value) {
+	if (typeof value !== "object" || value === null) return false;
+	const status = value;
+	return typeof status["running"] === "boolean" && typeof status["checked"] === "boolean" && (status["site"] === null || isSite(status["site"])) && (status["error"] === null || typeof status["error"] === "string");
+}
+var _tmpl$$2 = template(`<p>Account · `);
+var _tmpl$2$2 = template(`<label>Project name<input type=text pattern=[a-z0-9]+(-[a-z0-9]+)* maxlength=50 required>`);
+var _tmpl$3$2 = template(`<span>Lowercase letters, numbers, dashes.`);
+var _tmpl$4$2 = template(`<option disabled> (unavailable)`);
+var _tmpl$5$2 = template(`<label>Team<select required><option value disabled>Choose a team</option><!><!>`);
+var _tmpl$6$1 = template(`<p role=status>Loading projects…`);
+var _tmpl$7$1 = template(`<p role=alert>`);
+var _tmpl$8$1 = template(`<button type=button>Try again`);
+var _tmpl$9$1 = template(`<button type=button>Load more`);
+var _tmpl$10$1 = template(`<form><h2>Netlify project</h2><p>Existing deploys stay online.</p><fieldset><legend>Destination</legend><label><input type=radio>New project</label><label><input type=radio>Existing project</label></fieldset><!><!><!><div><button type=button>Cancel</button><button>Save`);
+var _tmpl$11$1 = template(`<option>`);
+var _tmpl$12$1 = template(`<label>Project<select required><option value disabled>Choose a project</option><!><!>`);
+function Destination(props) {
+	const p = untrack(() => props.prefix);
+	const initial = untrack(() => props.status);
+	const [kind, setKind] = createSignal(initial.site ? "existing" : "new");
+	const [name, setName] = createSignal(initial.settings.newSite?.name ?? initial.projectName);
+	const [team, setTeam] = createSignal(initial.settings.newSite?.team ?? "");
+	const [site, setSite] = createSignal(initial.site?.siteId ?? "");
+	const [list, setList] = createSignal({
+		teams: [],
+		sites: []
+	});
+	const [loading, setLoading] = createSignal(true);
+	const [error, setError] = createSignal(null);
+	const [more, setMore] = createSignal(false);
+	let page = 1;
+	let gone = false;
+	onCleanup(() => {
+		gone = true;
+	});
+	async function load() {
+		try {
+			const answer = await props.dd.hostPart.call("destinations", { page });
+			if (gone) return;
+			if (!answer || !Array.isArray(answer.teams) || !Array.isArray(answer.sites) || typeof answer.more !== "boolean" || !answer.sites.every(isSite) || !answer.teams.every((t) => typeof t.slug === "string" && typeof t.name === "string")) throw new Error("Could not load Netlify projects.");
+			setList((held) => ({
+				teams: page === 1 ? answer.teams : held.teams,
+				sites: [...held.sites, ...answer.sites]
+			}));
+			if (!team()) setTeam(answer.teams[0]?.slug ?? "");
+			if (!site()) setSite(answer.sites[0]?.siteId ?? "");
+			setMore(answer.more);
+			setError(null);
+			page += 1;
+		} catch (failure) {
+			if (!gone) setError(messageOf(failure));
+		} finally {
+			if (!gone) setLoading(false);
+		}
+	}
+	untrack(() => void load());
+	const disabled = () => props.busy() || loading();
+	var _el$ = _tmpl$10$1();
+	var _el$2 = _el$.firstChild;
+	var _el$3 = _el$2.nextSibling;
+	var _el$6 = _el$3.nextSibling;
+	var _el$7 = _el$6.firstChild;
+	var _el$8 = _el$7.nextSibling;
+	var _el$9 = _el$8.firstChild;
+	var _el$11 = _el$8.nextSibling.firstChild;
+	var _el$24 = _el$6.nextSibling;
+	var _el$26 = _el$24.nextSibling;
+	var _el$29 = _el$26.nextSibling;
+	var _el$31 = _el$29.nextSibling;
+	var _el$32 = _el$31.firstChild;
+	var _el$33 = _el$32.nextSibling;
+	_el$.addEventListener("submit", (event) => {
+		event.preventDefault();
+		props.save({
+			...props.status.settings,
+			newSite: kind() === "new" ? {
+				name: name(),
+				team: team()
+			} : null
+		}, kind() === "new" ? null : site());
+	});
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return props.accountName;
+		},
+		get children() {
+			var _el$4 = _tmpl$$2();
+			_el$4.firstChild;
+			insert(_el$4, () => {
+				return props.accountName;
+			}, null);
+			effect(() => `${p}-small ${p}-intro`, (_v$, _$p) => {
+				className(_el$4, _v$, _$p);
+			});
+			return _el$4;
+		}
+	}), _el$6);
+	_el$9.addEventListener("change", () => setKind("new"));
+	setAttribute(_el$9, "name", `${p}-destination`);
+	_el$11.addEventListener("change", () => setKind("existing"));
+	setAttribute(_el$11, "name", `${p}-destination`);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return kind() === "new";
+		},
+		get fallback() {
+			var _el$34 = _tmpl$12$1();
+			var _el$36 = _el$34.firstChild.nextSibling;
+			var _el$39 = _el$36.firstChild.nextSibling;
+			var _el$40 = _el$39.nextSibling;
+			_el$36.addEventListener("change", (event) => setSite(event.currentTarget.value));
+			insert(_el$36, createComponent(Show, {
+				get when() {
+					return memo(() => {
+						return !!initial.site;
+					})() ? !list().sites.some((entry) => entry.siteId === initial.site.siteId) : initial.site;
+				},
+				get children() {
+					var _el$38 = _tmpl$11$1();
+					insert(_el$38, () => {
+						return initial.site.url.replace(/^https?:\/\//, "");
+					});
+					effect(() => initial.site.siteId, (_v$) => {
+						_el$38.value = _v$;
+					});
+					return _el$38;
+				}
+			}), _el$39);
+			insert(_el$36, createComponent(For, {
+				get each() {
+					return list().sites;
+				},
+				children: (entry) => (() => {
+					var _el$41 = _tmpl$11$1();
+					insert(_el$41, () => {
+						return entry.url.replace(/^https?:\/\//, "");
+					});
+					effect(() => entry.siteId, (_v$) => {
+						_el$41.value = _v$;
+					});
+					return _el$41;
+				})()
+			}), _el$40);
+			effect(() => {
+				return {
+					e: `${p}-field`,
+					t: site(),
+					a: disabled()
+				};
+			}, ({ e, t, a }, _p$) => {
+				className(_el$34, e, _p$?.e);
+				queueMicrotask(() => {
+					return _el$36.value = t;
+				}) || (_el$36.value = t);
+				a !== _p$?.a && setAttribute(_el$36, "disabled", a);
+			});
+			return _el$34;
+		},
+		get children() {
+			return [
+				(() => {
+					var _el$12 = _tmpl$2$2();
+					var _el$14 = _el$12.firstChild.nextSibling;
+					_el$14._$$input = (event) => setName(event.currentTarget.value);
+					effect(() => {
+						return {
+							e: `${p}-field`,
+							t: name(),
+							a: disabled()
+						};
+					}, ({ e, t, a }, _p$) => {
+						className(_el$12, e, _p$?.e);
+						_el$14.value = t ?? "";
+						a !== _p$?.a && setAttribute(_el$14, "disabled", a);
+					});
+					return _el$12;
+				})(),
+				(() => {
+					var _el$15 = _tmpl$3$2();
+					effect(() => `${p}-small`, (_v$, _$p) => {
+						className(_el$15, _v$, _$p);
+					});
+					return _el$15;
+				})(),
+				(() => {
+					var _el$16 = _tmpl$5$2();
+					var _el$18 = _el$16.firstChild.nextSibling;
+					var _el$22 = _el$18.firstChild.nextSibling;
+					var _el$23 = _el$22.nextSibling;
+					_el$18.addEventListener("change", (event) => setTeam(event.currentTarget.value));
+					insert(_el$18, createComponent(Show, {
+						get when() {
+							return memo(() => {
+								return !!team();
+							})() ? !list().teams.some((entry) => entry.slug === team()) : team();
+						},
+						get children() {
+							var _el$20 = _tmpl$4$2();
+							var _el$21 = _el$20.firstChild;
+							insert(_el$20, team, _el$21);
+							effect(() => team(), (_v$) => {
+								_el$20.value = _v$;
+							});
+							return _el$20;
+						}
+					}), _el$22);
+					insert(_el$18, createComponent(For, {
+						get each() {
+							return list().teams;
+						},
+						children: (entry) => (() => {
+							var _el$42 = _tmpl$11$1();
+							insert(_el$42, () => {
+								return entry.name;
+							});
+							effect(() => entry.slug, (_v$) => {
+								_el$42.value = _v$;
+							});
+							return _el$42;
+						})()
+					}), _el$23);
+					effect(() => {
+						return {
+							e: `${p}-field ${p}-team`,
+							t: team(),
+							a: disabled()
+						};
+					}, ({ e, t, a }, _p$) => {
+						className(_el$16, e, _p$?.e);
+						queueMicrotask(() => {
+							return _el$18.value = t;
+						}) || (_el$18.value = t);
+						a !== _p$?.a && setAttribute(_el$18, "disabled", a);
+					});
+					return _el$16;
+				})()
+			];
+		}
+	}), _el$24);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return loading();
+		},
+		get children() {
+			var _el$25 = _tmpl$6$1();
+			effect(() => `${p}-small`, (_v$, _$p) => {
+				className(_el$25, _v$, _$p);
+			});
+			return _el$25;
+		}
+	}), _el$26);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return error();
+		},
+		get children() {
+			return [(() => {
+				var _el$27 = _tmpl$7$1();
+				insert(_el$27, error);
+				effect(() => `${p}-small`, (_v$, _$p) => {
+					className(_el$27, _v$, _$p);
+				});
+				return _el$27;
+			})(), (() => {
+				var _el$28 = _tmpl$8$1();
+				_el$28._$$click = () => {
+					setLoading(true);
+					load();
+				};
+				effect(() => {
+					return {
+						e: `${p}-quiet`,
+						t: loading()
+					};
+				}, ({ e, t }, _p$) => {
+					className(_el$28, e, _p$?.e);
+					t !== _p$?.t && setAttribute(_el$28, "disabled", t);
+				});
+				return _el$28;
+			})()];
+		}
+	}), _el$29);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return memo(() => {
+				return !!more();
+			})() ? kind() === "existing" : more();
+		},
+		get children() {
+			var _el$30 = _tmpl$9$1();
+			_el$30._$$click = () => {
+				setLoading(true);
+				load();
+			};
+			effect(() => {
+				return {
+					e: `${p}-quiet`,
+					t: disabled()
+				};
+			}, ({ e, t }, _p$) => {
+				className(_el$30, e, _p$?.e);
+				t !== _p$?.t && setAttribute(_el$30, "disabled", t);
+			});
+			return _el$30;
+		}
+	}), _el$31);
+	_el$32._$$click = () => props.cancel();
+	effect(() => {
+		return {
+			e: `${p}-heading`,
+			t: `${p}-small ${p}-intro`,
+			a: `${p}-modes`,
+			o: disabled(),
+			i: `${p}-sr`,
+			n: kind() === "new",
+			s: kind() === "existing",
+			h: `${p}-actions`,
+			r: `${p}-quiet`,
+			d: props.busy(),
+			l: `${p}-button`,
+			u: disabled() || (kind() === "new" ? !list().teams.some((entry) => entry.slug === team()) : !site())
+		};
+	}, ({ e, t, a, o, i, n, s, h, r, d, l, u }, _p$) => {
+		className(_el$2, e, _p$?.e);
+		className(_el$3, t, _p$?.t);
+		className(_el$6, a, _p$?.a);
+		o !== _p$?.o && setAttribute(_el$6, "disabled", o);
+		className(_el$7, i, _p$?.i);
+		_el$9.checked = n;
+		_el$11.checked = s;
+		className(_el$31, h, _p$?.h);
+		className(_el$32, r, _p$?.r);
+		d !== _p$?.d && setAttribute(_el$32, "disabled", d);
+		className(_el$33, l, _p$?.l);
+		u !== _p$?.u && setAttribute(_el$33, "disabled", u);
+	});
+	return _el$;
+}
+delegateEvents(["input", "click"]);
+var _tmpl$$1 = template(`<div><span role=status> of <!> selected</span><button type=button>`);
+var _tmpl$2$1 = template(`<div role=region aria-label="Scrollable project pages"tabindex=0><fieldset><legend>Project pages`);
+var _tmpl$3$1 = template(`<p>Select at least one page.`);
+var _tmpl$4$1 = template(`<form><h2>Pages</h2><fieldset><legend>Pages to publish</legend><label><input type=radio><span>All pages<span>Includes new pages.</span></span></label><label><input type=radio><span>Selected pages<span>New pages excluded.</span></span></label></fieldset><div><button type=button>Cancel</button><button>Save`);
+var _tmpl$5$1 = template(`<label><input type=checkbox><span>`);
+function Pages(props) {
+	const p = untrack(() => props.prefix);
+	const initial = untrack(() => ({
+		settings: props.settings,
+		paths: props.paths()
+	}));
+	const [all, setAll] = createSignal(initial.settings.pages === null);
+	const [chosen, setChosen] = createSignal(initial.settings.pages ?? initial.paths);
+	const selected = () => props.paths().filter((path) => chosen().includes(path));
+	const toggle = (path, checked) => setChosen((held) => checked ? [...held, path] : held.filter((entry) => entry !== path));
+	var _el$ = _tmpl$4$1();
+	var _el$2 = _el$.firstChild;
+	var _el$3 = _el$2.nextSibling;
+	var _el$4 = _el$3.firstChild;
+	var _el$5 = _el$4.nextSibling;
+	var _el$6 = _el$5.firstChild;
+	var _el$9 = _el$6.nextSibling.firstChild.nextSibling;
+	var _el$11 = _el$5.nextSibling.firstChild;
+	var _el$14 = _el$11.nextSibling.firstChild.nextSibling;
+	var _el$25 = _el$3.nextSibling;
+	var _el$26 = _el$25.firstChild;
+	var _el$27 = _el$26.nextSibling;
+	_el$.addEventListener("submit", (event) => {
+		event.preventDefault();
+		props.save({
+			...props.settings,
+			pages: all() ? null : selected()
+		});
+	});
+	_el$6.addEventListener("change", () => setAll(true));
+	setAttribute(_el$6, "name", `${p}-pages`);
+	_el$11.addEventListener("change", () => setAll(false));
+	setAttribute(_el$11, "name", `${p}-pages`);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return !all();
+		},
+		get children() {
+			return [
+				(() => {
+					var _el$15 = _tmpl$$1();
+					var _el$16 = _el$15.firstChild;
+					var _el$17 = _el$16.firstChild;
+					var _el$18 = _el$17.nextSibling;
+					_el$18.nextSibling;
+					var _el$20 = _el$16.nextSibling;
+					insert(_el$16, () => {
+						return selected().length;
+					}, _el$17);
+					insert(_el$16, () => {
+						return props.paths().length;
+					}, _el$18);
+					_el$20._$$click = () => setChosen(selected().length === props.paths().length ? [] : props.paths());
+					insert(_el$20, () => {
+						return selected().length === props.paths().length ? "Clear selection" : "Select all";
+					});
+					effect(() => {
+						return {
+							e: `${p}-row`,
+							t: `${p}-small`,
+							a: `${p}-quiet`,
+							o: props.busy()
+						};
+					}, ({ e, t, a, o }, _p$) => {
+						className(_el$15, e, _p$?.e);
+						className(_el$16, t, _p$?.t);
+						className(_el$20, a, _p$?.a);
+						o !== _p$?.o && setAttribute(_el$20, "disabled", o);
+					});
+					return _el$15;
+				})(),
+				(() => {
+					var _el$21 = _tmpl$2$1();
+					var _el$22 = _el$21.firstChild;
+					var _el$23 = _el$22.firstChild;
+					insert(_el$22, createComponent(For, {
+						get each() {
+							return props.paths();
+						},
+						children: (path) => (() => {
+							var _el$28 = _tmpl$5$1();
+							var _el$29 = _el$28.firstChild;
+							var _el$30 = _el$29.nextSibling;
+							_el$29.addEventListener("change", (event) => toggle(path, event.currentTarget.checked));
+							insert(_el$30, path);
+							effect(() => chosen().includes(path), (_v$) => {
+								_el$29.checked = _v$;
+							});
+							return _el$28;
+						})()
+					}), null);
+					effect(() => {
+						return {
+							e: `${p}-page-scroll`,
+							t: `${p}-page-list`,
+							a: props.busy(),
+							o: `${p}-sr`
+						};
+					}, ({ e, t, a, o }, _p$) => {
+						className(_el$21, e, _p$?.e);
+						className(_el$22, t, _p$?.t);
+						a !== _p$?.a && setAttribute(_el$22, "disabled", a);
+						className(_el$23, o, _p$?.o);
+					});
+					return _el$21;
+				})(),
+				createComponent(Show, {
+					get when() {
+						return selected().length === 0;
+					},
+					get children() {
+						var _el$24 = _tmpl$3$1();
+						effect(() => `${p}-small`, (_v$, _$p) => {
+							className(_el$24, _v$, _$p);
+						});
+						return _el$24;
+					}
+				})
+			];
+		}
+	}), _el$25);
+	_el$26._$$click = () => props.cancel();
+	effect(() => {
+		return {
+			e: `${p}-heading`,
+			t: `${p}-modes`,
+			a: props.busy(),
+			o: `${p}-sr`,
+			i: all(),
+			n: `${p}-small`,
+			s: !all(),
+			h: `${p}-small`,
+			r: `${p}-actions`,
+			d: `${p}-quiet`,
+			l: props.busy(),
+			u: `${p}-button`,
+			c: props.busy() || !all() && selected().length === 0
+		};
+	}, ({ e, t, a, o, i, n, s, h, r, d, l, u, c }, _p$) => {
+		className(_el$2, e, _p$?.e);
+		className(_el$3, t, _p$?.t);
+		a !== _p$?.a && setAttribute(_el$3, "disabled", a);
+		className(_el$4, o, _p$?.o);
+		_el$6.checked = i;
+		className(_el$9, n, _p$?.n);
+		_el$11.checked = s;
+		className(_el$14, h, _p$?.h);
+		className(_el$25, r, _p$?.r);
+		className(_el$26, d, _p$?.d);
+		l !== _p$?.l && setAttribute(_el$26, "disabled", l);
+		className(_el$27, u, _p$?.u);
+		c !== _p$?.c && setAttribute(_el$27, "disabled", c);
+	});
+	return _el$;
+}
+delegateEvents(["click"]);
+var defaults = () => ({
+	pages: null,
+	includeCanvas: true,
+	newSite: null
+});
+function isSettings(value) {
+	if (!value || typeof value !== "object") return false;
+	const s = value;
+	const target = s["newSite"];
+	return (s["pages"] === null || Array.isArray(s["pages"]) && s["pages"].length > 0 && s["pages"].every((page) => typeof page === "string" && page.length > 0)) && typeof s["includeCanvas"] === "boolean" && (target === null || typeof target === "object" && typeof target["name"] === "string" && /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(target["name"]) && target["name"].length <= 50 && typeof target["team"] === "string" && /^[a-zA-Z0-9][a-zA-Z0-9-]*$/.test(target["team"]));
+}
+function isManualLogin(value) {
+	if (!value || typeof value !== "object") return false;
+	const login = value;
+	return isHttps(login.url) && typeof login.command === "string" && login.command.length > 0;
+}
+function isPanelStatus(value) {
+	if (!isStatus(value)) return false;
+	const s = value;
+	return isSettings(s["settings"]) && (s["login"] === null || isManualLogin(s["login"])) && (s["project"] === null || typeof s["project"] === "string") && typeof s["projectName"] === "string" && (s["phase"] === null || [
+		"preparing",
+		"uploading",
+		"login"
+	].includes(s["phase"])) && (s["published"] === null || typeof s["published"] === "number");
+}
+function isAccount(value) {
+	if (!value || typeof value !== "object") return false;
+	const a = value;
+	return [
+		"ready",
+		"signed-out",
+		"missing",
+		"error"
+	].includes(a.state) && typeof a.name === "string" && (a.error === null || typeof a.error === "string");
+}
+var classPrefix = (pluginId) => pluginId.replace(/[^A-Za-z0-9_-]/g, "-");
+var css = (p) => `
+.${p}-panel {
+  --panel-text: var(--dream-app-text, #b8b8be);
+  --panel-bright: var(--dream-app-bright, #c8c8ce);
+  --panel-dim: var(--dream-app-dim, #9a9aa0);
+  --panel-muted: var(--dream-app-muted, #85858c);
+  --panel-line: var(--dream-app-line, #232326);
+  --panel-strong: var(--dream-app-line-strong, #3a3a40);
+  --panel-field: var(--dream-app-field, #1c1c20);
+  --panel-hover: var(--dream-app-hover, #232326);
+  --panel-accent: var(--dream-app-accent, #4c9aff);
+  padding: 6px 12px 12px;
+  min-width: 0;
+  color: var(--panel-text);
+  font-family: var(--dream-app-sans, system-ui, sans-serif);
+  font-size: 12px;
+  line-height: 1.4;
+}
+.${p}-panel p { margin: 0; }
+.${p}-panel button, .${p}-panel input, .${p}-panel select { font: inherit; }
+.${p}-panel button:focus-visible, .${p}-panel input:focus-visible,
+.${p}-panel select:focus-visible, .${p}-page-scroll:focus-visible {
+  outline: 1px solid var(--panel-bright); outline-offset: 2px;
+}
+.${p}-button, .${p}-quiet { border: 0; border-radius: 4px; cursor: pointer; }
+.${p}-button { padding: 4px 10px; color: var(--panel-bright); background: var(--panel-line); }
+.${p}-button:hover:not(:disabled) { background: var(--panel-strong); }
+.${p}-panel .${p}-quiet { padding: 3px 6px; font-size: 11px; color: var(--panel-dim); background: transparent; }
+.${p}-quiet:hover:not(:disabled) { color: var(--panel-bright); background: var(--panel-hover); }
+.${p}-panel .${p}-primary { padding: 7px 14px; font-weight: 600; }
+.${p}-primary:hover:not(:disabled) { background: #32e6e2; color: #0c2a2a; }
+.${p}-panel button:disabled { color: var(--panel-muted); cursor: default; }
+.${p}-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.${p}-row > button { flex: none; }
+.${p}-small { font-size: 11px; color: var(--panel-muted); }
+.${p}-login-help { display: grid; gap: 8px; margin: 12px 0; }
+.${p}-login-help a { color: var(--panel-bright); }
+.${p}-login-help code { white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; font-family: var(--dream-app-mono, monospace); font-size: 12px; }
+.${p}-destination { margin-bottom: 16px; }
+.${p}-address { min-width: 0; overflow-wrap: anywhere; color: var(--panel-bright); }
+.${p}-scope { margin-bottom: 20px; }
+.${p}-page-detail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.${p}-publish-row { flex-wrap: wrap; }
+.${p}-canvas-option { display: flex; align-items: center; gap: 6px; cursor: pointer; }
+.${p}-panel input[type="checkbox"], .${p}-panel input[type="radio"] { accent-color: var(--panel-accent); margin: 0; flex: none; }
+.${p}-canvas-option input { width: 13px; height: 13px; }
+.${p}-status-row { display: flex; align-items: first baseline; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
+.${p}-share-actions { display: flex; flex: none; align-items: first baseline; gap: 6px; margin-left: -6px; }
+.${p}-copy { display: grid; min-width: 65px; }
+.${p}-copy + .${p}-copy { min-width: 102px; }
+.${p}-notice:empty { display: none; }
+.${p}-notice { flex: 1; min-width: 80px; margin-left: auto; text-align: right; text-wrap: balance; color: var(--panel-muted); font-size: 11px; }
+.${p}-error { color: var(--dream-app-danger, #c58b84); }
+.${p}-success { color: var(--dream-app-success, #2fb36a); }
+.${p}-heading { margin: 0 0 12px; color: var(--panel-bright); font-size: 12px; font-weight: 500; }
+.${p}-panel .${p}-intro { margin-bottom: 8px; }
+.${p}-modes { display: grid; gap: 8px; border: 0; padding: 0; margin: 0 0 12px; }
+.${p}-modes label { display: flex; align-items: start; gap: 6px; cursor: pointer; }
+.${p}-modes input { margin-top: 2px !important; }
+.${p}-modes .${p}-small { display: block; margin-top: 2px; }
+.${p}-page-scroll { max-height: 152px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: var(--panel-strong) transparent; margin-bottom: 8px; padding: 4px; }
+.${p}-page-list { display: grid; border: 0; padding: 0; margin: 0; }
+.${p}-page-list label { display: flex; align-items: center; gap: 6px; padding: 6px 0; cursor: pointer; }
+.${p}-page-list span { overflow-wrap: anywhere; min-width: 0; }
+.${p}-actions { display: flex; justify-content: flex-end; gap: 6px; margin-top: 12px; }
+.${p}-field { display: grid; gap: 4px; }
+.${p}-team { margin-top: 8px; }
+.${p}-panel input[type="text"], .${p}-panel input[readonly], .${p}-panel select {
+  padding: 4px 8px; color: var(--panel-bright); background: var(--panel-field); border: 1px solid var(--panel-line); border-radius: 4px; width: 100%; min-width: 0; box-sizing: border-box;
+}
+.${p}-panel select { cursor: pointer; }
+.${p}-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
+`;
+var _tmpl$ = template(`<div><div><p></p><button type=button>Change</button></div><p>`);
+var _tmpl$2 = template(`<div><div><span></span><button type=button>Choose pages</button></div><p>`);
+var _tmpl$3 = template(`<div><label><input type=checkbox>Include canvas</label><button type=button>Publish project`);
+var _tmpl$4 = template(`<div><!><!>`);
+var _tmpl$5 = template(`<div><span role=status>`);
+var _tmpl$6 = template(`<button type=button>Check again`);
+var _tmpl$7 = template(`<p role=alert>`);
+var _tmpl$8 = template(`<div>`);
+var _tmpl$9 = template(`<button type=button>`);
+var _tmpl$10 = template(`<p role=alert>Log in failed.`);
+var _tmpl$11 = template(`<div><!><!><!><!>`);
+var _tmpl$12 = template(`<p role=status>`);
+var _tmpl$13 = template(`<div><a target=_blank rel="noopener noreferrer">Authorize in Netlify</a><p>Then run in your terminal:</p><code>`);
+var _tmpl$14 = template(`<p>Loading project…`);
+function createNetlifyPanel(dd) {
+	const p = classPrefix(dd.plugin.id);
+	const [status, setStatus] = createSignal(null);
+	const [account, setAccount] = createSignal(null);
+	const [pollError, setPollError] = createSignal(null);
+	const [said, setSaid] = createSignal(null);
+	const [asking, setAsking] = createSignal(false);
+	const [published, setPublished] = createSignal(false);
+	const [screen, setScreen] = createSignal("overview");
+	let epoch = 0;
+	let accountRequest = 0;
+	let gone = false;
+	let following = null;
+	let pollVersion = 0;
+	let successTimer;
+	let waitTimer;
+	let wake;
+	const stopWatching = () => {
+		pollVersion += 1;
+		clearTimeout(waitTimer);
+		wake?.();
+	};
+	const current = (started) => !gone && started === epoch;
+	const clearSuccess = () => {
+		clearTimeout(successTimer);
+		setPublished(false);
+	};
+	const hear = (answer) => {
+		if (!isPanelStatus(answer)) throw new Error("Could not read publishing status.");
+		const previous = status();
+		if (previous && previous.project === answer.project && answer.published !== null && answer.published !== previous.published && !answer.error) {
+			clearTimeout(successTimer);
+			setPublished(true);
+			successTimer = setTimeout(() => setPublished(false), 3e3);
+		}
+		if (answer.error === "Choose a Netlify team.") setScreen("destination");
+		setPollError(null);
+		setStatus(answer);
+		return answer;
+	};
+	async function checkAccount(started = epoch) {
+		const request = ++accountRequest;
+		try {
+			const answer = await dd.hostPart.call("account");
+			if (!current(started) || request !== accountRequest) return;
+			if (!isAccount(answer)) throw new Error("Could not read Netlify account.");
+			setAccount(answer);
+		} catch (error) {
+			if (current(started) && request === accountRequest) setAccount({
+				state: "error",
+				name: "",
+				error: messageOf(error)
+			});
+		}
+	}
+	async function watch() {
+		const started = epoch;
+		const version = pollVersion;
+		const active = () => current(started) && version === pollVersion;
+		if (gone || following === version) return;
+		following = version;
+		try {
+			for (;;) {
+				try {
+					const answer = await dd.hostPart.call("status");
+					if (!active()) return;
+					const previous = status();
+					if (!hear(answer).running) {
+						if (previous === null || previous.running) checkAccount(started);
+						return;
+					}
+				} catch (error) {
+					if (active()) setPollError(messageOf(error));
+				}
+				if (!active()) return;
+				await new Promise((resolve) => {
+					wake = resolve;
+					waitTimer = setTimeout(resolve, 1500);
+				});
+				if (!active()) return;
+			}
+		} finally {
+			if (following === version) following = null;
+		}
+	}
+	const projectHook = dd.on("project", () => untrack(() => {
+		epoch += 1;
+		stopWatching();
+		clearSuccess();
+		setStatus(null);
+		setPollError(null);
+		setSaid(null);
+		setScreen("overview");
+		setAsking(false);
+		checkAccount(epoch);
+		watch();
+	}));
+	onCleanup(() => {
+		gone = true;
+		epoch += 1;
+		projectHook.dispose();
+		clearTimeout(successTimer);
+		stopWatching();
+	});
+	untrack(() => void watch());
+	checkAccount();
+	async function ask(name, fields = {}) {
+		if (asking() || status() === null) return false;
+		const started = epoch;
+		stopWatching();
+		clearSuccess();
+		setAsking(true);
+		setSaid(null);
+		try {
+			const answer = await dd.hostPart.call(name, {
+				project: status().project,
+				...fields
+			});
+			if (!current(started)) return false;
+			const heard = hear(answer);
+			if (name === "login" && !heard.running) checkAccount(started);
+			return true;
+		} catch (error) {
+			if (current(started)) setSaid(messageOf(error));
+			return false;
+		} finally {
+			if (current(started)) {
+				setAsking(false);
+				watch();
+			}
+		}
+	}
+	async function save(settings, site) {
+		if (await ask("save", {
+			settings,
+			...site === void 0 ? {} : { site }
+		})) setScreen("overview");
+	}
+	const settings = () => status()?.settings ?? defaults();
+	const paths = () => dd.document().pages.map((page) => page.path).filter((path) => dd.page(path) !== void 0);
+	const selected = () => settings().pages === null ? paths() : paths().filter((path) => settings().pages.includes(path));
+	const pageDetail = () => settings().pages === null ? "All project pages will be public." : selected().join(", ");
+	const site = () => status()?.site ?? null;
+	const busy = () => asking() || status() === null || status().running;
+	const failure = () => said() ?? pollError() ?? status()?.error ?? null;
+	const changed = () => {
+		const previous = site()?.publishedScope;
+		if (!previous) return false;
+		const pages = settings().pages === null ? null : selected();
+		return previous.includeCanvas !== settings().includeCanvas || JSON.stringify(previous.pages) !== JSON.stringify(pages);
+	};
+	const notice = () => failure() ? "Publishing failed." : published() ? "Just published!" : status()?.running ? status()?.phase === "preparing" ? "Preparing files…" : status()?.phase === "uploading" ? "Publishing…" : status()?.phase === "login" ? "Waiting for browser…" : "Working…" : changed() ? "Changes to deploy" : "";
+	const address = () => site() ? status()?.checked ? site().url.replace(/^https?:\/\//, "") : `Project ${site().siteId}` : `${settings().newSite?.name ?? status()?.projectName ?? ""}.netlify.app`;
+	var _el$ = _tmpl$8();
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return account()?.state === "ready";
+		},
+		get fallback() {
+			var _el$23 = _tmpl$11();
+			var _el$25 = _el$23.firstChild;
+			var _el$26 = _el$25.nextSibling;
+			var _el$28 = _el$26.nextSibling;
+			var _el$30 = _el$28.nextSibling;
+			insert(_el$23, createComponent(Show, {
+				get when() {
+					return account()?.state === "signed-out";
+				},
+				get fallback() {
+					var _el$31 = _tmpl$12();
+					insert(_el$31, () => {
+						return account()?.error ?? "Connecting to Netlify…";
+					});
+					effect(() => `${p}-small`, (_v$, _$p) => {
+						className(_el$31, _v$, _$p);
+					});
+					return _el$31;
+				},
+				get children() {
+					var _el$24 = _tmpl$9();
+					_el$24._$$click = () => void ask("login");
+					insert(_el$24, () => {
+						return status()?.phase === "login" ? "Waiting for browser…" : "Log in to Netlify";
+					});
+					effect(() => {
+						return {
+							e: `${p}-button ${p}-primary`,
+							t: busy()
+						};
+					}, ({ e, t }, _p$) => {
+						className(_el$24, e, _p$?.e);
+						t !== _p$?.t && setAttribute(_el$24, "disabled", t);
+					});
+					return _el$24;
+				}
+			}), _el$25);
+			insert(_el$23, createComponent(Show, {
+				get when() {
+					return status()?.login;
+				},
+				children: (login) => (() => {
+					var _el$32 = _tmpl$13();
+					var _el$33 = _el$32.firstChild;
+					var _el$34 = _el$33.nextSibling;
+					var _el$35 = _el$34.nextSibling;
+					claimElement(_el$33);
+					insert(_el$35, () => {
+						return login().command;
+					});
+					effect(() => {
+						return {
+							e: `${p}-login-help`,
+							t: login().url,
+							a: `${p}-small`
+						};
+					}, ({ e, t, a }, _p$) => {
+						className(_el$32, e, _p$?.e);
+						t !== _p$?.t && setAttribute(_el$33, "href", t);
+						className(_el$34, a, _p$?.a);
+					});
+					return _el$32;
+				})()
+			}), _el$26);
+			insert(_el$23, createComponent(Show, {
+				get when() {
+					return (memo(() => {
+						return !!account();
+					})() ? account().state !== "signed-out" : account()) || failure() || status()?.login;
+				},
+				get children() {
+					var _el$27 = _tmpl$6();
+					_el$27._$$click = () => {
+						setSaid(null);
+						checkAccount();
+						watch();
+					};
+					effect(() => {
+						return {
+							e: `${p}-quiet`,
+							t: busy()
+						};
+					}, ({ e, t }, _p$) => {
+						className(_el$27, e, _p$?.e);
+						t !== _p$?.t && setAttribute(_el$27, "disabled", t);
+					});
+					return _el$27;
+				}
+			}), _el$28);
+			insert(_el$23, createComponent(Show, {
+				get when() {
+					return failure();
+				},
+				get children() {
+					var _el$29 = _tmpl$10();
+					effect(() => {
+						return {
+							e: `${p}-small ${p}-error`,
+							t: failure()
+						};
+					}, ({ e, t }, _p$) => {
+						className(_el$29, e, _p$?.e);
+						t !== _p$?.t && setAttribute(_el$29, "title", t);
+					});
+					return _el$29;
+				}
+			}), _el$30);
+			effect(() => `${p}-connect`, (_v$, _$p) => {
+				className(_el$23, _v$, _$p);
+			});
+			return _el$23;
+		},
+		get children() {
+			return createComponent(Show, {
+				get when() {
+					return status();
+				},
+				get fallback() {
+					var _el$36 = _tmpl$14();
+					effect(() => `${p}-small`, (_v$, _$p) => {
+						className(_el$36, _v$, _$p);
+					});
+					return _el$36;
+				},
+				get children() {
+					return [
+						createComponent(Show, {
+							get when() {
+								return screen() === "overview";
+							},
+							get children() {
+								return [
+									(() => {
+										var _el$2 = _tmpl$();
+										var _el$3 = _el$2.firstChild;
+										var _el$4 = _el$3.firstChild;
+										var _el$5 = _el$4.nextSibling;
+										var _el$6 = _el$3.nextSibling;
+										insert(_el$4, address);
+										_el$5._$$click = () => {
+											setSaid(null);
+											setScreen("destination");
+										};
+										insert(_el$6, () => {
+											return site() ? "Production · Public" : "New project · Public";
+										});
+										effect(() => {
+											return {
+												e: `${p}-destination`,
+												t: `${p}-row`,
+												a: `${p}-address`,
+												o: `${p}-quiet`,
+												i: busy(),
+												n: `${p}-small`
+											};
+										}, ({ e, t, a, o, i, n }, _p$) => {
+											className(_el$2, e, _p$?.e);
+											className(_el$3, t, _p$?.t);
+											className(_el$4, a, _p$?.a);
+											className(_el$5, o, _p$?.o);
+											i !== _p$?.i && setAttribute(_el$5, "disabled", i);
+											className(_el$6, n, _p$?.n);
+										});
+										return _el$2;
+									})(),
+									(() => {
+										var _el$7 = _tmpl$2();
+										var _el$8 = _el$7.firstChild;
+										var _el$9 = _el$8.firstChild;
+										var _el$10 = _el$9.nextSibling;
+										var _el$11 = _el$8.nextSibling;
+										insert(_el$9, (() => {
+											var _c$ = memo(() => {
+												return settings().pages === null;
+											});
+											return () => {
+												return _c$() ? `All ${paths().length} pages` : `${selected().length} of ${paths().length} pages`;
+											};
+										})());
+										_el$10._$$click = () => setScreen("pages");
+										insert(_el$11, pageDetail);
+										effect(() => {
+											return {
+												e: `${p}-scope`,
+												t: `${p}-row`,
+												a: `${p}-quiet`,
+												o: busy(),
+												i: `${p}-small ${p}-page-detail`,
+												n: pageDetail()
+											};
+										}, ({ e, t, a, o, i, n }, _p$) => {
+											className(_el$7, e, _p$?.e);
+											className(_el$8, t, _p$?.t);
+											className(_el$10, a, _p$?.a);
+											o !== _p$?.o && setAttribute(_el$10, "disabled", o);
+											className(_el$11, i, _p$?.i);
+											n !== _p$?.n && setAttribute(_el$11, "title", n);
+										});
+										return _el$7;
+									})(),
+									(() => {
+										var _el$12 = _tmpl$3();
+										var _el$13 = _el$12.firstChild;
+										var _el$14 = _el$13.firstChild;
+										var _el$15 = _el$13.nextSibling;
+										_el$14.addEventListener("change", (event) => void save({
+											...settings(),
+											includeCanvas: event.currentTarget.checked
+										}));
+										_el$15._$$click = () => void ask("deploy", {
+											site: site()?.siteId ?? null,
+											settings: settings(),
+											...settings().pages === null ? {} : { pages: selected() }
+										});
+										effect(() => {
+											return {
+												e: `${p}-row ${p}-publish-row`,
+												t: `${p}-canvas-option`,
+												a: settings().includeCanvas,
+												o: busy(),
+												i: `${p}-button ${p}-primary`,
+												n: busy() || !status()?.checked || selected().length === 0
+											};
+										}, ({ e, t, a, o, i, n }, _p$) => {
+											className(_el$12, e, _p$?.e);
+											className(_el$13, t, _p$?.t);
+											_el$14.checked = a;
+											o !== _p$?.o && setAttribute(_el$14, "disabled", o);
+											className(_el$15, i, _p$?.i);
+											n !== _p$?.n && setAttribute(_el$15, "disabled", n);
+										});
+										return _el$12;
+									})(),
+									createComponent(Show, {
+										get when() {
+											return (memo(() => {
+												return !!site();
+											})() ? status()?.checked : site()) || notice();
+										},
+										get children() {
+											var _el$16 = _tmpl$5();
+											var _el$20 = _el$16.firstChild;
+											insert(_el$16, createComponent(Show, {
+												get when() {
+													return memo(() => {
+														return !!(site() && status()?.checked);
+													})() ? isHttps(site().url) : site() && status()?.checked;
+												},
+												get children() {
+													var _el$17 = _tmpl$4();
+													var _el$18 = _el$17.firstChild;
+													var _el$19 = _el$18.nextSibling;
+													insert(_el$17, createComponent(CopyUrl, {
+														prefix: p,
+														get url() {
+															return site().url;
+														},
+														label: "Copy URL"
+													}), _el$18);
+													insert(_el$17, createComponent(Show, {
+														get when() {
+															return hasSeparateCanvas(site());
+														},
+														get children() {
+															return createComponent(CopyUrl, {
+																prefix: p,
+																get url() {
+																	return site().canvasUrl;
+																},
+																label: "Copy canvas URL"
+															});
+														}
+													}), _el$19);
+													effect(() => `${p}-share-actions`, (_v$, _$p) => {
+														className(_el$17, _v$, _$p);
+													});
+													return _el$17;
+												}
+											}), _el$20);
+											insert(_el$20, notice);
+											effect(() => {
+												return {
+													e: `${p}-status-row`,
+													t: `${p}-notice ${failure() ? `${p}-error` : published() ? `${p}-success` : ""}`,
+													a: failure() ?? void 0
+												};
+											}, ({ e, t, a }, _p$) => {
+												className(_el$16, e, _p$?.e);
+												className(_el$20, t, _p$?.t);
+												a !== _p$?.a && setAttribute(_el$20, "title", a);
+											});
+											return _el$16;
+										}
+									}),
+									createComponent(Show, {
+										get when() {
+											return memo(() => {
+												return !status()?.checked;
+											})() && !busy();
+										},
+										get children() {
+											var _el$21 = _tmpl$6();
+											_el$21._$$click = () => {
+												setSaid(null);
+												watch();
+												checkAccount();
+											};
+											effect(() => {
+												return {
+													e: `${p}-quiet`,
+													t: failure() ?? void 0
+												};
+											}, ({ e, t }, _p$) => {
+												className(_el$21, e, _p$?.e);
+												t !== _p$?.t && setAttribute(_el$21, "title", t);
+											});
+											return _el$21;
+										}
+									})
+								];
+							}
+						}),
+						createComponent(Show, {
+							get when() {
+								return screen() === "pages";
+							},
+							get children() {
+								return createComponent(Pages, {
+									prefix: p,
+									paths,
+									get settings() {
+										return settings();
+									},
+									busy,
+									save,
+									cancel: () => {
+										setSaid(null);
+										setScreen("overview");
+									}
+								});
+							}
+						}),
+						createComponent(Show, {
+							get when() {
+								return screen() === "destination";
+							},
+							get children() {
+								return createComponent(Destination, {
+									dd,
+									prefix: p,
+									get status() {
+										return status();
+									},
+									get accountName() {
+										return account()?.name ?? "";
+									},
+									busy,
+									save,
+									cancel: () => {
+										setSaid(null);
+										setScreen("overview");
+									}
+								});
+							}
+						}),
+						createComponent(Show, {
+							get when() {
+								return memo(() => {
+									return screen() !== "overview";
+								})() && failure();
+							},
+							get children() {
+								var _el$22 = _tmpl$7();
+								insert(_el$22, failure);
+								effect(() => `${p}-small ${p}-error`, (_v$, _$p) => {
+									className(_el$22, _v$, _$p);
+								});
+								return _el$22;
+							}
+						})
+					];
+				}
+			});
+		}
+	}));
+	effect(() => `${p}-panel`, (_v$, _$p) => {
+		className(_el$, _v$, _$p);
+	});
+	return _el$;
+}
+delegateEvents(["click"]);
+function activate(dd) {
+	dd.registerPanel({
+		id: "netlify",
+		title: "Netlify",
+		styles: css(classPrefix(dd.plugin.id)),
+		render: () => createNetlifyPanel(dd)
+	});
+}
+export { activate as default };