create-fuzionx 0.1.33 → 0.1.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fuzionx",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "description": "Create a new FuzionX application — npx create-fuzionx my-app",
   "type": "module",
   "bin": {

package/templates/common/package.json.tpl

@@ -9,8 +9,8 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@fuzionx/framework": "^0.1.33",
-    "@fuzionx/client": "^0.1.33",
+    "@fuzionx/framework": "^0.1.34",
+    "@fuzionx/client": "^0.1.34",
     "joi": "^18.1.1"
   },
   "devDependencies": {

package/templates/spa/meta.json

@@ -4,7 +4,7 @@
   "description": "Vue.js 3 SPA + Tera SSR 하이브리드. WASM 암호화 통신.",
   "features": ["auth", "board", "i18n", "asp", "wasm"],
   "dependencies": {
-    "@fuzionx/client": "^0.1.33"
+    "@fuzionx/client": "^0.1.34"
   },
   "devDependencies": {},
   "spaDevDependencies": {

package/templates/ssr/public/js/fx-client.js

@@ -0,0 +1,107 @@
+/**
+ * FuzionX SSR Client — WASM ASP HTTP + WebSocket 통합 클라이언트
+ *
+ * create-fuzionx tester 레이아웃 패턴 기반.
+ * WASM 로드 → FuzionXClient, FuzionXSocket, aspFetch 글로벌 노출.
+ *
+ * 사용법 (인증 유저):
+ *   FxClient.init(clientSecret, encSecret, headerSignal)
+ *
+ * 사용법 (공개 페이지):
+ *   FxClient.initPublic(masterSecret, headerSignal)
+ */
+(function () {
+  'use strict';
+
+  /**
+   * 인증 유저용 — 암호화된 masterSecret 복호화 후 ASP 클라이언트 생성
+   */
+  function init(clientSecret, encSecret, headerSignal) {
+    if (!clientSecret || !encSecret) return;
+
+    window.aspEnabled = true;
+    window._aspReady = (async () => {
+      try {
+        const _v = Date.now();
+        const mod = await import(`/wasm/fuzionx_client_wasm.js?v=${_v}`);
+        await mod.default({ module_or_path: `/wasm/fuzionx_client_wasm_bg.wasm?v=${_v}` });
+        const { FuzionXClient, FuzionXSocket } = mod;
+        window.FuzionXSocket = FuzionXSocket;
+
+        // 임시 클라이언트로 masterSecret 복호화
+        const tmp = new FuzionXClient('_init_');
+        const masterSecret = tmp.decrypt_custom(clientSecret, encSecret);
+        window._aspMasterSecret = masterSecret;
+
+        // ASP 활성 클라이언트 생성
+        window._aspClient = FuzionXClient.new_with_options(
+          masterSecret,
+          headerSignal || 'Ruxy-Enc-Mode',
+        );
+        console.log('[FxClient] WASM ASP client ready');
+      } catch (e) {
+        console.warn('[FxClient] WASM init failed:', e);
+      }
+    })();
+  }
+
+  /**
+   * 공개 페이지용 — masterSecret 직접 사용
+   */
+  function initPublic(masterSecret, headerSignal) {
+    window.aspEnabled = !!masterSecret;
+    if (masterSecret) window._aspMasterSecret = masterSecret;
+
+    window._aspReady = (async () => {
+      try {
+        const _v = Date.now();
+        const mod = await import(`/wasm/fuzionx_client_wasm.js?v=${_v}`);
+        await mod.default({ module_or_path: `/wasm/fuzionx_client_wasm_bg.wasm?v=${_v}` });
+        const { FuzionXClient, FuzionXSocket } = mod;
+        window.FuzionXSocket = FuzionXSocket;
+
+        if (masterSecret) {
+          window._aspClient = FuzionXClient.new_with_options(
+            masterSecret,
+            headerSignal || 'Ruxy-Enc-Mode',
+          );
+        }
+        console.log('[FxClient] WASM client ready (public)');
+      } catch (e) {
+        console.warn('[FxClient] WASM init failed:', e);
+      }
+    })();
+  }
+
+  /**
+   * ASP 암호화 fetch — create-fuzionx tester aspFetch 동일 패턴
+   */
+  window.aspFetch = async function (url, opts = {}) {
+    if (window._aspReady) await window._aspReady;
+    const method = (opts.method || 'GET').toUpperCase();
+    if (!url.startsWith('/api') || !window._aspClient) return fetch(url, opts);
+
+    if (opts.body instanceof FormData) {
+      return window._aspClient.upload(url, opts.body);
+    }
+
+    let bodyObj = undefined;
+    if (opts.body) {
+      bodyObj = typeof opts.body === 'string' ? JSON.parse(opts.body) : opts.body;
+    }
+
+    switch (method) {
+      case 'GET':    return window._aspClient.get(url);
+      case 'POST':   return window._aspClient.post(url, bodyObj);
+      case 'PUT':    return window._aspClient.put(url, bodyObj);
+      case 'PATCH':  return window._aspClient.patch(url, bodyObj);
+      case 'DELETE': return window._aspClient.delete(url);
+      default:       return window._aspClient.get(url);
+    }
+  };
+
+  // 글로벌 노출
+  window.FxClient = { init, initPublic };
+  window.aspEnabled = false;
+  window._aspReady = Promise.resolve();
+})();