{formatDate(data.date)}
-{data.title}
-
- 
-
-
+ {#if !contentLoaded}
+
{data.author.name}
-{data.author.role}
+
+
-
-
-
+
+
-
+
+
+
diff --git a/new-web/src/lib/elements/ReportProblem.svelte b/new-web/src/lib/elements/ReportProblem.svelte
index a54f2e2..b76ad60 100644
--- a/new-web/src/lib/elements/ReportProblem.svelte
+++ b/new-web/src/lib/elements/ReportProblem.svelte
@@ -43,7 +43,7 @@
possible.
-
- {#if contentLoaded}
-
+ {:else}
+ {#if data.postImage}
+ Loading content...
- {/if} +
+
-
+
{formatDate(data.date)}
+{data.title}
+
+
+
+
+
+ {data.author.name}
+{data.author.role}
+
+
+ {/if}
+ {#if contentLoaded}
+ {#if compiledContent}
+
+ Error loading content
+ {/if} + {:else} +Loading content...
+ {/if} +
+
Problem Type
@@ -111,7 +111,7 @@
-
+
Problem Type
diff --git a/new-web/src/lib/test/blog01.md b/new-web/src/lib/test/blog01.md
new file mode 100644
index 0000000..33eb71b
--- /dev/null
+++ b/new-web/src/lib/test/blog01.md
@@ -0,0 +1,67 @@
+# V7 Is Here! 🚀
+
+> "The best file upload solution just got even better!" - _Tech Weekly_
+
+This release has been an absurd amount of work. So proud of the team and what we've built. Huge thanks to [Julius](https://github.com/julius) and [Mark](https://github.com/mark) for making this happen.
+
+---
+
+It is so, so hard to not go straight into the nerdy details, but the whole point of UploadThing is that you don't need to know ANY of those details. With that in mind, here's what's relevant for most y'all:
+
+- UploadThing is now _way_ faster
+- Uploads can be **paused** and _resumed_ seamlessly
+- ~~Old limitations removed~~
+- More details...
+
+## Performance Comparison
+
+| Feature | V6 | V7 |
+| ------------------ | ------ | --------- |
+| Upload Speed | 10MB/s | 50MB/s |
+| Concurrent Uploads | 100 | Unlimited |
+| Max File Size | 2GB | 10GB |
+
+## Revolutionary Features
+
+We've completely overhauled our backend infrastructure to bring you unparalleled performance. Our new distributed processing system can handle millions of concurrent uploads without breaking a sweat.
+
+### Code Example
+
+```typescript
+import { createUploadthing } from 'uploadthing/next';
+
+const f = createUploadthing();
+
+export const ourFileRouter = {
+ imageUploader: f({ image: { maxFileSize: '4MB' } })
+ .middleware(async () => {
+ return { userId: 1234 };
+ })
+ .onUploadComplete(async ({ metadata, file }) => {
+ console.log('Upload complete for userId:', metadata.userId);
+ })
+};
+```
+
+
+
+### AI-Powered Optimization
+
+UploadThing now leverages cutting-edge machine learning algorithms to optimize your uploads in real-time.
+
+
+
+
+---
+
+_For more information, visit our [documentation](https://docs.uploadthing.com)._
+
+```js
+console.log('Hello, world!');
+```
diff --git a/new-web/svelte.config.js b/new-web/svelte.config.js
index 4a82086..58dafd3 100644
--- a/new-web/svelte.config.js
+++ b/new-web/svelte.config.js
@@ -1,16 +1,64 @@
+import { mdsvex, escapeSvelte } from 'mdsvex';
+import { createHighlighter } from 'shiki';
import adapter from '@sveltejs/adapter-auto';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import { h } from 'hastscript';
+
+export function addCopyButton(options = {}) {
+ const toggleMs = options.toggle || 3000;
+
+ return {
+ name: 'shiki-transformer-copy-button',
+ pre(node) {
+ const button = h(
+ 'button',
+ {
+ class: 'copy',
+ 'data-code': this.source,
+ onclick: `
+ navigator.clipboard.writeText(this.dataset.code);
+ this.classList.add('copied');
+ setTimeout(() => this.classList.remove('copied'), ${toggleMs});
+ window.dispatchEvent(new CustomEvent('toast', { detail: { message: 'Copied to clipboard' } }));
+ `
+ },
+ [h('span', { class: 'ready' }), h('span', { class: 'success' })]
+ );
+
+ node.children.push(button);
+ }
+ };
+}
+
+/** @type {import('mdsvex').MdsvexOptions} */
+const mdsvexOptions = {
+ extensions: ['.md'],
+ highlight: {
+ highlighter: async (code, lang = 'text') => {
+ const highlighter = await createHighlighter({
+ themes: ['poimandres'],
+ langs: ['javascript', 'typescript']
+ });
+ await highlighter.loadLanguage('javascript', 'typescript');
+ const html = escapeSvelte(
+ highlighter.codeToHtml(code, {
+ lang,
+ theme: 'poimandres',
+ transformers: [addCopyButton({ toggle: 1200 })]
+ })
+ );
+ return `{@html \`${html}\` }`;
+ }
+ }
+};
+
/** @type {import('@sveltejs/kit').Config} */
const config = {
- // Consult https://kit.svelte.dev/docs/integrations#preprocessors
- // for more information about preprocessors
- preprocess: vitePreprocess(),
+ extensions: ['.svelte', '.md'],
+ preprocess: [vitePreprocess(), mdsvex(mdsvexOptions)],
kit: {
- // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
- // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
- // See https://kit.svelte.dev/docs/adapters for more information about adapters.
adapter: adapter()
}
};