docs(noti,modal): set up deprecation notice and point to old docs site

Author: vnphanquang

sites/docs/src/lib/data/packages.ts

@@ -128,19 +128,6 @@ export const packages = {
 		changelogUrl:
 			'https://github.com/vnphanquang/svelte-put/blob/main/packages/lockscroll/CHANGELOG.md',
 	},
-	// modal: {
-	//   id: 'modal',
-	//   name: '@svelte-put/modal',
-	//   publishedAt: 1670126470519,
-	//   description: 'type-safe async modal builder',
-	//   path: '/docs/modal',
-	//   replId: '0a68001337544b8ab55995fb3d02d1f6',
-	//   status: 'stable',
-	//   ready: true,
-	//   githubUrl: 'https://github.com/vnphanquang/svelte-put/tree/main/packages/modal',
-	//   changelogUrl:
-	//     'https://github.com/vnphanquang/svelte-put/blob/main/packages/modal/CHANGELOG.md',
-	// },
 	movable: {
 		id: 'movable',
 		name: '@svelte-put/movable',
@@ -265,6 +252,19 @@ export type PackageId = keyof typeof packages;
 export type PackageName = Package['name'];
 
 export const deprecatedPackages = {
+	modal: {
+	  id: 'modal',
+	  name: '@svelte-put/modal',
+	  publishedAt: 1670126470519,
+	  description: 'type-safe async modal builder',
+	  path: '/docs/modal',
+	  replId: '0a68001337544b8ab55995fb3d02d1f6',
+	  status: 'stable',
+	  ready: true,
+	  githubUrl: 'https://github.com/vnphanquang/svelte-put/tree/main/packages/modal',
+	  changelogUrl:
+	    'https://github.com/vnphanquang/svelte-put/blob/main/packages/modal/CHANGELOG.md',
+	},
 	noti: {
 		id: 'noti',
 		name: '@svelte-put/noti',

sites/docs/src/routes/docs/(package)/async-stack/+page.server.ts

@@ -1,4 +1,4 @@
-import ogImage from '$lib/assets/images/og/svelte-put-clickoutside.jpg';
+import ogImage from '$lib/assets/images/og/svelte-put-async-stack.jpg';
 
 import type { PageServerLoad } from './$types';
 
@@ -13,3 +13,4 @@ export const load: PageServerLoad = async ({ parent }) => {
 		},
 	};
 }
+

sites/docs/src/routes/docs/(package)/modal/+page.md.svelte

@@ -0,0 +1,19 @@
+<script>
+	import { SettingsContext } from '$lib/contexts/settings.svelte';
+
+  const settings = SettingsContext.get();
+</script>
+
+## Deprecation Notice
+
+This package has been dropped in favor of [@svelte-put/async-stack](/docs/async-stack). `@svelte-put/async-stack` is a generic implementation inspired by `@svelte-put/modal` and `@svelte-put/noti`, and now is more minimal, unopinionated, and powerful thanks to Svelte runes.
+
+Follow patterns introduced in the `async-stack` ["Recipes" section](/docs/async-stack#modal--dialog) to migrate your existing `@svelte-put/modal` system to `@svelte-put/async-stack`.
+
+To see the original documentation, [visit here](https://02e439f1.svelte-put.pages.dev/docs/modal).
+
+---
+
+
+Happy migrating 😅
+

sites/docs/src/routes/docs/(package)/modal/+page.server.ts

@@ -0,0 +1,16 @@
+import ogImage from '$lib/assets/images/og/svelte-put-modal.jpg';
+
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async ({ parent }) => {
+	const data = await parent();
+	return {
+		meta: {
+			...data.meta,
+			og: {
+				image: ogImage,
+			}
+		},
+	};
+}
+

sites/docs/src/routes/docs/(package)/noti/+page.md.svelte

@@ -6,11 +6,9 @@
 
 ## Deprecation Notice
 
-<div class="c-callout c-callout--warning c-callout--icon-megaphone">
+This package has been dropped in favor of [@svelte-put/async-stack](/docs/async-stack). `@svelte-put/async-stack` is a generic implementation extracted from `@svelte-put/noti` itself, and now is more minimal and powerful thanks to Svelte runes. See [Migration to @svelte-put/async-stack](#migration-to-async-stack) for more details.
 
-`@svelte-put/noti` is now deprecated in favor of [@svelte-put/async-stack](/docs/async-stack). `@svelte-put/async-stack` is a generic implementation extracted from `@svelte-put/noti` itself, and now is more minimal and powerful thanks to Svelte runes. See [Migration to @svelte-put/async-stack](#migration-to-async-stack) for more details.
-
-</div>
+To see the original documentation, [visit here](https://svelte-put-svelte-4.vnphanquang.com/docs/noti).
 
 <h2 id="migration-to-async-stack"> Migration to @svelte-put/async-stack </h2>