feat: add filename to meta

src/lib/remark.js

@@ -26,16 +26,19 @@ export default function (options = {}) {
     console.warn(`ExampleComponent is deprecated, use defaults.Wrapper instead`)
   }
 
-  return function transformer(tree) {
+  return function transformer(tree, file) {
     let examples = []
 
+    const filename = toPOSIX(file.filename).split(toPOSIX(file.cwd)).pop()
+
     visit(tree, 'code', (node) => {
       const languages = ['svelte', 'html']
       /**
        * @type {Record<string, any>}
        */
       const meta = {
         Wrapper: path.resolve(_dirname, 'Example.svelte'),
+        filename,
         ...defaults,
         ...parseMeta(node.meta || '')
       }
@@ -154,3 +157,7 @@ function createExampleComponent(value, meta, index) {
 						<slot slot="code">{@html ${JSON.stringify(highlighted)}}</slot>
 			</Example>`
 }
+
+function toPOSIX(path) {
+  return path.replace(/\\/g, '/')
+}

src/routes/tests/meta/Wrapper.svelte → src/routes/tests/meta/MetaWrapper.svelte

@@ -2,4 +2,6 @@
   export let meta
 </script>
 
+<pre id="meta">
 {JSON.stringify(meta)}
+</pre>

src/routes/tests/meta/array/+page.svx

@@ -1,3 +1,3 @@
-```svelte example custom=["hello/world"] Wrapper="../Wrapper.svelte"
+```svelte example custom=["hello/world"] Wrapper="../MetaWrapper.svelte"
 
 ```

src/routes/tests/meta/filename/+page.svx

@@ -0,0 +1,3 @@
+```svelte example Wrapper="../MetaWrapper.svelte"
+<div>hello</div>
+```

src/routes/tests/meta/meta.spec.mjs

@@ -25,12 +25,26 @@ test('hideStyle', async ({ page }) => {
 
 test('wrapper and custom meta', async ({ page }) => {
   await page.goto('/tests/meta/wrapper')
-  await expect(page.locator(`text={"Wrapper":"../Wrapper.svelte","example":true}`)).toBeVisible()
+  const meta = await getMeta(page)
+
+  expect(meta.Wrapper).toBe('../MetaWrapper.svelte')
+  expect(meta.example).toBe(true)
 })
 
 test('array meta', async ({ page }) => {
   await page.goto('/tests/meta/array')
-  await expect(
-    page.locator('text={"Wrapper":"../Wrapper.svelte","example":true,"custom":["hello/world"]}')
-  ).toBeVisible()
+  const meta = await getMeta(page)
+
+  expect(meta.custom).toEqual(['hello/world'])
+})
+
+test('filename meta', async ({ page }) => {
+  await page.goto('/tests/meta/filename')
+  const meta = await getMeta(page)
+
+  expect(meta.filename).toBe('/src/routes/tests/meta/filename/+page.svx')
 })
+
+async function getMeta(page) {
+  return JSON.parse(await page.locator('#meta').textContent())
+}

src/routes/tests/meta/wrapper/+page.svx

@@ -1,3 +1,3 @@
-```svelte example Wrapper="../Wrapper.svelte"
+```svelte example Wrapper="../MetaWrapper.svelte"
 
 ```