Updating depends (#344)

Author: codingfrog27

content/blog/browserpod-beta-announcement.mdx

@@ -33,7 +33,7 @@ At Leaning Technologies, we’ve been at the forefront of WebAssembly-based solu
 
 BrowserPod represents for us an opportunity to package everything we’ve learned in our 10+ years of experience to solve the problem of sandboxed computing. We can take advantage of the capabilities of modern browsers to reduce boot latency, pressure on data centers and the operational costs of provisioning virtual machines for untrusted user payloads.
 
-import BrowserPodDemo_Beta from "@/components/BrowserPodDemo_Beta.svelte";
+import BrowserPodDemo_Beta from "@leaningtech/astro-theme/components/blog/BrowserPodDemo_Beta.svelte";
 
 <figure class="w-full">
 	<div class="w-full relative">

packages/astro-theme/components/DirectoryListing.astro

@@ -1,6 +1,5 @@
 ---
 import type { NavDirectory, NavEntry } from "../lib/nav";
-import { Markdown } from "@astropub/md";
 
 interface Props {
 	dir: NavDirectory;
@@ -26,10 +25,10 @@ function getEntryDescription(entry: NavEntry): string | undefined {
 						class="block group rounded-md border bg-stone-950 px-4 py-3 shadow border-stone-800 hover:border-stone-700 transition-colors"
 					>
 						<div class="text-lg font-semibold text-stone-300 group-hover:text-stone-50 transition-colors">
-							<Markdown.Inline of={entry.title} />
+							{entry.title}
 						</div>
 						<div class="text-ellipsis whitespace-nowrap overflow-hidden text-stone-400 text-sm">
-							<Markdown.Inline of={getEntryDescription(entry) ?? ""} />
+							{getEntryDescription(entry) ?? ""}
 						</div>
 					</a>
 				</li>

…rc/components/BrowserPodDemo_Beta.svelte …mponents/blog/BrowserPodDemo_Beta.sveltesites/cheerpj/src/components/BrowserPodDemo_Beta.svelte renamed to packages/astro-theme/components/blog/BrowserPodDemo_Beta.svelte sites/cheerpj/src/components/BrowserPodDemo_Beta.svelte renamed to packages/astro-theme/components/blog/BrowserPodDemo_Beta.svelte

@@ -63,9 +63,7 @@ export function defineCommonCollections() {
 					title: z.string(),
 					description: z.string().optional(),
 					url: z.string(),
-					heroImage: image().refine((img) => img.width / img.height == 1.5, {
-						message: "Image must have 3:2 aspect ratio",
-					}),
+					heroImage: image(),
 					tags: productTags.optional(),
 				}),
 		}),

packages/astro-theme/content.ts

@@ -13,7 +13,6 @@ import rehypeSlug from "rehype-slug";
 import rehypeExternalLinks from "rehype-external-links";
 import { type AstroIntegration } from "astro";
 import { addIntegration } from "astro-integration-kit";
-import { squooshImageService } from "astro/config";
 import { cpSync } from "fs";
 import { join as joinPath } from "path";
 
@@ -144,9 +143,6 @@ export default function ThemeIntegration(
 						inlineStylesheets: "always",
 					},
 					trailingSlash: "never",
