@podlite/to-jsx 0.0.15 → 0.0.17

package/t/fixtures.component.spec.tsx

@@ -1,30 +1,12 @@
 import Podlite from '../src/index'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { renderToStaticMarkup } from 'react-dom/server'
 
 const fs = require('fs')
 const path = require('path')
-const glob = require('glob') 
+const glob = require('glob')
 
-
-// const describe = ( _ , f)=> f()
-// const it = (_,  f) => f()
-// const expect = (any):any=>{ 
-//     const c=(any):any=>{}
-//     c.toEqual = ()=>{}
-//     return c
-// }
-
-const root = document.body.appendChild(document.createElement('div'))
-
-function render(jsx) {
-  return ReactDOM.render(jsx, root)
-}
-
-afterEach(() => ReactDOM.unmountComponentAtNode(root))
-
-
-// load examples from fixtures src 
+// load examples from fixtures src
 /**
  * 
  * @returns 
@@ -34,33 +16,32 @@ afterEach(() => ReactDOM.unmountComponentAtNode(root))
     testFile: 't/fixtures/00-maintests_5.txt' }, 
  */
 const allSrcFixtures = () => {
-    const pathToTests = path.resolve(__dirname, './fixtures-src')
-    const files = glob.sync(`${pathToTests}/*.t`)
-    const loaded = files.map( file => {
-        const d = fs.readFileSync(file)
-        const  s = `${d}`.split(/#---+\n/)
-                .filter( t => t.match(/^\s*=/))
-                .map( (text,i) => {
-                    const { dir, name } =  path.parse(file)
-                    const testFile = `t/fixtures/${name}_${i}.txt`
-                    return {file,
-                    id:i,
-                    text,
-                    testFile,
-                }});
-        return s
-        }
-    ).flat()
-    return loaded
+  const pathToTests = path.resolve(__dirname, './fixtures-src')
+  const files = glob.sync(`${pathToTests}/*.t`)
+  const loaded = files
+    .map(file => {
+      const d = fs.readFileSync(file)
+      const s = `${d}`
+        .split(/#---+\n/)
+        .filter(t => t.match(/^\s*=/))
+        .map((text, i) => {
+          const { dir, name } = path.parse(file)
+          const testFile = `t/fixtures/${name}_${i}.txt`
+          return { file, id: i, text, testFile }
+        })
+      return s
+    })
+    .flat()
+  return loaded
 }
 const t = allSrcFixtures()
 t
 
-describe("run parser tests", () => {
-    allSrcFixtures().map(i => test(i.file, ()=>{
-        render(<Podlite>{i.text}</Podlite>)
-        // console.log(root.innerHTML)
-        expect(root.innerHTML).not.toBeNull()
-}
-))
+describe('run parser tests', () => {
+  allSrcFixtures().map(i =>
+    test(i.file, () => {
+      const result = renderToStaticMarkup(<Podlite>{i.text}</Podlite>)
+      expect(result).not.toBeNull()
+    }),
+  )
 })

package/t/index.component.spec.tsx

@@ -1,29 +1,28 @@
-import { TestPodlite as Podlite } from "../src/index";
-import React from "react";
-import ReactDOM from "react-dom";
-
-const root = document.body.appendChild(document.createElement("div"));
+import { TestPodlite as Podlite, Podlite as PodliteRaw } from '../src/index'
+import React from 'react'
+import { renderToStaticMarkup } from 'react-dom/server'
 
+const root = { innerHTML: '' }
 function render(jsx) {
-  return ReactDOM.render(jsx, root);
+  root.innerHTML = renderToStaticMarkup(jsx)
+  return root.innerHTML
 }
 
-afterEach(() => ReactDOM.unmountComponentAtNode(root));
-
-it("para content", () => {
-  render(<Podlite>Hello!</Podlite>);
+it('para content', () => {
+  render(<Podlite>Hello!</Podlite>)
 
   expect(root.innerHTML).toMatchInlineSnapshot(`
        <p>
          Hello!
        </p>
-    `);
-});
+    `)
+})
 
-it("table", () => {
-  render(
-    <Podlite>
-      {`
+it('table', () => {
+  expect(
+    render(
+      <Podlite>
+        {`
 =begin pod
 =para test
 sdsdsd
@@ -45,9 +44,9 @@ sdsdsd
 =end table
 =end pod
 `}
-    </Podlite>
-  );
-  expect(root.innerHTML).toMatchInlineSnapshot(`
+      </Podlite>,
+    ),
+  ).toMatchInlineSnapshot(`
     <div id="id">
       <div id="id">
         <p>
@@ -82,7 +81,7 @@ sdsdsd
               Eddie Stevens
             </td>
             <td id="id">
-              King Arthur's singing shovel
+              King Arthur&#x27;s singing shovel
             </td>
           </tr>
           <tr id="id">
@@ -124,30 +123,31 @@ sdsdsd
         </tbody>
       </table>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts =alias", () => {
-  render(
-    <Podlite>
-      {`
+it('accepts =alias', () => {
+  expect(
+    render(
+      <Podlite>
+        {`
 =begin pod
 =alias TEST 4D Kingdoms
 A<TEST>
 =end pod
 `}
-    </Podlite>
-  );
-  expect(root.innerHTML).toMatchInlineSnapshot(`
+      </Podlite>,
+    ),
+  ).toMatchInlineSnapshot(`
     <div id="id">
       <p>
         4D Kingdoms
       </p>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts =code", () => {
+it('accepts =code', () => {
   render(
     <Podlite>
       {`
@@ -162,8 +162,8 @@ it("accepts =code", () => {
   asdasdasdasdsad
 =end code
 `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <code>
       <pre>
@@ -183,10 +183,10 @@ it("accepts =code", () => {
       asdasdasdasdsad
       </pre>
     </code>
-  `);
-});
+  `)
+})
 
-it("accepts D<>", () => {
+it('accepts D<>', () => {
   render(
     <Podlite>
       {`
@@ -194,8 +194,8 @@ it("accepts D<>", () => {
   A D<formatting code|formatting codes;formatters> provides a way
     to add inline mark-up to a D<piece> of text.
   `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
       <p>
@@ -211,18 +211,18 @@ it("accepts D<>", () => {
         of text.
       </p>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts L<>", () => {
+it('accepts L<>', () => {
   render(
     <Podlite>
       {`
 L<https://www.python.org/dev/peps/pep-0001/#what-is-a-pep>
 L<Test|https://example.com>
   `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <p>
       <a href="https://www.python.org/dev/peps/pep-0001/#what-is-a-pep">
@@ -232,10 +232,10 @@ L<Test|https://example.com>
         Test
       </a>
     </p>
-  `);
-});
+  `)
+})
 
-it("accepts =comment, Z<>, ", () => {
+it('accepts =comment, Z<>, ', () => {
   render(
     <Podlite>
       {`
@@ -244,17 +244,17 @@ Z<comment>
 =comment Test
 =end pod
 `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
       <p>
       </p>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts E<>, R<>, V<>", () => {
+it('accepts E<>, R<>, V<>', () => {
   render(
     <Podlite>
       {`
@@ -264,8 +264,8 @@ E<0d171; 0o253; 0b10101011; 0xAB>
 V<C<boo> B<bar> asd>
 =end pod
 `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
 
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
@@ -290,10 +290,10 @@ V<C<boo> B<bar> asd>
     C&lt;boo&gt; B&lt;bar&gt; asd
       </p>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts =output", () => {
+it('accepts =output', () => {
   render(
     <Podlite>
       {`
@@ -305,8 +305,8 @@ Print? B<K<n>>
 =for input
     Name: R<your surname>
 `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <code>
       <pre>
@@ -333,10 +333,10 @@ Print? B<K<n>>
         </var>
       </kbd>
     </pre>
-  `);
-});
+  `)
+})
 
-it("accepts N<>", () => {
+it('accepts N<>', () => {
   render(
     <Podlite>
       {`
@@ -348,8 +348,8 @@ it("accepts N<>", () => {
   
   =end pod
       `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
       <div id="id">
@@ -390,10 +390,10 @@ it("accepts N<>", () => {
       powerful than its Perl 5 predecessor.
       </p>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts U<>, X<>, S<>", () => {
+it('accepts U<>, X<>, S<>', () => {
   render(
     <Podlite>
       {`
@@ -402,8 +402,8 @@ it("accepts U<>, X<>, S<>", () => {
   U<a>. S<
    >
       `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
 
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
@@ -414,13 +414,13 @@ it("accepts U<>, X<>, S<>", () => {
         </u>
         .
         <br>
-        &nbsp;&nbsp;&nbsp;
+           
       </p>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts =Image base", () => {
+it('accepts =Image base', () => {
   render(
     <Podlite>
       {`
@@ -429,8 +429,8 @@ it("accepts =Image base", () => {
   alternative https://www.example.org
   =end pod
 `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
       <div class="image_block"
@@ -448,10 +448,10 @@ it("accepts =Image base", () => {
         </div>
       </div>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts =Image empty caption", () => {
+it('accepts =Image empty caption', () => {
   render(
     <Podlite>
       {`
@@ -460,8 +460,8 @@ it("accepts =Image empty caption", () => {
     alternative https://www.example.org
     =end pod
   `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   // console.log(root.innerHTML);return;
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
@@ -477,10 +477,10 @@ it("accepts =Image empty caption", () => {
     </div>
     <p>
     </p>
-  `);
-});
+  `)
+})
 
-it("accepts =Image with fullset of attributes", () => {
+it('accepts =Image with fullset of attributes', () => {
   render(
     <Podlite>
       {`
@@ -493,8 +493,8 @@ it("accepts =Image with fullset of attributes", () => {
 content ignored
 =end pod
   `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
       <div class="image_block"
@@ -514,9 +514,9 @@ content ignored
     </div>
     <p>
     </p>
-  `);
-});
-it("accepts =TITLE", () => {
+  `)
+})
+it('accepts =TITLE', () => {
   render(
     <Podlite>
       {`
@@ -524,8 +524,8 @@ it("accepts =TITLE", () => {
     =TITLE test
     =para 1
 =end pod`}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
       <div>
@@ -542,10 +542,10 @@ it("accepts =TITLE", () => {
         </p>
       </div>
     </div>
-  `);
-});
+  `)
+})
 
-it("accepts =defn", () => {
+it('accepts =defn', () => {
   render(
     <Podlite>
       {`
@@ -558,8 +558,8 @@ MORAL
 Conforming to a local and mutable standard of right.
 Having the quality of general expediency.
     `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <dl>
       <dt>
@@ -582,10 +582,10 @@ Having the quality of general expediency.
     Having the quality of general expediency.
       </dd>
     </dl>
-  `);
-});
+  `)
+})
 
-it("accepts =nested", () => {
+it('accepts =nested', () => {
   render(
     <Podlite>
       {`
@@ -597,8 +597,8 @@ but some of us are looking at the stars!
     =end nested
 =end nested
 `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <blockquote>
       <p>
@@ -614,10 +614,10 @@ but some of us are looking at the stars!
         </p>
       </blockquote>
     </blockquote>
-  `);
-});
+  `)
+})
 
-it("accepts =Toc", () => {
+it('accepts =Toc', () => {
   render(
     <Podlite>
       {`
@@ -629,8 +629,8 @@ it("accepts =Toc", () => {
     item1
     =end pod
         `}
-    </Podlite>
-  );
+    </Podlite>,
+  )
   expect(root.innerHTML).toMatchInlineSnapshot(`
     <div id="id">
       <div class="toc">
@@ -662,10 +662,23 @@ it("accepts =Toc", () => {
     </div>
     <p>
     </p>
-  `);
-});
+  `)
+})
+
+it('id for headers', () => {
+  render(
+    <PodliteRaw>{`
+    =head1 Test 
+    `}</PodliteRaw>,
+  )
+  expect(root.innerHTML).toMatchInlineSnapshot(`
+    <h1 id="Test">
+      Test
+    </h1>
+  `)
+})
 
-it.skip("accepts =Diagram", () => {
+it.skip('accepts =Diagram', () => {
   render(
     <Podlite>
       {`
@@ -677,13 +690,13 @@ B-->C[fa:fa-ban forbidden]
 B-->D(fa:fa-spinner aaaaa);
   =end pod
       `}
-    </Podlite>
-  );
-  console.log(root.innerHTML);
+    </Podlite>,
+  )
+  console.log(root.innerHTML)
   // expect(root.innerHTML).toMatchInlineSnapshot();
-});
+})
 
-it.skip("accepts =alias", () => {
+it.skip('accepts =alias', () => {
   render(
     <Podlite>
       {`
@@ -700,8 +713,8 @@ A<TERMS_URLS>
 
 =end pod
     `}
-    </Podlite>
-  );
-  console.log(root.innerHTML);
+    </Podlite>,
+  )
+  console.log(root.innerHTML)
   // expect(root.innerHTML).toMatchInlineSnapshot();
-});
+})

package/tsconfig.json

@@ -11,8 +11,10 @@
   "jsx": "react",
   
   "compilerOptions": {
-    "target": "es2017",
-    "module": "commonjs",
+    // "target": "es2017",
+    // "module": "commonjs",
+    "module": "esnext",
+    "target": "ESNext",
     "moduleResolution": "node",
     "sourceMap": true,
     "jsx": "react",
@@ -22,6 +24,8 @@
     "downlevelIteration": true,
     "declaration": true,
     "incremental": true,
+    "esModuleInterop":true,
+    "composite": true
   },
   "references": [
     {