Automatically join arrays

Signed-off-by: macdonst <[email protected]>

lib/transcode.mjs

@@ -7,6 +7,9 @@ export function encode(value) {
   else if (typeof value == 'number' ) {
     return value
   }
+  else if (Array.isArray(value) && value.every(i => typeof i === "string") ) {
+    return value.join('')
+  }
   else {
     const id = `__b_${place++}`
     map[id] = value
@@ -18,4 +21,4 @@ export function decode(value) {
   return value.startsWith('__b_')
     ? map[value]
     : value
-}
+}

test/enhance.test.mjs

@@ -115,8 +115,8 @@ test('Passing state through multiple levels', t => {
   <my-pre-page items="${items}"></my-pre-page>
   `
   const expected = `
-  <my-pre-page items="">
-    <my-pre items="">
+  <my-pre-page items="test">
+    <my-pre items="test">
       <pre>test</pre>
     </my-pre>
   </my-pre-page>

test/fixtures/templates/my-pre.mjs

@@ -1,4 +1,4 @@
 export default function MyMoreContent({ html, state }) {
-  const { items=[] } = state?.attrs
-  return html`<pre>${items[0]}</pre >`
+  const { items='' } = state?.attrs
+  return html`<pre>${items}</pre >`
 }