-					image: {
-						service: squooshImageService(),
-					},
 					vite: {
 						ssr: {
 							noExternal: ["@leaningtech/global-navbar"],

packages/astro-theme/index.ts

@@ -14,7 +14,6 @@ import ProductNav from "../components/nav/product/Nav.astro";
 import WasThisHelpful from "../components/WasThisHelpful.astro";
 import Callout from "../components/Callout.astro";
 import BentoGrid from "../components/patterns/BentoGrid.astro";
-import { Markdown } from "@astropub/md";
 import type { LanguageContent } from "../content";
 
 interface Props {
@@ -108,17 +107,17 @@ function getEditHref(id: string): string {
 									/>
 								</h1>
 								<p class="text-xl font-medium text-stone-500">
-									{description && <Markdown.Inline of={description} />}
+									{description && <span>{description}</span>}
 								</p>
 							</div>
 						) : (
 							<>
 								<h1 class="mb-2 font-bold">
-									<Markdown.Inline of={title} />
+									<span>{title}</span>
 								</h1>
 								{description && (
 									<p class="mt-0 mb-8 text-stone-500 text-xl">
-										<Markdown.Inline of={description} />
+										<span>{description}</span>
 									</p>
 								)}
 							</>

packages/astro-theme/layouts/DocsArticle.astro

@@ -3,6 +3,7 @@
 	"private": true,
 	"version": "0.1.0",
 	"description": "Astro theme",
+	"type": "module",
 	"exports": {
 		".": "./index.ts",
 		"./consts": "./consts.ts",
@@ -25,35 +26,47 @@
 		"./components/Callout.astro": "./components/Callout.astro",
 		"./components/JNLPRunnerButton.astro": "./components/JNLPRunnerButton.astro",
 		"./components/AppletRunnerButton.astro": "./components/AppletRunnerButton.astro",
+		"./components/blog/BrowserPodDemo_Beta.svelte": "./components/blog/BrowserPodDemo_Beta.svelte",
 		"./components/nav/global/GlobalNavbar.astro": "./components/nav/global/GlobalNavbar.astro"
 	},
 	"scripts": {},
 	"peerDependencies": {
-		"@astrojs/svelte": "^5.3.0",
+		"@astrojs/svelte": "^7.2.5",
 		"@astrojs/tailwind": "^5.1.0",
 		"astro": "*",
-		"svelte": "^5.38.6",
+		"sharp": "^0.34.5",
+		"svelte": "^4.0.0 || ^5.0.0",
 		"tailwindcss": "^3.4.0"
 	},
 	"dependencies": {
-		"@astrojs/mdx": "^2.2.4",
-		"@astrojs/prefetch": "^0.4.1",
+		"@astrojs/markdown-remark": "^6.3.10",
+		"@astrojs/mdx": "^4.3.13",
 		"@astrojs/rss": "^4.0.5",
 		"@astrojs/sitemap": "^3.1.2",
-		"@astropub/md": "^0.4.0",
+		"@codemirror/lang-css": "^6.3.1",
+		"@codemirror/lang-html": "^6.4.11",
+		"@codemirror/lang-javascript": "^6.2.4",
+		"@codemirror/lang-json": "^6.0.2",
+		"@codemirror/view": "^6.39.2",
+		"@iconify/svelte": "^5.1.0",
 		"@leaningtech/global-navbar": "workspace:^",
+		"@replit/codemirror-lang-svelte": "^6.0.0",
+		"@sveltejs/vite-plugin-svelte": "^5.1.1",
 		"@tailwindcss/typography": "^0.5.10",
-		"astro-expressive-code": "^0.23.0",
+		"astro-expressive-code": "^0.41.5",
 		"astro-icon": "^1.1.5",
-		"astro-integration-kit": "^0.14.0",
-		"astro-public": "^0.1.0",
+		"astro-integration-kit": "^0.19.1",
+		"astro-public": "^0.1.1",
 		"astro-robots-txt": "^1.0.0",
 		"astro-social-share": "^1.2.0",
 		"pagefind": "^1.0.4",
+		"qrcode": "^1.5.4",
 		"rehype-autolink-headings": "^7.0.0",
 		"rehype-external-links": "^3.0.0",
 		"rehype-slug": "^6.0.0",
 		"remark-obsidian-callout": "^1.1.3",
+		"sharp": "^0.34.5",
+		"svelte-codemirror-editor": "^2.1.0",
 		"unist-util-visit": "^5.0.0"
 	},
 	"devDependencies": {

packages/astro-theme/package.json

@@ -14,10 +14,10 @@
 		"dist"
 	],
 	"peerDependencies": {
-		"svelte": "^4.0.0"
+		"svelte": "^4.0.0 || ^5.0.0"
 	},
 	"devDependencies": {
-		"@sveltejs/vite-plugin-svelte": "^3.1.1",
+		"@sveltejs/vite-plugin-svelte": "^3.1.2",
 		"svelte": "^4.2.7",
 		"vite": "^5.3.5"
 	},