diff --git a/example/index.ts b/example/index.ts index 74c5bfd..8e9e727 100644 --- a/example/index.ts +++ b/example/index.ts @@ -2,8 +2,10 @@ import { Edge } from '../index.js' import { join } from 'node:path' import { createServer } from 'node:http' import { getDirname } from '@poppinss/utils' +import { migrate } from '../src/migrate/plugin.js' const edge = Edge.create() +edge.use(migrate) edge.mount(join(getDirname(import.meta.url), 'views')) class Base { @@ -37,11 +39,11 @@ user.parent = user createServer(async (_req, res) => { res.writeHead(200, { 'content-type': 'text/html' }) - res.end( - await edge.render('welcome', { - user: user, - }) - ) + const html = await edge.render('welcome', { + user: user, + }) + console.log(html) + res.end(html) }).listen(3000, () => { console.log('Listening on 127.0.0.1:3000') }) diff --git a/example/views/components/modal.edge b/example/views/components/modal.edge index d40c328..aa94ac0 100644 --- a/example/views/components/modal.edge +++ b/example/views/components/modal.edge @@ -1,6 +1,21 @@ {{ inspect(state) }} -
+

{{ title }}

{{{ await $slots.body() }}} diff --git a/example/views/partials/button.edge b/example/views/partials/button.edge index 5fcb8d4..2ef136f 100644 --- a/example/views/partials/button.edge +++ b/example/views/partials/button.edge @@ -1 +1 @@ - + diff --git a/example/views/welcome.edge b/example/views/welcome.edge index dd9618a..73e1541 100644 --- a/example/views/welcome.edge +++ b/example/views/welcome.edge @@ -3,6 +3,7 @@ + {{ inspect(state.user) }} diff --git a/src/utils.ts b/src/utils.ts index 94fa5f6..7cf276d 100644 --- a/src/utils.ts +++ b/src/utils.ts @@ -7,8 +7,6 @@ * file that was distributed with this source code. */ -// @ts-expect-error untyped module -import JSStringify from 'js-stringify' import classNames from 'classnames' import { EdgeError } from 'edge-error' import type { TagToken } from 'edge-lexer/types' @@ -341,14 +339,11 @@ export function stringifyAttributes(props: any, namespace?: string): string { * Encoding rules for certain properties. * * - Class values can be objects with conditionals - * - x-data as an object will be converted to a JSON value - * - Arrays will be concatenated into a string list and html escaped * - Non-booleanish and numeric properties will be html escaped + * - Arrays will be concatenated into a string list and html escaped */ if (key === 'class') { value = `"${classNames(value)}"` - } else if (key === 'x-data') { - value = typeof value === 'string' ? `"${value}"` : JSStringify(value) } else if (Array.isArray(value)) { value = `"${value.join(propInfo.commaSeparated ? ',' : ' ')}"` } else if (!propInfo.booleanish && !propInfo.number) { diff --git a/tests/template.spec.ts b/tests/template.spec.ts index 62a752f..00a755e 100644 --- a/tests/template.spec.ts +++ b/tests/template.spec.ts @@ -378,7 +378,7 @@ test.group('Template | toAttributes', () => {
{ assert.equal( html, dedent` -
+
` )