xplorajs-react 0.0.1

package/README.md

@@ -0,0 +1,99 @@
+# XploraJS React 🔄
+
+Package React untuk XploraJS yang menyediakan integrasi React dan static site generation.
+
+## 🚀 Fitur
+
+- Static Site Generation (SSG)
+- React component support
+- Incremental Static Regeneration (ISR)
+- TypeScript support
+- Hot Module Replacement (HMR)
+- Optimized static assets
+
+## 📦 Instalasi
+
+```bash
+bun add xplora-react
+```
+
+## 🛠️ Penggunaan
+
+### Basic Setup
+
+```typescript
+import { generateStaticPage } from 'xplora-react'
+
+// Generate static page
+await generateStaticPage({
+  component: <App />,
+  outputPath: './dist/index.html'
+})
+```
+
+### Static Data Generation
+
+```typescript
+import { getStaticProps } from 'xplora-react'
+
+export async function getStaticProps() {
+  // Fetch data at build time
+  const data = await fetchData()
+  
+  return {
+    props: {
+      data
+    },
+    // Revalidate every hour
+    revalidate: 3600
+  }
+}
+```
+
+## 📚 API Reference
+
+### `generateStaticPage`
+
+```typescript
+function generateStaticPage(options: {
+  component: React.ReactElement;
+  outputPath: string;
+  props?: Record<string, any>;
+}): Promise<void>
+```
+
+### `getStaticProps`
+
+```typescript
+function getStaticProps(): Promise<{
+  props: Record<string, any>;
+  revalidate?: number;
+}>
+```
+
+## 🔧 Konfigurasi
+
+Konfigurasi React dapat dilakukan melalui `xplora.config.ts`:
+
+```typescript
+import { defineConfig } from 'xplora'
+
+export default defineConfig({
+  react: {
+    // Static generation options
+    static: {
+      outputDir: './dist',
+      revalidate: 3600, // ISR interval in seconds
+      fallback: false
+    }
+  }
+})
+```
+
+## 🤝 Kontribusi
+
+Kami menyambut kontribusi! Silakan baca [CONTRIBUTING.md](../../CONTRIBUTING.md) untuk panduan kontribusi.
+
+## 📝 Lisensi
+
+MIT License - lihat [LICENSE](../../LICENSE) untuk detail lebih lanjut. 

package/dist/App.d.ts

@@ -0,0 +1,4 @@
+import type React from "react";
+declare const App: React.FC;
+export default App;
+//# sourceMappingURL=App.d.ts.map

package/dist/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAEhB,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/App.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const App = () => {
+    return _jsx("h1", { children: "Hello XploraJS!" });
+};
+export default App;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { renderToStream } from "./render";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export { renderToStream, generateStaticPage, getStaticProps } from "./render";

package/dist/render.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+/**
+ * Render React element ke stream HTML.
+ * Otomatis fallback ke string jika Streaming tidak didukung.
+ */
+export declare function renderToStream(element: React.ReactElement): Promise<string | import("react-dom/server").ReactDOMServerReadableStream>;
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,wBAAsB,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,6EAK/D"}

package/dist/render.js

@@ -0,0 +1,225 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import fs from "node:fs/promises";
+import path from "node:path";
+import { renderToReadableStream, renderToString } from "react-dom/server";
+/**
+ * Render React element ke stream HTML untuk development mode (SSR).
+ * Otomatis fallback ke string jika Streaming tidak didukung.
+ */ export function renderToStream(element) {
+    return _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            if (typeof renderToReadableStream === "function") {
+                return [
+                    2,
+                    renderToReadableStream(element)
+                ];
+            }
+            return [
+                2,
+                renderToString(element)
+            ];
+        });
+    })();
+}
+/**
+ * Generate static HTML file untuk production mode (SSG).
+ */ export function generateStaticPage(options) {
+    return _async_to_generator(function() {
+        var component, outputPath, props, html;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    component = options.component, outputPath = options.outputPath, props = options.props;
+                    return [
+                        4,
+                        renderToString(component)
+                    ];
+                case 1:
+                    html = _state.sent();
+                    // Buat directory jika belum ada
+                    return [
+                        4,
+                        fs.mkdir(path.dirname(outputPath), {
+                            recursive: true
+                        })
+                    ];
+                case 2:
+                    _state.sent();
+                    // Tulis file HTML
+                    return [
+                        4,
+                        fs.writeFile(outputPath, html)
+                    ];
+                case 3:
+                    _state.sent();
+                    return [
+                        2
+                    ];
+            }
+        });
+    })();
+}
+/**
+ * Get static props untuk data fetching di build time.
+ */ export function getStaticProps(fn) {
+    return _async_to_generator(function() {
+        var props, error;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    _state.trys.push([
+                        0,
+                        2,
+                        ,
+                        3
+                    ]);
+                    return [
+                        4,
+                        fn()
+                    ];
+                case 1:
+                    props = _state.sent();
+                    return [
+                        2,
+                        {
+                            props: props,
+                            revalidate: 3600
+                        }
+                    ];
+                case 2:
+                    error = _state.sent();
+                    console.error("Error in getStaticProps:", error);
+                    return [
+                        2,
+                        {
+                            props: {},
+                            revalidate: 3600
+                        }
+                    ];
+                case 3:
+                    return [
+                        2
+                    ];
+            }
+        });
+    })();
+}

package/dist/server.d.ts

@@ -0,0 +1,2 @@
+export declare function render(): string;
+//# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAKA,wBAAgB,MAAM,IAAI,MAAM,CAE/B"}

package/dist/server.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { renderToString } from "react-dom/server";
+import App from "./App";
+export function render() {
+    return renderToString(React.createElement(App));
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+	"name": "xplorajs-react",
+	"version": "0.0.1",
+	"main": "dist/index.js",
+	"module": "dist/index.mjs",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist",
+		"README.md"
+	],
+	"scripts": {
+		"build": "swc src -d dist",
+		"dev": "swc src -d dist --watch",
+		"prepublishOnly": "bun run build"
+	},
+	"dependencies": {
+		"react": "^19.1.0",
+		"react-dom": "^19.1.0"
+	},
+	"devDependencies": {
+		"@types/react": "^18.2.0",
+		"@types/react-dom": "^18.2.0",
+		"@swc/cli": "^0.1.65",
+		"@swc/core": "^1.11.24"
+	},
+	"peerDependencies": {
+		"react": "^19.1.0",
+		"react-dom": "^19.1.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}