@grove-dev/astro 0.1.4 → 0.2.2

package/templates/default/node_modules/.vite/deps/settings-C5H4VHXU.js

@@ -0,0 +1,213 @@
+import {
+  closeOnOutsideClick,
+  createWindowElement,
+  synchronizePlacementOnUpdate
+} from "./chunk-XEBKRCNE.js";
+import {
+  isValidPlacement,
+  placements,
+  settings
+} from "./chunk-7P4KIK53.js";
+import "./chunk-5WRI5ZAA.js";
+
+// ../../../../node_modules/.pnpm/astro@6.4.5_@types+node@25.9.2_jiti@2.7.0_lightningcss@1.32.0_rollup@4.61.1_tsx@4.22.4_yaml@2.9.0/node_modules/astro/dist/runtime/client/dev-toolbar/apps/settings.js
+var settingsRows = [
+  {
+    name: "Disable notifications",
+    description: "Hide notification badges in the toolbar.",
+    input: "checkbox",
+    settingKey: "disableAppNotification",
+    changeEvent: (evt) => {
+      if (evt.currentTarget instanceof HTMLInputElement) {
+        const devToolbar = document.querySelector("astro-dev-toolbar");
+        if (devToolbar) {
+          devToolbar.setNotificationVisible(!evt.currentTarget.checked);
+        }
+        settings.updateSetting("disableAppNotification", evt.currentTarget.checked);
+        const action = evt.currentTarget.checked ? "disabled" : "enabled";
+        settings.logger.verboseLog(`App notification badges ${action}`);
+      }
+    }
+  },
+  {
+    name: "Verbose logging",
+    description: "Logs dev toolbar events in the browser console.",
+    input: "checkbox",
+    settingKey: "verbose",
+    changeEvent: (evt) => {
+      if (evt.currentTarget instanceof HTMLInputElement) {
+        settings.updateSetting("verbose", evt.currentTarget.checked);
+        const action = evt.currentTarget.checked ? "enabled" : "disabled";
+        settings.logger.verboseLog(`Verbose logging ${action}`);
+      }
+    }
+  },
+  {
+    name: "Placement",
+    description: "Adjust the placement of the dev toolbar.",
+    input: "select",
+    settingKey: "placement",
+    changeEvent: (evt) => {
+      if (evt.currentTarget instanceof HTMLSelectElement) {
+        const placement = evt.currentTarget.value;
+        if (isValidPlacement(placement)) {
+          document.querySelector("astro-dev-toolbar")?.setToolbarPlacement(placement);
+          settings.updateSetting("placement", placement);
+          settings.logger.verboseLog(`Placement set to ${placement}`);
+        }
+      }
+    }
+  }
+];
+var settings_default = {
+  id: "astro:settings",
+  name: "Settings",
+  icon: "gear",
+  init(canvas, eventTarget) {
+    createSettingsWindow();
+    document.addEventListener("astro:after-swap", createSettingsWindow);
+    closeOnOutsideClick(eventTarget);
+    synchronizePlacementOnUpdate(eventTarget, canvas);
+    function createSettingsWindow() {
+      const windowElement = createWindowElement(
+        `<style>
+					:host astro-dev-toolbar-window {
+						height: 480px;
+						overflow-y: auto;
+						color-scheme: dark;
+
+						--color-purple: rgba(224, 204, 250, 1);
+					}
+					header {
+						display: flex;
+					}
+
+					h2, h3 {
+						margin-top: 0;
+					}
+
+					.setting-row {
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+					}
+
+					h3 {
+						font-size: 16px;
+						font-weight: 400;
+						color: white;
+						margin-bottom: 4px;
+					}
+
+					label {
+						font-size: 14px;
+						line-height: 1.5rem;
+					}
+
+					h1 {
+						display: flex;
+						align-items: center;
+						gap: 8px;
+						font-weight: 600;
+						color: #fff;
+						margin: 0;
+						font-size: 22px;
+					}
+
+					astro-dev-toolbar-icon {
+						width: 1em;
+   					height: 1em;
+    				display: block;
+					}
+
+					code {
+						color: var(--color-purple);
+						border-color: #343841;
+						border-style: solid;
+						border-width: 1px;
+						border-radius: .4em;
+						background-color: #24262D;
+						padding: .3em;
+					}
+
+					label > section {
+						max-width: 67%;
+					}
+					label > section.full-width {
+						max-width: 100%;
+					}
+					p {
+						line-height: 1.5em;
+					}
+					a, a:visited {
+						color: var(--color-purple);
+					}
+					a:hover {
+						color: #f4ecfd;
+					}
+				</style>
+				<header>
+					<h1><astro-dev-toolbar-icon icon="gear"></astro-dev-toolbar-icon> Settings</h1>
+				</header>
+
+				<hr id="general"/>
+
+				<label class="setting-row">
+					<section class="full-width">
+						<h3>Hide toolbar</h3>
+						Run <code>astro preferences disable devToolbar</code> in your terminal to disable the toolbar. <a href="https://docs.astro.build/en/reference/cli-reference/#astro-preferences" target="_blank">Learn more</a>.
+					</section>
+				</label>
+				`
+      );
+      const general = windowElement.querySelector("#general");
+      for (const settingsRow of settingsRows) {
+        general.after(document.createElement("hr"));
+        general.after(getElementForSettingAsString(settingsRow));
+      }
+      canvas.append(windowElement);
+      function getElementForSettingAsString(setting) {
+        const label = document.createElement("label");
+        label.classList.add("setting-row");
+        const section = document.createElement("section");
+        section.innerHTML = `<h3>${setting.name}</h3>${setting.description}`;
+        label.append(section);
+        switch (setting.input) {
+          case "checkbox": {
+            const astroToggle = document.createElement("astro-dev-toolbar-toggle");
+            astroToggle.input.addEventListener("change", setting.changeEvent);
+            astroToggle.input.checked = settings.config[setting.settingKey];
+            label.append(astroToggle);
+            break;
+          }
+          case "select": {
+            const astroSelect = document.createElement("astro-dev-toolbar-select");
+            placements.forEach((placement) => {
+              const option = document.createElement("option");
+              option.setAttribute("value", placement);
+              if (placement === settings.config[setting.settingKey]) {
+                option.selected = true;
+              }
+              option.textContent = `${placement.slice(0, 1).toUpperCase()}${placement.slice(
+                1
+              )}`.replace("-", " ");
+              astroSelect.append(option);
+            });
+            astroSelect.element.addEventListener("change", setting.changeEvent);
+            label.append(astroSelect);
+            break;
+          }
+          case "number":
+          case "text":
+          default:
+            break;
+        }
+        return label;
+      }
+    }
+  }
+};
+export {
+  settings_default as default
+};
+//# sourceMappingURL=settings-C5H4VHXU.js.map

