LekoArts · LekoArts · Dec 18, 2024 · Dec 18, 2024 · Dec 18, 2024 · Dec 18, 2024
diff --git a/astro.config.ts b/astro.config.ts
@@ -1,17 +1,17 @@
-import { defineConfig, envField } from 'astro/config'
+import mdx from '@astrojs/mdx'
+import react from '@astrojs/react'
+import sitemap from '@astrojs/sitemap'
 import { imageService } from '@unpic/astro/service'
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
-import sitemap from '@astrojs/sitemap'
-import mdx from '@astrojs/mdx'
-import { remarkSandpack } from 'remark-sandpack'
-import rehypeSlug from 'rehype-slug'
-import { h, s } from 'hastscript'
+import { defineConfig, envField } from 'astro/config'
 import { toString } from 'hast-util-to-string'
+import { h, s } from 'hastscript'
 import rehypeAutolinkHeadings from 'rehype-autolink-headings'
-import react from '@astrojs/react'
-import { transformerCodeMeta } from './src/utils/shiki'
+import rehypeSlug from 'rehype-slug'
+import { remarkSandpack } from 'remark-sandpack'
 import { SITE } from './src/constants/meta.js'
 import { REDIRECTS } from './src/constants/redirects.js'
+import { transformerCodeMeta } from './src/utils/shiki'
 
 // https://astro.build/config
 export default defineConfig({

diff --git a/...garden/2017-10-19--proprius-wallpaper.mdx → ...garden/2017-10-19--proprius-wallpaper.mdx b/...garden/2017-10-19--proprius-wallpaper.mdx → ...garden/2017-10-19--proprius-wallpaper.mdx
diff --git a/...017-10-23--elitepvpers-wallpaper-2017.mdx → ...017-10-23--elitepvpers-wallpaper-2017.mdx b/...017-10-23--elitepvpers-wallpaper-2017.mdx → ...017-10-23--elitepvpers-wallpaper-2017.mdx
diff --git a/...-11-06--gatsby-starter-portfolio-emma.mdx → ...-11-06--gatsby-starter-portfolio-emma.mdx b/...-11-06--gatsby-starter-portfolio-emma.mdx → ...-11-06--gatsby-starter-portfolio-emma.mdx
diff --git a/...1-23--gatsby-starter-portfolio-emilia.mdx → ...1-23--gatsby-starter-portfolio-emilia.mdx b/...1-23--gatsby-starter-portfolio-emilia.mdx → ...1-23--gatsby-starter-portfolio-emilia.mdx
diff --git a/...ld-notifications-via-discord-webhooks.mdx → ...ld-notifications-via-discord-webhooks.mdx b/...ld-notifications-via-discord-webhooks.mdx → ...ld-notifications-via-discord-webhooks.mdx
diff --git a/...-02-05--gatsby-starter-portfolio-cara.mdx → ...-02-05--gatsby-starter-portfolio-cara.mdx b/...-02-05--gatsby-starter-portfolio-cara.mdx → ...-02-05--gatsby-starter-portfolio-cara.mdx
diff --git a/...05-20--gatsby-starter-portfolio-jodie.mdx → ...05-20--gatsby-starter-portfolio-jodie.mdx b/...05-20--gatsby-starter-portfolio-jodie.mdx → ...05-20--gatsby-starter-portfolio-jodie.mdx
diff --git a/...ens-for-gatsby-powered-design-systems.mdx → ...ens-for-gatsby-powered-design-systems.mdx b/...ens-for-gatsby-powered-design-systems.mdx → ...ens-for-gatsby-powered-design-systems.mdx
diff --git a/...tabs-for-markdown-and-mdx-code-blocks.mdx → ...tabs-for-markdown-and-mdx-code-blocks.mdx b/...tabs-for-markdown-and-mdx-code-blocks.mdx → ...tabs-for-markdown-and-mdx-code-blocks.mdx
diff --git a/...-08--adding-a-draft-feature-to-gatsby.mdx → ...-08--adding-a-draft-feature-to-gatsby.mdx b/...-08--adding-a-draft-feature-to-gatsby.mdx → ...-08--adding-a-draft-feature-to-gatsby.mdx
diff --git a/...your-own-status-dashboard-with-gatsby.mdx → ...your-own-status-dashboard-with-gatsby.mdx b/...your-own-status-dashboard-with-gatsby.mdx → ...your-own-status-dashboard-with-gatsby.mdx
diff --git a/...upport-for-multiple-authors-in-gatsby.mdx → ...upport-for-multiple-authors-in-gatsby.mdx b/...upport-for-multiple-authors-in-gatsby.mdx → ...upport-for-multiple-authors-in-gatsby.mdx
diff --git a/...-filter-future-posts-on-a-gatsby-blog.mdx → ...-filter-future-posts-on-a-gatsby-blog.mdx b/...-filter-future-posts-on-a-gatsby-blog.mdx → ...-filter-future-posts-on-a-gatsby-blog.mdx
diff --git a/...-numbers-and-code-highlighting-to-mdx.mdx → ...-numbers-and-code-highlighting-to-mdx.mdx b/...-numbers-and-code-highlighting-to-mdx.mdx → ...-numbers-and-code-highlighting-to-mdx.mdx
diff --git a/.../2021-04-05--what-is-a-digital-garden.mdx → .../2021-04-05--what-is-a-digital-garden.mdx b/.../2021-04-05--what-is-a-digital-garden.mdx → .../2021-04-05--what-is-a-digital-garden.mdx
diff --git a/.../garden/2021-07-16--python-data-types.mdx → .../garden/2021-07-16--python-data-types.mdx b/.../garden/2021-07-16--python-data-types.mdx → .../garden/2021-07-16--python-data-types.mdx
diff --git a/...den/2021-07-17--python-comprehensions.mdx → ...den/2021-07-17--python-comprehensions.mdx b/...den/2021-07-17--python-comprehensions.mdx → ...den/2021-07-17--python-comprehensions.mdx
diff --git a/...ng-qr-codes-from-any-string-in-gatsby.mdx → ...ng-qr-codes-from-any-string-in-gatsby.mdx b/...ng-qr-codes-from-any-string-in-gatsby.mdx → ...ng-qr-codes-from-any-string-in-gatsby.mdx
diff --git a/...for-images-using-their-dominant-color.mdx → ...for-images-using-their-dominant-color.mdx b/...for-images-using-their-dominant-color.mdx → ...for-images-using-their-dominant-color.mdx
diff --git a/...ests-with-git-hub-actions-in-parallel.mdx → ...ests-with-git-hub-actions-in-parallel.mdx b/...ests-with-git-hub-actions-in-parallel.mdx → ...ests-with-git-hub-actions-in-parallel.mdx
diff --git a/...-to-add-plausible-analytics-to-gatsby.mdx → ...-to-add-plausible-analytics-to-gatsby.mdx b/...-to-add-plausible-analytics-to-gatsby.mdx → ...-to-add-plausible-analytics-to-gatsby.mdx
diff --git a/...xports-to-define-multiple-entrypoints.mdx → ...xports-to-define-multiple-entrypoints.mdx b/...xports-to-define-multiple-entrypoints.mdx → ...xports-to-define-multiple-entrypoints.mdx
diff --git a/...022-02-10--cleaning-up-stale-branches.mdx → ...022-02-10--cleaning-up-stale-branches.mdx b/...022-02-10--cleaning-up-stale-branches.mdx → ...022-02-10--cleaning-up-stale-branches.mdx
diff --git a/...den/2022-02-10--replacing-ls-with-exa.mdx → ...den/2022-02-10--replacing-ls-with-exa.mdx b/...den/2022-02-10--replacing-ls-with-exa.mdx → ...den/2022-02-10--replacing-ls-with-exa.mdx
diff --git a/...s-head-api-with-vitest-and-playwright.mdx → ...s-head-api-with-vitest-and-playwright.mdx b/...s-head-api-with-vitest-and-playwright.mdx → ...s-head-api-with-vitest-and-playwright.mdx
diff --git a/.../2022-09-13--my-favourite-hiking-apps.mdx → .../2022-09-13--my-favourite-hiking-apps.mdx b/.../2022-09-13--my-favourite-hiking-apps.mdx → .../2022-09-13--my-favourite-hiking-apps.mdx
diff --git a/...mes-from-gatsby-s-pluginoptionsschema.mdx → ...mes-from-gatsby-s-pluginoptionsschema.mdx b/...mes-from-gatsby-s-pluginoptionsschema.mdx → ...mes-from-gatsby-s-pluginoptionsschema.mdx
diff --git a/...eme-aware-styles-with-vanilla-extract.mdx → ...eme-aware-styles-with-vanilla-extract.mdx b/...eme-aware-styles-with-vanilla-extract.mdx → ...eme-aware-styles-with-vanilla-extract.mdx
diff --git a/...cript-enums-into-string-literal-types.mdx → ...cript-enums-into-string-literal-types.mdx b/...cript-enums-into-string-literal-types.mdx → ...cript-enums-into-string-literal-types.mdx
diff --git a/...-02--using-duplicati-for-your-backups.mdx → ...-02--using-duplicati-for-your-backups.mdx b/...-02--using-duplicati-for-your-backups.mdx → ...-02--using-duplicati-for-your-backups.mdx
diff --git a/...-web-scraping-with-cloudflare-workers.mdx → ...-web-scraping-with-cloudflare-workers.mdx b/...-web-scraping-with-cloudflare-workers.mdx → ...-web-scraping-with-cloudflare-workers.mdx
diff --git a/...-27--5-reasons-why-you-should-hire-me.mdx → ...-27--5-reasons-why-you-should-hire-me.mdx b/...-27--5-reasons-why-you-should-hire-me.mdx → ...-27--5-reasons-why-you-should-hire-me.mdx
diff --git a/...3-08-10--publishing-a-rust-cli-on-npm.mdx → ...3-08-10--publishing-a-rust-cli-on-npm.mdx b/...3-08-10--publishing-a-rust-cli-on-npm.mdx → ...3-08-10--publishing-a-rust-cli-on-npm.mdx
diff --git a/...23-08-28--creating-a-spacer-component.mdx → ...23-08-28--creating-a-spacer-component.mdx b/...23-08-28--creating-a-spacer-component.mdx → ...23-08-28--creating-a-spacer-component.mdx
diff --git a/...--tsup-excluding-files-from-the-build.mdx → ...--tsup-excluding-files-from-the-build.mdx b/...--tsup-excluding-files-from-the-build.mdx → ...--tsup-excluding-files-from-the-build.mdx
diff --git a/.../2023-12-14--how-to-use-vale-with-mdx.mdx → .../2023-12-14--how-to-use-vale-with-mdx.mdx b/.../2023-12-14--how-to-use-vale-with-mdx.mdx → .../2023-12-14--how-to-use-vale-with-mdx.mdx
diff --git a/...how-to-test-cli-output-in-jest-vitest.mdx → ...how-to-test-cli-output-in-jest-vitest.mdx b/...how-to-test-cli-output-in-jest-vitest.mdx → ...how-to-test-cli-output-in-jest-vitest.mdx
diff --git a/...6--how-to-use-mdx-shortcodes-in-astro.mdx → ...6--how-to-use-mdx-shortcodes-in-astro.mdx b/...6--how-to-use-mdx-shortcodes-in-astro.mdx → ...6--how-to-use-mdx-shortcodes-in-astro.mdx
diff --git a/src/content/garden/_img/add-notification.jpg → content/garden/_img/add-notification.jpg b/src/content/garden/_img/add-notification.jpg → content/garden/_img/add-notification.jpg
diff --git a/src/content/garden/_img/bergfex.jpg → content/garden/_img/bergfex.jpg b/src/content/garden/_img/bergfex.jpg → content/garden/_img/bergfex.jpg
diff --git a/...nt/garden/_img/elitepvpers-wallpapers.jpg → ...nt/garden/_img/elitepvpers-wallpapers.jpg b/...nt/garden/_img/elitepvpers-wallpapers.jpg → ...nt/garden/_img/elitepvpers-wallpapers.jpg
diff --git a/...t/garden/_img/finished_result_preview.jpg → ...t/garden/_img/finished_result_preview.jpg b/...t/garden/_img/finished_result_preview.jpg → ...t/garden/_img/finished_result_preview.jpg
diff --git a/...ontent/garden/_img/proprius-wallpaper.jpg → content/garden/_img/proprius-wallpaper.jpg b/...ontent/garden/_img/proprius-wallpaper.jpg → content/garden/_img/proprius-wallpaper.jpg
diff --git a/src/content/garden/_img/workoutdoors.jpg → content/garden/_img/workoutdoors.jpg b/src/content/garden/_img/workoutdoors.jpg → content/garden/_img/workoutdoors.jpg
diff --git a/...1-24--10-tips-for-photoshop-beginners.mdx → ...1-24--10-tips-for-photoshop-beginners.mdx b/...1-24--10-tips-for-photoshop-beginners.mdx → ...1-24--10-tips-for-photoshop-beginners.mdx
diff --git a/...-scales-with-your-expertise-and-scope.mdx → ...-scales-with-your-expertise-and-scope.mdx b/...-scales-with-your-expertise-and-scope.mdx → ...-scales-with-your-expertise-and-scope.mdx
diff --git a/...019-03-02--tips-and-tricks-for-gatsby.mdx → ...019-03-02--tips-and-tricks-for-gatsby.mdx b/...019-03-02--tips-and-tricks-for-gatsby.mdx → ...019-03-02--tips-and-tricks-for-gatsby.mdx
diff --git a/...-to-seamlessly-convert-design-to-code.mdx → ...-to-seamlessly-convert-design-to-code.mdx b/...-to-seamlessly-convert-design-to-code.mdx → ...-to-seamlessly-convert-design-to-code.mdx
diff --git a/...-with-type-script-es-lint-and-cypress.mdx → ...-with-type-script-es-lint-and-cypress.mdx b/...-with-type-script-es-lint-and-cypress.mdx → ...-with-type-script-es-lint-and-cypress.mdx
diff --git a/...oducing-the-theme-ui-plugin-for-figma.mdx → ...oducing-the-theme-ui-plugin-for-figma.mdx b/...oducing-the-theme-ui-plugin-for-figma.mdx → ...oducing-the-theme-ui-plugin-for-figma.mdx
diff --git a/...ed-multipart-component-with-chakra-ui.mdx → ...ed-multipart-component-with-chakra-ui.mdx b/...ed-multipart-component-with-chakra-ui.mdx → ...ed-multipart-component-with-chakra-ui.mdx
diff --git a/...tatic-generation-with-analytics-tools.mdx → ...tatic-generation-with-analytics-tools.mdx b/...tatic-generation-with-analytics-tools.mdx → ...tatic-generation-with-analytics-tools.mdx
diff --git a/...--creating-a-figma-plugin-with-svelte.mdx → ...--creating-a-figma-plugin-with-svelte.mdx b/...--creating-a-figma-plugin-with-svelte.mdx → ...--creating-a-figma-plugin-with-svelte.mdx
diff --git a/...g-performant-css-with-vanilla-extract.mdx → ...g-performant-css-with-vanilla-extract.mdx b/...g-performant-css-with-vanilla-extract.mdx → ...g-performant-css-with-vanilla-extract.mdx
diff --git a/...iting/_img/figma-inspiration-websites.jpg → ...iting/_img/figma-inspiration-websites.jpg b/...iting/_img/figma-inspiration-websites.jpg → ...iting/_img/figma-inspiration-websites.jpg
diff --git a/src/content/writing/_img/figma-to-code.jpg → content/writing/_img/figma-to-code.jpg b/src/content/writing/_img/figma-to-code.jpg → content/writing/_img/figma-to-code.jpg
diff --git a/src/content/writing/_img/graphiql-result.png → content/writing/_img/graphiql-result.png b/src/content/writing/_img/graphiql-result.png → content/writing/_img/graphiql-result.png
diff --git a/src/content/writing/_img/illustration.jpg → content/writing/_img/illustration.jpg b/src/content/writing/_img/illustration.jpg → content/writing/_img/illustration.jpg
diff --git a/...writing/_img/incentives-to-learn-more.jpg → ...writing/_img/incentives-to-learn-more.jpg b/...writing/_img/incentives-to-learn-more.jpg → ...writing/_img/incentives-to-learn-more.jpg
diff --git a/...tent/writing/_img/plausible-dashboard.jpg → content/writing/_img/plausible-dashboard.jpg b/...tent/writing/_img/plausible-dashboard.jpg → content/writing/_img/plausible-dashboard.jpg
diff --git a/src/content/writing/_img/sprinkles_end.jpg → content/writing/_img/sprinkles_end.jpg b/src/content/writing/_img/sprinkles_end.jpg → content/writing/_img/sprinkles_end.jpg
diff --git a/src/content/writing/_img/style_end.jpg → content/writing/_img/style_end.jpg b/src/content/writing/_img/style_end.jpg → content/writing/_img/style_end.jpg
diff --git a/src/content/writing/_img/theme-ui_header.jpg → content/writing/_img/theme-ui_header.jpg b/src/content/writing/_img/theme-ui_header.jpg → content/writing/_img/theme-ui_header.jpg
diff --git a/...content/writing/_img/theme-ui_step-01.jpg → content/writing/_img/theme-ui_step-01.jpg b/...content/writing/_img/theme-ui_step-01.jpg → content/writing/_img/theme-ui_step-01.jpg
diff --git a/...content/writing/_img/theme-ui_step-02.jpg → content/writing/_img/theme-ui_step-02.jpg b/...content/writing/_img/theme-ui_step-02.jpg → content/writing/_img/theme-ui_step-02.jpg
diff --git a/...content/writing/_img/theme-ui_step-03.jpg → content/writing/_img/theme-ui_step-03.jpg b/...content/writing/_img/theme-ui_step-03.jpg → content/writing/_img/theme-ui_step-03.jpg
diff --git a/...t/writing/_img/unstyled-overview-page.png → ...t/writing/_img/unstyled-overview-page.png b/...t/writing/_img/unstyled-overview-page.png → ...t/writing/_img/unstyled-overview-page.png
diff --git a/...ontent/writing/_img/unstyled-sections.png → content/writing/_img/unstyled-sections.png b/...ontent/writing/_img/unstyled-sections.png → content/writing/_img/unstyled-sections.png
diff --git a/...ent/writing/_img/vanilla-extract-meme.jpg → ...ent/writing/_img/vanilla-extract-meme.jpg b/...ent/writing/_img/vanilla-extract-meme.jpg → ...ent/writing/_img/vanilla-extract-meme.jpg
diff --git a/src/content/writing/kitchen-sink.mdx → content/writing/kitchen-sink.mdx b/src/content/writing/kitchen-sink.mdx → content/writing/kitchen-sink.mdx
@@ -11,22 +11,11 @@ image: /og-images/kitchen-sink.png
 published: false
 ---
 
-import PrimaryButton from "../../components/primitives/button/primary.astro"
-import SecondaryButton from "../../components/primitives/button/secondary.astro"
-
 Kitchen Sink text to try out every MDX component and see if Prose styles all apply correctly. Also used for Playwright tests.
 
-## Buttons
-
-<div style="display: flex; gap: 1rem; flex-direction: column; align-items: start;">
-<PrimaryButton href="/">
-  Continue reading
-</PrimaryButton>
+## Example Heading
 
-<SecondaryButton href="/">
-  See all art
-</SecondaryButton>
-</div>
+Some example MDX content.
 
 ## Playground
 

diff --git a/netlify/edge-functions/og.tsx b/netlify/edge-functions/og.tsx
@@ -1,6 +1,6 @@
-import React from 'https://esm.sh/[email protected]'
 import type { Config } from '@netlify/edge-functions'
 import { ImageResponse } from 'https://deno.land/x/og_edge/mod.ts'
+import React from 'https://esm.sh/[email protected]'
 
 const WIDTH = 1600
 const HEIGHT = 836

diff --git a/package.json b/package.json
@@ -29,8 +29,8 @@
 		"@codesandbox/sandpack-react": "^2.19.10",
 		"@codesandbox/sandpack-themes": "^2.0.21",
 		"@ctrl/tinycolor": "^4.1.0",
+		"@lekoarts/flickr-loader": "^1.2.0",
 		"@nanostores/persistent": "^0.10.2",
-		"@nanostores/react": "^0.7.3",
 		"@sindresorhus/slugify": "^2.2.1",
 		"@unpic/astro": "^0.1.0",
 		"@vanilla-extract/css": "^1.16.1",
@@ -49,17 +49,17 @@
 		"reading-time": "^1.5.0",
 		"rehype-autolink-headings": "^7.1.0",
 		"rehype-slug": "^6.0.0",
-		"remark-sandpack": "^0.0.3",
+		"remark-sandpack": "^0.0.5",
 		"sharp": "^0.33.5",
 		"typescript": "^5.7.2"
 	},
 	"devDependencies": {
-		"@antfu/eslint-config": "^2.27.3",
+		"@antfu/eslint-config": "^3.12.0",
 		"@astrojs/check": "^0.9.4",
 		"@netlify/edge-functions": "^2.11.1",
 		"@playwright/test": "^1.49.1",
 		"@types/lodash-es": "^4.17.12",
-		"@types/node": "^20.17.10",
+		"@types/node": "^22.10.2",
 		"@types/react": "^18.3.17",
 		"@types/react-dom": "^18.3.5",
 		"@vanilla-extract/private": "^1.0.6",

diff --git a/playwright/kitchen-sink.spec.ts b/playwright/kitchen-sink.spec.ts
@@ -6,7 +6,7 @@ test.beforeEach(async ({ page }) => {
 
 test.describe('Smoke Test', () => {
 	test('should have MDX content', async ({ page }) => {
-		page.locator('h2:has-text("Buttons")')
+		page.locator('h2:has-text("Example Heading")')
 	})
 })
 

diff --git a/playwright/meta.spec.ts b/playwright/meta.spec.ts
@@ -1,5 +1,5 @@
-import { expect, test } from '@playwright/test'
 import { SITE } from '@constants/meta'
+import { expect, test } from '@playwright/test'
 
 const metaTagAssertions = [
 	{