wip(ssr): initial scaffold for compiler-ssr

packages/compiler-ssr/src/transforms/ssrTransformComponent.ts

@@ -0,0 +1,15 @@
+import { NodeTransform, NodeTypes, ElementTypes } from '@vue/compiler-dom'
+
+export const ssrTransformComponent: NodeTransform = (node, context) => {
+  if (
+    node.type === NodeTypes.ELEMENT &&
+    node.tagType === ElementTypes.COMPONENT
+  ) {
+    return function ssrPostTransformComponent() {
+      // generate a _push(_renderComponent) call
+      // dynamic component as well
+      // !check if we need to bail out for slots
+      // TODO also handle scopeID here
+    }
+  }
+}

packages/compiler-ssr/src/transforms/ssrTransformElement.ts

@@ -0,0 +1,70 @@
+import {
+  NodeTransform,
+  NodeTypes,
+  ElementTypes,
+  TemplateLiteral,
+  createTemplateLiteral
+} from '@vue/compiler-dom'
+import { escapeHtml } from '@vue/server-renderer/src'
+
+/*
+## Simple Element
+
+``` html
+<div></div>
+```
+``` js
+return function render(_ctx, _push, _parent) {
+  _push(`<div></div>`)
+}
+```
+
+## Consecutive Elements
+
+``` html
+<div>
+  <span></span>
+</div>
+<div></div>
+```
+``` js
+return function render(_ctx, _push, _parent) {
+  _push(`<div><span></span></div><div></div>`)
+}
+```
+*/
+
+export const ssrTransformElement: NodeTransform = (node, context) => {
+  if (
+    node.type === NodeTypes.ELEMENT &&
+    node.tagType === ElementTypes.ELEMENT
+  ) {
+    return function ssrPostTransformElement() {
+      // element
+      // generate the template literal representing the open tag.
+      const openTag: TemplateLiteral['elements'] = [`<${node.tag}`]
+
+      for (let i = 0; i < node.props.length; i++) {
+        const prop = node.props[i]
+        if (prop.type === NodeTypes.DIRECTIVE) {
+          const directiveTransform = context.directiveTransforms[prop.name]
+          if (directiveTransform) {
+            // TODO directive transforms
+          } else {
+            // no corresponding ssr directive transform found.
+            // TODO emit error
+          }
+        } else {
+          // static prop
+          openTag.push(
+            ` ${prop.name}` +
+              (prop.value ? `="${escapeHtml(prop.value.content)}"` : ``)
+          )
+        }
+      }
+
+      openTag.push(`>`)
+      node.ssrCodegenNode = createTemplateLiteral(openTag)
+    }
+  }
+}

packages/compiler-ssr/src/transforms/ssrTransformSlotOutlet.ts

@@ -0,0 +1,3 @@
+import { NodeTransform } from '@vue/compiler-dom'
+
+export const ssrTransformSlotOutlet: NodeTransform = () => {}

packages/compiler-ssr/src/transforms/ssrVBind.ts

@@ -0,0 +1 @@
+// TODO

packages/compiler-ssr/src/transforms/ssrVCloak.ts

@@ -0,0 +1 @@
+// TODO

packages/compiler-ssr/src/transforms/ssrVFor.ts

@@ -0,0 +1,3 @@
+import { NodeTransform } from '@vue/compiler-dom'
+
+export const ssrTransformFor: NodeTransform = () => {}

packages/compiler-ssr/src/transforms/ssrVHtml.ts

@@ -0,0 +1 @@
+// TODO

packages/compiler-ssr/src/transforms/ssrVIf.ts

@@ -0,0 +1,3 @@
+import { NodeTransform } from '@vue/compiler-dom'
+
+export const ssrTransformIf: NodeTransform = () => {}

packages/compiler-ssr/src/transforms/ssrVModel.ts

@@ -0,0 +1 @@
+// TODO

packages/compiler-ssr/src/transforms/ssrVOn.ts

@@ -0,0 +1 @@
+// TODO

packages/compiler-ssr/src/transforms/ssrVShow.ts

@@ -0,0 +1 @@
+// TODO

packages/compiler-ssr/src/transforms/ssrVSlot.ts

@@ -0,0 +1 @@
+// TODO

packages/compiler-ssr/src/transforms/ssrVText.ts

@@ -0,0 +1 @@
+// TODO