handle @SInCE tags (#392)

* handle @SInCE tags

* sync

Author: Rich-Harris

apps/svelte.dev/content/docs/kit/25-build-and-deploy/30-adapter-auto.md

@@ -8,7 +8,7 @@ When you create a new SvelteKit project with `npm create svelte@latest`, it inst
 - [`@sveltejs/adapter-netlify`](adapter-netlify) for [Netlify](https://netlify.com/)
 - [`@sveltejs/adapter-vercel`](adapter-vercel) for [Vercel](https://vercel.com/)
 - [`svelte-adapter-azure-swa`](https://github.com/geoffrich/svelte-adapter-azure-swa) for [Azure Static Web Apps](https://docs.microsoft.com/en-us/azure/static-web-apps/)
-- [`svelte-kit-sst`](https://github.com/sst/sst/tree/master/packages/svelte-kit-sst) for [AWS via SST](https://docs.sst.dev/start/svelte)
+- [`svelte-kit-sst`](https://github.com/sst/sst/tree/master/packages/svelte-kit-sst) for [AWS via SST](https://sst.dev/docs/start/aws/svelte)
 - [`@sveltejs/adapter-node`](https://kit.svelte.dev/docs/adapter-node) for [Google Cloud Run](https://cloud.google.com/run)
 
 It's recommended to install the appropriate adapter to your `devDependencies` once you've settled on a target environment, since this will add the adapter to your lockfile and slightly improve install times on CI.

apps/svelte.dev/content/docs/kit/40-best-practices/05-performance.md

@@ -37,7 +37,7 @@ If you see in the network tab of your browser that an API call is taking a long
 
 ### Images
 
-Reducing the size of image files is often one of the most impactful changes you can make to a site's performance. Svelte provides the `@sveltejs/enhanced-image` package, detailed on the [images](images) page, for making this easier. Additionally, Lighthouse is useful for identifying the worst offenders.
+Reducing the size of image files is often one of the most impactful changes you can make to a site's performance. Svelte provides the `@sveltejs/enhanced-img` package, detailed on the [images](images) page, for making this easier. Additionally, Lighthouse is useful for identifying the worst offenders.
 
 ### Videos
 

apps/svelte.dev/content/docs/kit/98-reference/50-configuration.md

@@ -409,6 +409,7 @@ privatePrefix?: string;
 <div class="ts-block-property-bullets">
 
 - <span class="tag">default</span> `""`
+- <span class="tag since">available since</span> v1.21.0
 
 </div>
 
@@ -509,6 +510,7 @@ universal?: string;
 <div class="ts-block-property-bullets">
 
 - <span class="tag">default</span> `"src/hooks"`
+- <span class="tag since">available since</span> v2.3.0
 
 </div>
 
@@ -710,6 +712,7 @@ preloadStrategy?: 'modulepreload' | 'preload-js' | 'preload-mjs';
 <div class="ts-block-property-bullets">
 
 - <span class="tag">default</span> `"modulepreload"`
+- <span class="tag since">available since</span> v1.8.4
 
 </div>
 
@@ -786,6 +789,7 @@ relative?: boolean;
 <div class="ts-block-property-bullets">
 
 - <span class="tag">default</span> `true`
+- <span class="tag since">available since</span> v1.9.0
 
 </div>
 
@@ -886,6 +890,7 @@ handleHttpError?: PrerenderHttpErrorHandlerValue;
 <div class="ts-block-property-bullets">
 
 - <span class="tag">default</span> `"fail"`
+- <span class="tag since">available since</span> v1.15.7
 
 </div>
 
@@ -931,6 +936,7 @@ handleMissingId?: PrerenderMissingIdHandlerValue;
 <div class="ts-block-property-bullets">
 
 - <span class="tag">default</span> `"fail"`
+- <span class="tag since">available since</span> v1.15.7
 
 </div>
 
@@ -955,6 +961,7 @@ handleEntryGeneratorMismatch?: PrerenderEntryGeneratorMismatchHandlerValue;
 <div class="ts-block-property-bullets">
 
 - <span class="tag">default</span> `"fail"`
+- <span class="tag since">available since</span> v1.16.0
 
 </div>
 
@@ -1066,6 +1073,7 @@ config?: (config: Record<string, any>) => Record<string, any> | void;
 <div class="ts-block-property-bullets">
 
 - <span class="tag">default</span> `(config) => config`
+- <span class="tag since">available since</span> v1.3.0
 
 </div>
 

apps/svelte.dev/scripts/sync-docs/types.ts

@@ -249,6 +249,10 @@ function munge_type_element(member: ts.TypeElement, depth = 1): TypeElement | un
 				bullets.push(`- <span class="tag deprecated">deprecated</span> ${tag.comment || ''}`);
 				break;
 
+			case 'since':
+				bullets.push(`- <span class="tag since">available since</span> v${tag.comment}`);
+				break;
+
 			default:
 				console.log(`unhandled JSDoc tag: ${type}`);
 		}

packages/site-kit/src/lib/components/Text.svelte

@@ -370,7 +370,7 @@
 			li::before {
 				content: '';
 				position: absolute;
-				top: 1.4rem;
+				top: calc(50% - 0.3rem);
 				left: -1.8rem;
 				background-color: var(--sk-back-5);
 				width: 0.6rem;

packages/site-kit/src/lib/styles/text.css

@@ -29,10 +29,18 @@
 	margin: 0rem -1rem 0rem 1rem;
 }
 
-.ts-block-property-bullets .tag {
-	font-size: 1.4rem;
-	text-transform: uppercase;
-	color: #666;
+.ts-block-property-bullets {
+	li {
+		&::before {
+			content: none !important;
+		}
+	}
+
+	.tag {
+		font: var(--sk-font-ui-medium);
+		text-transform: uppercase;
+		color: var(--sk-text-4);
+	}
 }
 
 .ts-block-property ul:last-child {