Enhance: use html parser in preprocessor

src/Elder.ts

@@ -33,7 +33,7 @@ import {
 } from './utils/types';
 import createReadOnlyProxy from './utils/createReadOnlyProxy';
 import workerBuild from './workerBuild';
-import { inlineSvelteComponent } from './partialHydration/inlineSvelteComponent';
+import inlineComponent from './partialHydration/inlineComponent';
 import elderJsShortcodes from './shortcodes';
 import prepareRouter from './routes/prepareRouter';
 
@@ -219,7 +219,9 @@ class Elder {
 
       this.helpers = {
         permalinks: permalinks({ routes: this.routes, settings: this.settings }),
-        inlineSvelteComponent,
+        // TODO: deprecate this?
+        inlineSvelteComponent: inlineComponent,
+        inlineComponent,
         shortcode: prepareInlineShortcode({ settings: this.settings }),
       };
 

src/__tests__/__snapshots__/Elder.spec.ts.snap

@@ -7,6 +7,7 @@ Object {
   "data": Object {},
   "errors": Array [],
   "helpers": Object {
+    "inlineComponent": [Function],
     "inlineSvelteComponent": [Function],
     "permalinks": Object {
       "route-a": [Function],
@@ -649,6 +650,7 @@ Object {
   "data": Object {},
   "errors": Array [],
   "helpers": Object {
+    "inlineComponent": [Function],
     "inlineSvelteComponent": [Function],
     "permalinks": Object {
       "route-a": [Function],

src/partialHydration/__tests__/inlineComponent.spec.ts

@@ -0,0 +1,20 @@
+import inlineComponent from '../inlineComponent';
+
+test('#inlineComponent', () => {
+  const options = {
+    loading: 'lazy',
+  };
+  expect(
+    inlineComponent({
+      name: 'Home',
+      props: {
+        welcomeText: 'Hello World',
+      },
+      options,
+    }),
+  ).toMatchInlineSnapshot(
+    `"<ejswrapper ejs-mount=\\"[&quot;Home&quot;,{&quot;welcomeText&quot;:&quot;Hello World&quot;},{&quot;loading&quot;:&quot;lazy&quot;}]\\"></ejswrapper>"`,
+  );
+  // FIXME: should it throw when name is null?
+  expect(inlineComponent({})).toMatchInlineSnapshot(`"<ejswrapper ejs-mount=\\"[null,null,null]\\"></ejswrapper>"`);
+});