fix: move createCustomElement out of the renderer factory

Author: nolanlawson

packages/@lwc/engine-dom/src/renderer-factory.ts

@@ -22,7 +22,10 @@ import type { RendererAPI } from '@lwc/engine-core';
 // are omitted here
 export type SandboxableRendererAPI = Omit<
     RendererAPI,
-    'insertStylesheet' | 'isNativeShadowDefined' | 'isSyntheticShadowDefined'
+    | 'createCustomElement'
+    | 'insertStylesheet'
+    | 'isNativeShadowDefined'
+    | 'isSyntheticShadowDefined'
 >;
 
 export type RendererAPIType<Type> = Type extends RendererAPI ? RendererAPI : SandboxableRendererAPI;

packages/@lwc/engine-dom/src/renderer.ts

@@ -13,6 +13,7 @@ import {
     KEY__SHADOW_TOKEN,
 } from '@lwc/shared';
 import { insertStylesheet } from './styles';
+import { createCustomElement } from './custom-elements/create-custom-element';
 import { rendererFactory } from './renderer-factory';
 
 import type { RendererAPI } from '@lwc/engine-core';
@@ -29,6 +30,8 @@ export const renderer: RendererAPI = assign(
     {
         // insertStyleSheet implementation shares a global cache of stylesheet data
         insertStylesheet,
+        // relies on a shared global cache
+        createCustomElement,
         isNativeShadowDefined: globalThis[KEY__IS_NATIVE_SHADOW_ROOT_DEFINED],
         isSyntheticShadowDefined: hasOwnProperty.call(Element.prototype, KEY__SHADOW_TOKEN),
     }

packages/@lwc/engine-dom/src/renderer/index.ts

@@ -6,7 +6,6 @@
  */
 
 import { assert, isNull, isUndefined } from '@lwc/shared';
-import { createCustomElement } from '../custom-elements/create-custom-element';
 
 function cloneNode(node: Node, deep: boolean): Node {
     return node.cloneNode(deep);
@@ -276,5 +275,4 @@ export {
     getLastElementChild,
     isConnected,
     assertInstanceOfHTMLElement,
-    createCustomElement,
 };