Just wrap everything in an IIFE, micromark doesn\'t give us what we want

Author: gwyneplaine

polaris.shopify.com/playroom/process-code.ts

@@ -1,65 +1,5 @@
-import {unified} from 'unified';
-import remarkParse from 'remark-parse';
-import remarkMdx from 'remark-mdx';
-import remarkBreaks from 'remark-breaks';
-
 export default function processCode(code: string) {
-  /*
-    - Is this just JSX?
-    - If it is, we can just return the code without an IIFE
-    - If not, insert wrapping code such that it includes an IIFE
-    - With an explicit return around the JSX
-    - If the JSX has multiple adjacent nodes at root, wrap it in a fragment as well.
-  */
-  try {
-    const output = unified()
-      .use(remarkParse)
-      .use(remarkBreaks)
-      .use(remarkMdx)
-      .parse(code);
-    // console.log('BOOP AST output', output);
-    // The assummption here is that every top level child of our output ast
-    // is a paragraph. If it isn't and ends up being a piece of flow content
-    // this will break.
-    // @ts-expect-error
-
-    const MDXAST = output.children.flatMap((m) => m.children);
-    let lastIndex = MDXAST.length - 1;
-    let firstIndex;
-    for (let i = MDXAST.length - 1; i >= 0; i--) {
-      const node = MDXAST[i];
-      if (node.type === 'text' && /\s+/gm.test(node.value)) {
-        continue;
-      }
-      if (!node.type.startsWith('mdxJsx')) {
-        break;
-      }
-      firstIndex = i;
-    }
-    if (firstIndex === undefined) {
-      // TODO Add a better error message
-      throw new Error('trailing characters found');
-    }
-    const JSXStartPos = MDXAST[firstIndex].position.start.offset;
-    const JSXEndPos = MDXAST[lastIndex].position.end.offset;
-    const beforeJSX = code.slice(0, JSXStartPos);
-    let JSX = code.slice(JSXStartPos, JSXEndPos);
-    const afterJSX = code.slice(JSXEndPos).replace(/\n/g, '');
-    const codeOutput = `
-    ${beforeJSX}
-    return (
-      <React.Fragment>
-      ${JSX}
-      </React.Fragment>
-    )
-    ${afterJSX}
-    `;
-
-    return `{
-      (() => {${codeOutput}})()
+  return `{
+      (() => {${code}})()
     }`;
-  } catch (e) {
-    console.error(e);
-    throw e;
-  }
 }