Initial stab at a TypeScript blog post

[orta]

Adds a post covering and giving credit to all the folks involved in the editor support.

[orta]

Draft-y because I'd like @halfnelson @kaisermann @dummdidumm and @jasonlyu123 to take a look over

[pngwn]

Looks good to me, tone feels good. Might be nice to get some more eyes on. @Conduitry @antony

@Rich-Harris Do you think this should coincide with a broader announcement on twitter?

[orta]

I err, also didn't test that diff works in the site's markdown processor

[pngwn]

Can't remember if that is a default with Prismjs, if not we'll need to add it in site-kit which is when the fun starts.

[pngwn]

Of course it doesn't.

[orta]

I can do it another way, it's just a good visual shortcut 👍 no need to do werk

[pngwn]

Opened a PR to get this in, it will need merging and publishing before it works.

sveltejs/site-kit#21

We may also need to add:

import 'prismjs/components/prism-diff';

To site/src/utils/highlight.js, depends whether Prism automatically loads diff which I still don't know.

I think this is valuable anyway, don't worry about the extra work.

[kaisermann]

Nice 👌 it's finally here 😭

[antony]

only nitpicks really. I love the tone.

[dummdidumm]

Love it! Some nit-picks, but that's all.

[kierangilliam]

Thanks for the write up! Going through it I spotted that this may need the import name of autoPreprocess instead of preprocess.

[kierangilliam]

Also for dumb people like myself, you may want to include typescript within the dependencies.

Side note, not sure if this is a bug that I was experiencing because I'm using routify or what...

... but basically I have to install postcss to use typescript. Any ideas why this is?

[kaisermann]

@kierangilliam Can you post your issue in the svelte-preprocess repo? Fixed in v4.0.1. It's completely unrelated to this pull request 😁

[orta]

Thanks folks, updated from feedback!

[benmccann]

3 out of 4 PRs necessary for Sapper TypeScript support have been merged and released. If the last one is able to be given a final review, perhaps we could announce Sapper TypeScript support as well.

[opensas]

Really nice post. Perhaps you could add something like a tldr; paragraph for the anxious people, right before What does it mean to support TypeScript in Svelte?with the npx degit and node scripts/updateTypeScriptVersion.js

[Rich-Harris]

This is wonderful! I made a few inline suggestions. We might also want to rename this file so that the date is more reflective of when it goes live 😀

The post ends quite abruptly — I wonder if we should tack on a couple of pars?

## What about TypeScript in Sapper projects?

Watch this space!

## How can I contribute?

We're so glad you asked. The work is happening in the [sveltejs/language-tools](https://github.com/sveltejs/language-tools) — if you'd like to report issues, submit fixes, or help out with extensions for new editors and so on, that's where to go. See you there!

[Rich-Harris]

I think a lot of people will want to just try it out straight away, so here (above the fold) would be a good place to have the quickstart guide

Suggested change

	## Try it now
	You can start a new Svelte TypeScript project using the [normal template](https://github.com/sveltejs/template) by running `node scripts/setupTypeScript.js` before you do anything else:
	npx degit sveltejs/template svelte-typescript-app
	cd svelte-typescript-app
	node scripts/setupTypeScript.js
	If you're a VS Code user, make sure you're using the (new) [official extension](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode), which replaces the popular extension by James Birtles.
	Later in this blog post, we'll detail the individual steps involved in using TypeScript in an existing Svelte project.

(side-note: how do you put code blocks inside a commit suggestion...?)

[pngwn]

Possibly by giving the suggestion language 4 backticks instead of 3. But don't quote me on this.

[orta]

This week I learned how:

GFMarkdown allows for the code fences to be an arbitrary size. Here I'm using four on the outer one:

```ts

```

[wtho]

The post is great!
One more thing - when I read through it for the first time, I ran the script but still wanted to apply the changes in the paragraph Adding Typescript... manually. I realized the steps were already applied, but only after going opening the project files.

I think it would be great to reference the script once more at the start of the file changes explanation.