ripple 0.2.75 → 0.2.77

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is an elegant TypeScript UI framework",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.75",
+  "version": "0.2.77",
   "type": "module",
   "module": "src/runtime/index.js",
   "main": "src/runtime/index.js",
@@ -29,6 +29,10 @@
       "default": "./src/runtime/index.js"
     },
     "./package.json": "./package.json",
+    "./server": {
+      "types": "./types/server.d.ts",
+      "default": "./src/server/index.js"
+    },
     "./compiler": {
       "types": "./types/index.d.ts",
       "require": "./compiler/index.js",
@@ -42,6 +46,9 @@
     "./internal/client": {
       "default": "./src/runtime/internal/client/index.js"
     },
+    "./internal/server": {
+      "default": "./src/runtime/internal/server/index.js"
+    },
     "./jsx-runtime": {
       "types": "./src/jsx-runtime.d.ts",
       "import": "./src/jsx-runtime.js",

package/src/compiler/index.js

@@ -1,25 +1,42 @@
+/** @import { RawSourceMap } from 'source-map' */
+/** @import { Program } from 'estree' */
+/** @import { ParseError } from './phases/1-parse/index.js' */
+
 import { parse as parse_module } from './phases/1-parse/index.js';
 import { analyze } from './phases/2-analyze/index.js';
-import { transform } from './phases/3-transform/index.js';
+import { transform_client } from './phases/3-transform/client/index.js';
+import { transform_server } from './phases/3-transform/server/index.js';
 import { convert_source_map_to_mappings } from './phases/3-transform/segments.js';
 
+/**
+ * @param {string} source 
+ * @returns {{ ast: Program, errors: ParseError[] }}
+ */
 export function parse(source) {
-	return parse_module(source);
+  return parse_module(source);
 }
 
-export function compile(source, filename) {
-	const ast = parse_module(source);
-	const analysis = analyze(ast, filename);
-	const result = transform(filename, source, analysis, false);
+/**
+ * @param {string} source 
+ * @param {string} filename 
+ * @param {{ mode?: 'client' | 'server' }} options 
+ * @returns {{ js: { code: string, map: RawSourceMap }, css: { code: string, map: RawSourceMap } | null }}
+ */
+export function compile(source, filename, options = {}) {
+  const ast = parse_module(source);
+  const analysis = analyze(ast, filename);
+  const result = options.mode === 'server'
+      ? transform_server(filename, source, analysis)
+      : transform_client(filename, source, analysis, false);
 
-	return result;
+  return result;
 }
 
 export function compile_to_volar_mappings(source, filename) {
-	// Parse and transform to get the esrap sourcemap
-	const ast = parse_module(source);
-	const analysis = analyze(ast, filename);
-	const transformed = transform(filename, source, analysis, true);
+  // Parse and transform to get the esrap sourcemap
+  const ast = parse_module(source);
+  const analysis = analyze(ast, filename);
+  const transformed = transform_client(filename, source, analysis, true);
 
-	return convert_source_map_to_mappings(transformed.js.map, source, transformed.js.code);
+  return convert_source_map_to_mappings(transformed.js.map, source, transformed.js.code);
 }

package/src/compiler/phases/1-parse/index.js

@@ -828,11 +828,6 @@ function RipplePlugin(config) {
           }
         }
 
-        if (this.type.label === '</>/<=/>=') {
-          debugger;
-          console.log('HERE', this.value, this.type);
-        }
-
         if (this.type.label === '{') {
           const node = this.jsx_parseExpressionContainer();
           node.type = 'Text';