feat: sprig ai (#1619)

Co-authored-by: Josias Aurel <[email protected]>

package.json

@@ -25,6 +25,7 @@
 		"@lezer/common": "^1.0.2",
 		"@preact/signals": "^1.1.3",
 		"@sendgrid/mail": "^7.7.0",
+		"@wcj/markdown-to-html": "^3.0.2",
 		"astro": "2.7.0",
 		"dotenv": "^16.3.1",
 		"firebase-admin": "^11.10.1",
@@ -50,6 +51,7 @@
 		"@types/debounce": "^1.2.1",
 		"@types/esprima": "^4.0.3",
 		"@types/grecaptcha": "^3.0.4",
+		"@types/js-beautify": "^1.14.3",
 		"@types/three": "^0.149.0",
 		"@types/throttle-debounce": "^5.0.0",
 		"@types/w3c-web-serial": "^1.0.3"

src/components/big-interactive-pages/editor.module.css

@@ -49,7 +49,6 @@
 	z-index: -1;
 }
 
-
 .codeContainer .errors {
 	font-family: var(--font-code);
 	font-size: 0.9em;
@@ -96,6 +95,20 @@
 	background: var(--accent-light);
 }
 
+.horizontalResizeBar {
+	position: relative;
+	width: 100%;
+	height: 6px;
+	min-height: 6px;
+	cursor: row-resize;
+	background: transparent;
+}
+
+.horizontalResizeBar:hover,
+.horizontalResizeBar.resizing {
+	background: var(--accent-light);
+}
+
 .canvasWrapper {
 	max-height: 100%;
 }
@@ -127,7 +140,8 @@
 	padding: 8px 0;
 }
 
-.screenControls .mute, .screenControls .stop {
+.screenControls .mute,
+.screenControls .stop {
 	cursor: var(--cursor-interactive);
 	user-select: none;
 	color: inherit;
@@ -142,7 +156,8 @@
 	gap: 6px;
 }
 
-.screenControls .mute :global(svg), .screenControls .stop :global(svg) {
+.screenControls .mute :global(svg),
+.screenControls .stop :global(svg) {
 	--size: 24px;
 	display: block;
 	width: var(--size);
@@ -167,5 +182,8 @@
 }
 
 .helpContainer {
+	position: relative;
+	height: auto;
 	max-width: 100%;
-}
+	width: 100%;
+}