These are all the files from the Tabler react repos, made to work with laravel and webpack.

resources/js/ComponentDemo/react-element-to-jsx-string/formatter/formatTreeNode.js.flow

@@ -0,0 +1,58 @@
+/* @flow */
+
+import formatReactElementNode from './formatReactElementNode';
+import formatReactFragmentNode from './formatReactFragmentNode';
+import type { Options } from './../options';
+import type { TreeNode } from './../tree';
+
+const jsxStopChars = ['<', '>', '{', '}'];
+const shouldBeEscaped = (s: string) =>
+  jsxStopChars.some(jsxStopChar => s.includes(jsxStopChar));
+
+const escape = (s: string) => {
+  if (!shouldBeEscaped(s)) {
+    return s;
+  }
+
+  return `{\`${s}\`}`;
+};
+
+const preserveTrailingSpace = (s: string) => {
+  let result = s;
+  if (result.endsWith(' ')) {
+    result = result.replace(/^(\S*)(\s*)$/, "$1{'$2'}");
+  }
+
+  if (result.startsWith(' ')) {
+    result = result.replace(/^(\s*)(\S*)$/, "{'$1'}$2");
+  }
+
+  return result;
+};
+
+export default (
+  node: TreeNode,
+  inline: boolean,
+  lvl: number,
+  options: Options
+): string => {
+  if (node.type === 'number') {
+    return String(node.value);
+  }
+
+  if (node.type === 'string') {
+    return node.value
+      ? `${preserveTrailingSpace(escape(String(node.value)))}`
+      : '';
+  }
+
+  if (node.type === 'ReactElement') {
+    return formatReactElementNode(node, inline, lvl, options);
+  }
+
+  if (node.type === 'ReactFragment') {
+    return formatReactFragmentNode(node, inline, lvl, options);
+  }
+
+  throw new TypeError(`Unknow format type "${node.type}"`);
+};