From b7a281bb80fd146623c155d06e0e39df570b1a84 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Fri, 29 Nov 2024 21:07:36 +0000
Subject: [PATCH 1/2] feat: Panel keyboard shortcuts

---
 .../src/builder/panels/BuilderCodePanel.vue   |  1 +
 src/ui/src/builder/panels/BuilderLogPanel.vue |  1 +
 src/ui/src/builder/panels/BuilderPanel.vue    | 19 +++++++++++++++++--
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/ui/src/builder/panels/BuilderCodePanel.vue b/src/ui/src/builder/panels/BuilderCodePanel.vue
index e7d830c70..0f331cc39 100644
--- a/src/ui/src/builder/panels/BuilderCodePanel.vue
+++ b/src/ui/src/builder/panels/BuilderCodePanel.vue
@@ -5,6 +5,7 @@
 		:contents-teleport-el="contentsTeleportEl"
 		:actions="actions"
 		:scrollable="false"
+		keyboard-shortcut-key="J"
 		class="BuilderCodePanel"
 	>
 		<BuilderEmbeddedCodeEditor
diff --git a/src/ui/src/builder/panels/BuilderLogPanel.vue b/src/ui/src/builder/panels/BuilderLogPanel.vue
index e8cafce21..58d2f058a 100644
--- a/src/ui/src/builder/panels/BuilderLogPanel.vue
+++ b/src/ui/src/builder/panels/BuilderLogPanel.vue
@@ -5,6 +5,7 @@
 		:contents-teleport-el="contentsTeleportEl"
 		:actions="actions"
 		:scrollable="true"
+		keyboard-shortcut-key="K"
 		class="BuilderLogPanel"
 	>
 		<template #titleCompanion>
diff --git a/src/ui/src/builder/panels/BuilderPanel.vue b/src/ui/src/builder/panels/BuilderPanel.vue
index e64394e51..3ab969c8d 100644
--- a/src/ui/src/builder/panels/BuilderPanel.vue
+++ b/src/ui/src/builder/panels/BuilderPanel.vue
@@ -1,11 +1,12 @@
 <template>
-	<div class="BuilderPanel" :class="{ collapsed }" @keydown="handleKeydown">
+	<div class="BuilderPanel" :class="{ collapsed }">
 		<div class="collapser">
 			<WdsButton
 				variant="neutral"
 				size="smallIcon"
 				data-automation-action="toggle-panel"
 				:data-automation-key="panelId"
+				:data-writer-tooltip="`Toggle ${name} (${getModifierKeyName()}${keyboardShortcutKey})`"
 				@click="togglePanel(panelId)"
 			>
 				<i class="material-symbols-outlined">{{
@@ -69,7 +70,7 @@ export type BuilderPanelAction = {
 import { getModifierKeyName, isModifierKeyActive } from "@/core/detectPlatform";
 import injectionKeys from "@/injectionKeys";
 import WdsButton from "@/wds/WdsButton.vue";
-import { computed, inject } from "vue";
+import { computed, inject, onMounted, onUnmounted } from "vue";
 
 const wfbm = inject(injectionKeys.builderManager);
 
@@ -81,6 +82,7 @@ const props = defineProps<{
 	actions: BuilderPanelAction[];
 	contentsTeleportEl: HTMLElement;
 	scrollable: boolean;
+	keyboardShortcutKey: string;
 }>();
 
 const collapsed = computed(() => !wfbm.openPanels.value.has(props.panelId));
@@ -97,6 +99,11 @@ function togglePanel(panelId: typeof props.panelId) {
 function handleKeydown(ev: KeyboardEvent) {
 	const isMod = isModifierKeyActive(ev);
 
+	if (isMod && ev.key == props.keyboardShortcutKey.toLowerCase()) {
+		togglePanel(props.panelId);
+		return;
+	}
+
 	props.actions.forEach((action) => {
 		if (!action.keyboardShortcut) return;
 		const { key, modifierKey } = action.keyboardShortcut;
@@ -119,6 +126,14 @@ function getKeyboardShortcutDescription(
 	s += ")";
 	return s;
 }
+
+onMounted(async () => {
+	document.addEventListener("keydown", handleKeydown);
+});
+
+onUnmounted(() => {
+	document.removeEventListener("keydown", handleKeydown);
+});
 </script>
 
 <style scoped>

From 28fe2e498a5ee2991400e2447fd8ba3b84061986 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Fri, 29 Nov 2024 21:08:04 +0000
Subject: [PATCH 2/2] chore: Bump version

---
 pyproject.toml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pyproject.toml b/pyproject.toml
index 29f6c1396..3984c6b49 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -4,7 +4,7 @@ build-backend = "poetry.core.masonry.api"
 
 [tool.poetry]
 name = "writer"
-version = "0.8.0rc8"
+version = "0.8.0"
 description = "An open-source, Python framework for building feature-rich apps that are fully integrated with the Writer platform."
 authors = ["Writer, Inc."]
 readme = "README.md"