package/templates/default/node_modules/.vite/deps/settings-C5H4VHXU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../node_modules/.pnpm/astro@6.4.5_@types+node@25.9.2_jiti@2.7.0_lightningcss@1.32.0_rollup@4.61.1_tsx@4.22.4_yaml@2.9.0/node_modules/astro/dist/runtime/client/dev-toolbar/apps/settings.js"],
+  "sourcesContent": ["import { settings } from \"../settings.js\";\nimport { isValidPlacement, placements } from \"../ui-library/window.js\";\nimport {\n  closeOnOutsideClick,\n  createWindowElement,\n  synchronizePlacementOnUpdate\n} from \"./utils/window.js\";\nconst settingsRows = [\n  {\n    name: \"Disable notifications\",\n    description: \"Hide notification badges in the toolbar.\",\n    input: \"checkbox\",\n    settingKey: \"disableAppNotification\",\n    changeEvent: (evt) => {\n      if (evt.currentTarget instanceof HTMLInputElement) {\n        const devToolbar = document.querySelector(\"astro-dev-toolbar\");\n        if (devToolbar) {\n          devToolbar.setNotificationVisible(!evt.currentTarget.checked);\n        }\n        settings.updateSetting(\"disableAppNotification\", evt.currentTarget.checked);\n        const action = evt.currentTarget.checked ? \"disabled\" : \"enabled\";\n        settings.logger.verboseLog(`App notification badges ${action}`);\n      }\n    }\n  },\n  {\n    name: \"Verbose logging\",\n    description: \"Logs dev toolbar events in the browser console.\",\n    input: \"checkbox\",\n    settingKey: \"verbose\",\n    changeEvent: (evt) => {\n      if (evt.currentTarget instanceof HTMLInputElement) {\n        settings.updateSetting(\"verbose\", evt.currentTarget.checked);\n        const action = evt.currentTarget.checked ? \"enabled\" : \"disabled\";\n        settings.logger.verboseLog(`Verbose logging ${action}`);\n      }\n    }\n  },\n  {\n    name: \"Placement\",\n    description: \"Adjust the placement of the dev toolbar.\",\n    input: \"select\",\n    settingKey: \"placement\",\n    changeEvent: (evt) => {\n      if (evt.currentTarget instanceof HTMLSelectElement) {\n        const placement = evt.currentTarget.value;\n        if (isValidPlacement(placement)) {\n          document.querySelector(\"astro-dev-toolbar\")?.setToolbarPlacement(placement);\n          settings.updateSetting(\"placement\", placement);\n          settings.logger.verboseLog(`Placement set to ${placement}`);\n        }\n      }\n    }\n  }\n];\nvar settings_default = {\n  id: \"astro:settings\",\n  name: \"Settings\",\n  icon: \"gear\",\n  init(canvas, eventTarget) {\n    createSettingsWindow();\n    document.addEventListener(\"astro:after-swap\", createSettingsWindow);\n    closeOnOutsideClick(eventTarget);\n    synchronizePlacementOnUpdate(eventTarget, canvas);\n    function createSettingsWindow() {\n      const windowElement = createWindowElement(\n        `<style>\n\t\t\t\t\t:host astro-dev-toolbar-window {\n\t\t\t\t\t\theight: 480px;\n\t\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\t\tcolor-scheme: dark;\n\n\t\t\t\t\t\t--color-purple: rgba(224, 204, 250, 1);\n\t\t\t\t\t}\n\t\t\t\t\theader {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t}\n\n\t\t\t\t\th2, h3 {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t.setting-row {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t}\n\n\t\t\t\t\th3 {\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\tmargin-bottom: 4px;\n\t\t\t\t\t}\n\n\t\t\t\t\tlabel {\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\tline-height: 1.5rem;\n\t\t\t\t\t}\n\n\t\t\t\t\th1 {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tgap: 8px;\n\t\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\t}\n\n\t\t\t\t\tastro-dev-toolbar-icon {\n\t\t\t\t\t\twidth: 1em;\n   \t\t\t\t\theight: 1em;\n    \t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\n\t\t\t\t\tcode {\n\t\t\t\t\t\tcolor: var(--color-purple);\n\t\t\t\t\t\tborder-color: #343841;\n\t\t\t\t\t\tborder-style: solid;\n\t\t\t\t\t\tborder-width: 1px;\n\t\t\t\t\t\tborder-radius: .4em;\n\t\t\t\t\t\tbackground-color: #24262D;\n\t\t\t\t\t\tpadding: .3em;\n\t\t\t\t\t}\n\n\t\t\t\t\tlabel > section {\n\t\t\t\t\t\tmax-width: 67%;\n\t\t\t\t\t}\n\t\t\t\t\tlabel > section.full-width {\n\t\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\t}\n\t\t\t\t\tp {\n\t\t\t\t\t\tline-height: 1.5em;\n\t\t\t\t\t}\n\t\t\t\t\ta, a:visited {\n\t\t\t\t\t\tcolor: var(--color-purple);\n\t\t\t\t\t}\n\t\t\t\t\ta:hover {\n\t\t\t\t\t\tcolor: #f4ecfd;\n\t\t\t\t\t}\n\t\t\t\t</style>\n\t\t\t\t<header>\n\t\t\t\t\t<h1><astro-dev-toolbar-icon icon=\"gear\"></astro-dev-toolbar-icon> Settings</h1>\n\t\t\t\t</header>\n\n\t\t\t\t<hr id=\"general\"/>\n\n\t\t\t\t<label class=\"setting-row\">\n\t\t\t\t\t<section class=\"full-width\">\n\t\t\t\t\t\t<h3>Hide toolbar</h3>\n\t\t\t\t\t\tRun <code>astro preferences disable devToolbar</code> in your terminal to disable the toolbar. <a href=\"https://docs.astro.build/en/reference/cli-reference/#astro-preferences\" target=\"_blank\">Learn more</a>.\n\t\t\t\t\t</section>\n\t\t\t\t</label>\n\t\t\t\t`\n      );\n      const general = windowElement.querySelector(\"#general\");\n      for (const settingsRow of settingsRows) {\n        general.after(document.createElement(\"hr\"));\n        general.after(getElementForSettingAsString(settingsRow));\n      }\n      canvas.append(windowElement);\n      function getElementForSettingAsString(setting) {\n        const label = document.createElement(\"label\");\n        label.classList.add(\"setting-row\");\n        const section = document.createElement(\"section\");\n        section.innerHTML = `<h3>${setting.name}</h3>${setting.description}`;\n        label.append(section);\n        switch (setting.input) {\n          case \"checkbox\": {\n            const astroToggle = document.createElement(\"astro-dev-toolbar-toggle\");\n            astroToggle.input.addEventListener(\"change\", setting.changeEvent);\n            astroToggle.input.checked = settings.config[setting.settingKey];\n            label.append(astroToggle);\n            break;\n          }\n          case \"select\": {\n            const astroSelect = document.createElement(\"astro-dev-toolbar-select\");\n            placements.forEach((placement) => {\n              const option = document.createElement(\"option\");\n              option.setAttribute(\"value\", placement);\n              if (placement === settings.config[setting.settingKey]) {\n                option.selected = true;\n              }\n              option.textContent = `${placement.slice(0, 1).toUpperCase()}${placement.slice(\n                1\n              )}`.replace(\"-\", \" \");\n              astroSelect.append(option);\n            });\n            astroSelect.element.addEventListener(\"change\", setting.changeEvent);\n            label.append(astroSelect);\n            break;\n          }\n          case \"number\":\n          case \"text\":\n          default:\n            break;\n        }\n        return label;\n      }\n    }\n  }\n};\nexport {\n  settings_default as default\n};\n"],
+  "mappings": "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",
+  "names": []
+}