mtxuilib 0.0.345 → 0.0.349

package/dist/demos/bigcode/BigCode.cjs

@@ -0,0 +1,37 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BigCode_exports = {};
+__export(BigCode_exports, {
+  BigCode: () => BigCode
+});
+module.exports = __toCommonJS(BigCode_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_mt_video_player = require("../../video-player/mt-video-player");
+console.log("<BigCode/> loaded");
+function BigCode({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-red-600 p-2", children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mt_video_player.MtVideoPlayer, { videoSrc: "4444222" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BigCode
+});

package/dist/demos/suspense-ssr/ExampleLazyComponent.cjs

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ExampleLazyComponent_exports = {};
+__export(ExampleLazyComponent_exports, {
+  ExampleLazyComponent: () => ExampleLazyComponent
+});
+module.exports = __toCommonJS(ExampleLazyComponent_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_dynamic = __toESM(require("next/dynamic"), 1);
+const LzBigCode = (0, import_dynamic.default)(() => import("../bigcode/BigCode").then((x) => x.BigCode), {});
+const ExampleLazyComponent = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-slate-300 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "ComponentB(lazy)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LzBigCode, {})
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExampleLazyComponent
+});

package/dist/demos/suspense-ssr/ExampleOg.cjs

@@ -0,0 +1,44 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ExampleOg_exports = {};
+__export(ExampleOg_exports, {
+  ExampleOg: () => ExampleOg
+});
+module.exports = __toCommonJS(ExampleOg_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_card = require("../../ui/card");
+var import_MtImage = require("../../common/MtImage");
+function ExampleOg({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { children: "\u56FE\u7247\u76F8\u5173" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "og" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MtImage.MtImage, { src: "/api.v1/og", alt: "og-example", width: 100, height: 100 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "\u9ED8\u8BA4\u4E0D\u5B58\u5728\u56FE\u7247" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MtImage.MtImage, { src: "/any-image-not-exists.jpg", alt: "og-example", width: 100, height: 100 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "\u5916\u7AD9\u56FE\u7247" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MtImage.MtImage, { src: "https://th.bing.com/th/id/R.0f70474ecd1ee9757981b82381476ec3?rik=FOxDfiUEZWxcfA&pid=ImgRaw&r=0", alt: "og-example", width: 100, height: 100 })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExampleOg
+});

package/dist/demos/suspense-ssr/ExamplePage.cjs

@@ -0,0 +1,62 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ExamplePage_exports = {};
+__export(ExamplePage_exports, {
+  ExamplePage: () => ExamplePage
+});
+module.exports = __toCommonJS(ExamplePage_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_dynamic = __toESM(require("next/dynamic"), 1);
+var import_card = require("../../ui/card");
+var import_ExampleOg = require("./ExampleOg");
+var import_ExampleWorkerService = require("./ExampleWorkerService");
+var import_examples = require("./examples");
+const LzExampleLazyComponent = (0, import_dynamic.default)(() => import("./ExampleLazyComponent").then((x) => x.ExampleLazyComponent), {});
+const ExamplePage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_examples.DemoUserDetail, { userId: "5", randomError: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_examples.DemoUserDetail, { userId: "6", randomError: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "with AutoSuspense" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { children: "lazy example" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_examples.DemoUserDetail, { userId: "7", randomError: true }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { children: "lazy example" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LzExampleLazyComponent, {}) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ExampleOg.ExampleOg, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ExampleWorkerService.ExampleWorkerService, {})
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExamplePage
+});

package/dist/demos/suspense-ssr/ExampleProviderProviders.cjs

@@ -0,0 +1,36 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ExampleProviderProviders_exports = {};
+__export(ExampleProviderProviders_exports, {
+  ExampleProviderProviders: () => ExampleProviderProviders
+});
+module.exports = __toCommonJS(ExampleProviderProviders_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_query = require("@tanstack/react-query");
+var import_react_query_next_experimental = require("@tanstack/react-query-next-experimental");
+var import_react = require("react");
+function ExampleProviderProviders({ children }) {
+  const [queryClient] = (0, import_react.useState)(() => new import_react_query.QueryClient());
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query_next_experimental.ReactQueryStreamedHydration, { children }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExampleProviderProviders
+});

package/dist/demos/suspense-ssr/ExampleWorkerService.cjs

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var ExampleWorkerService_exports = {};
+__export(ExampleWorkerService_exports, {
+  ExampleWorkerService: () => ExampleWorkerService
+});
+module.exports = __toCommonJS(ExampleWorkerService_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_connect = require("@connectrpc/connect");
+var import_connect_web = require("@connectrpc/connect-web");
+var import_react = require("react");
+var import_mtm_connect = require("../../lib/mtmclient/mtm/sppb/mtm_connect");
+var import_card = require("../../ui/card");
+var import_Button = require("../../ui/ui-mt/Button");
+function ExampleWorkerService({ children }) {
+  const [responseData, setResponseData] = (0, import_react.useState)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { children: "\u8C03\u7528 \u6709 js \u5B9E\u73B0\u7684 connect \u670D\u52A1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.MtButton, { onClick: () => __async(this, null, function* () {
+        const client = (0, import_connect.createPromiseClient)(
+          import_mtm_connect.MtmService,
+          (0, import_connect_web.createConnectTransport)({
+            baseUrl: "/api.v1/connect"
+          })
+        );
+      }), children: "req" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(responseData, null, 2) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExampleWorkerService
+});

package/dist/demos/suspense-ssr/ReadMe.cjs

@@ -0,0 +1,49 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ReadMe_exports = {};
+__export(ReadMe_exports, {
+  ReadMe: () => ReadMe
+});
+module.exports = __toCommonJS(ReadMe_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_mtlink = require("../../common/mtlink");
+const ReadMe = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "  p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "\u4F7F\u7528 suspense \u7684\u65B9\u5F0F \u5B9E\u73B0ssrs" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u53EA\u8981 suspense \u5185\u90E8\u4E0D\u51FA\u73B0 throw error \u7684\u60C5\u51B5\uFF0C ReactQueryStreamedHydration + suspenseQuery \u7684\u65B9\u5F0F\u5B9E\u73B0SSR\uFF0C\u662F\u975E\u5E38\u597D\u7684\u65B9\u5F0F\u3002 \u53EA\u8981\u786E\u4FDD fetch \u8BF7\u6C42\u5916\u90E8\u6570\u636E\u65F6\uFF0C\u786E\u4FDDcatch\u4E86\u6240\u6709\u5F02\u5E38\uFF0C \u4F7F\u7528 custom error code\u5305\u88C5\u3002 \u6E32\u67D3\u65F6\uFF0C\u5224\u65AD code \uFF0C\u5982\u679C\u662F\u8BF7\u6C42\u6570\u636E\u5931\u8D25\uFF0C\u5219\u663E\u793A\u81EA\u5B9A\u4E49\u7684retry\u7EC4\u4EF6\uFF0C\u5373\u53EF\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "\u6CE8\u610F" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "\u4E1A\u52A1\u7EC4\u4EF6\u4E0D\u8981\u76F4\u63A5\u4F7F\u7528 \u4E0D\u8981QueryErrorResetBoundary \u548C ErrorBoundary\uFF0C \u8FD9\u4E24\u4E2A\u7EC4\u4EF6\u5E94\u8BE5\u4F5C\u4E3A\u515C\u5E95\u5904\u7406\u3002" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "\u57511" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+      "\u5F53\u51FA\u73B0\u524D\u7AEF\u4E0D\u505C\u7684 fetch\u8BF7\u6C42\u65F6\uFF0C \u5148\u786E\u4FDD console \u4E2D\u6CA1\u6709\u8F93\u51FA\u4EFB\u4F55\u9519\u8BEF\u4FE1\u606F\uFF0C\u7279\u522B\u662F hydrate error\u76F8\u5173\u7684\uFF0C \u7279\u522B\u662F\u4E00\u4E9B\u4E0D\u8D77\u773C\u7684\u95EE\u9898",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "\u4F8B\u5982\uFF1A\u201Ch3 cannot appear as a descendant of p\u201D \u4E4B\u7C7B\u7684 html\u8BED\u6CD5\u9519\u8BEF\uFF0C\u90FD\u6709\u53EF\u80FD\u5BFC\u81F4 hydrate \u51FA\u73B0\u95EE\u9898\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u7279\u522B\u662F\uFF1A \u201DHydration failed because the initial UI does not match what was rendered on the server.\u201C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u539F\u56E0\u5206\u6790\uFF1A query.isRefetching \u8FD9\u4E2A\u5B57\u6BB5\u9700\u8981\u6CE8\u610F\uFF0C\u7ECF\u5E38\u4F1A\u5BFC\u81F4 hydrate\u5931\u8D25\u3002\u539F\u56E0\u5728\u4E8E\u5982\u679C\u662F\u5904\u4E8E\u540E\u7AEF \u6570\u636E\u8F6C\u5230\u524D\u7AEF\u5F0F\uFF0C\u72B6\u6001\u5F80\u5F80\u4F1A\u53D8\u5316\u3002 \u800C\uFF0C \u5982\u679Chtml \u5143\u7D20\u6E32\u67D3\u4F9D\u8D56\u4E86\u8FD9\u4E2A\u503C\uFF0C\u5219\u5BFC\u81F4\u524D\u540E\u7AEF\u7684 html \u4E0D\u4E00\u81F4\uFF0C\u81F4\u4F7F hydrate \u5931\u8D25\u3002" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "\u57512" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "\u7531\u4E8E\u5B58\u5728 hydrate \u7684\u8FC7\u7A0B\uFF0C\u5FC5\u987B\u4FDD\u8BC1\u4F20\u9012\u7684\u5BF9\u8C61\u662F PlainObject\u3002" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u53C2\u8003" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: "https://codesandbox.io/p/devbox/react-query-next-streamed-hydration-broken-example-forked-try2hl", children: "codesandbox" }) }) })
+  ] }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReadMe
+});

package/dist/demos/suspense-ssr/examples.cjs

@@ -0,0 +1,95 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var examples_exports = {};
+__export(examples_exports, {
+  DemoUserDetail: () => DemoUserDetail
+});
+module.exports = __toCommonJS(examples_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_query = require("@tanstack/react-query");
+var import_Button = require("../../ui/ui-mt/Button");
+var import_lib = require("./lib");
+const fetchWrapWithBizResponse = (userId, ramdomError) => __async(void 0, null, function* () {
+  try {
+    const data = yield (0, import_lib.fakeFetchUser)(userId, ramdomError);
+    return {
+      code: "",
+      data
+    };
+  } catch (e) {
+    return {
+      code: "some_error_code",
+      data: null
+    };
+  }
+});
+function DemoUserDetail(props) {
+  var _a, _b, _c, _d, _e, _f;
+  const { userId, randomError } = props;
+  const query = (0, import_react_query.useSuspenseQuery)({
+    queryKey: ["userId", userId],
+    queryFn: () => __async(this, null, function* () {
+      return fetchWrapWithBizResponse(userId, randomError);
+    })
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-spacing-1 border p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-end", children: [
+      randomError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "border", children: "with ramdom error" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.MtButton, { onClick: () => {
+        query.refetch();
+      }, children: "refetch" })
+    ] }),
+    query.data && ((_a = query.data) == null ? void 0 : _a.code) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto", children: [
+      "ERROR: ",
+      (_b = query.data) == null ? void 0 : _b.code,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.MtButton, { onClick: () => {
+        query.refetch();
+      }, children: "Retry" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("pre", { children: [
+      (_d = (_c = query.data) == null ? void 0 : _c.data) == null ? void 0 : _d.id,
+      ",",
+      JSON.stringify((_f = (_e = query.data) == null ? void 0 : _e.data) == null ? void 0 : _f.id, null, 2)
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DemoUserDetail
+});

package/dist/demos/suspense-ssr/examplesPostDetail.cjs

@@ -0,0 +1,50 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var examplesPostDetail_exports = {};
+__export(examplesPostDetail_exports, {
+  ExamplePostDetail: () => ExamplePostDetail
+});
+module.exports = __toCommonJS(examplesPostDetail_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_query = require("@tanstack/react-query");
+var import_lib = require("./lib");
+const ExamplePostDetail = (props) => {
+  const { postId } = props;
+  const post = (0, import_react_query.useSuspenseQuery)({
+    queryKey: ["examples", "post", postId],
+    queryFn: () => {
+      return (0, import_lib.fetchPost)(postId);
+    }
+  });
+  if (!post.data) {
+    return null;
+  }
+  if (post.error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "post  error" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "prose dark:prose-invert m-4 border p-2 shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: post.data.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { children: post.data.body })
+  ] }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExamplePostDetail
+});

package/dist/demos/suspense-ssr/examplesPosts.cjs

@@ -0,0 +1,59 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var examplesPosts_exports = {};
+__export(examplesPosts_exports, {
+  ExamplePosts: () => ExamplePosts
+});
+module.exports = __toCommonJS(examplesPosts_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_query = require("@tanstack/react-query");
+var import_link = __toESM(require("next/link"), 1);
+var import_lib = require("./lib");
+var import_mtlink = require("../../common/mtlink");
+const ExamplePosts = () => {
+  var _a;
+  const postList = (0, import_react_query.useSuspenseQuery)({
+    queryKey: ["examples", "posts"],
+    queryFn: () => {
+      return (0, import_lib.fetchPosts)();
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: " examples posts " }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { variant: "ghost", href: "/demo/hydrate-demo", children: "to post list" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: (_a = postList == null ? void 0 : postList.data) == null ? void 0 : _a.map((post) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: `/demo/hydrate-demo/${post.id}`, children: post.title }) }, post.id);
+    }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExamplePosts
+});

package/dist/demos/suspense-ssr/lib.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var lib_exports = {};
+__export(lib_exports, {
+  fakeFetchUser: () => fakeFetchUser,
+  fetchPost: () => fetchPost,
+  fetchPosts: () => fetchPosts
+});
+module.exports = __toCommonJS(lib_exports);
+const fakeFetchUser = (userId, noError = false) => {
+  const ramdonNum = Math.random();
+  if (!noError && ramdonNum > 0.5) {
+    throw new Error("\u968F\u673A\u51FA\u9519\u3002\u3002\u3002" + ramdonNum);
+  } else {
+    console.log("ramdonNum", ramdonNum);
+    return fetch(`https://jsonplaceholder.typicode.com/users/${userId}?_delay=2000`, {
+      // next: {
+      //   revalidate: 0
+      // }
+    }).then((x) => x.json());
+  }
+};
+const fetchPosts = () => {
+  return fetch(`https://jsonplaceholder.typicode.com/posts`, {
+    // next: {
+    //   revalidate: 0
+    // },
+  }).then((x) => x.json());
+};
+const fetchPost = (postId) => {
+  return fetch(`https://jsonplaceholder.typicode.com/posts/${postId}`, {
+    // next: {
+    //   revalidate: 0
+    // }
+  }).then((x) => x.json());
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fakeFetchUser,
+  fetchPost,
+  fetchPosts
+});

package/dist/esm/demos/bigcode/BigCode.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function BigCode({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/demos/bigcode/BigCode.js

@@ -0,0 +1 @@
+"use client";import{jsx as d,jsxs as i}from"react/jsx-runtime";import{MtVideoPlayer as o}from"../../video-player/mt-video-player";console.log("<BigCode/> loaded");function c({children:e}){return i("div",{className:"bg-red-600 p-2",children:[e,d(o,{videoSrc:"4444222"})]})}export{c as BigCode};

package/dist/esm/demos/suspense-ssr/ExampleLazyComponent.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ExampleLazyComponent: () => import("react").JSX.Element;

package/dist/esm/demos/suspense-ssr/ExampleLazyComponent.js

@@ -0,0 +1 @@
+"use client";import{jsx as o,jsxs as i}from"react/jsx-runtime";import n from"next/dynamic";const t=n(()=>import("../bigcode/BigCode").then(e=>e.BigCode),{}),p=()=>i("div",{className:"bg-slate-300 p-2",children:[o("h1",{children:"ComponentB(lazy)"}),o(t,{})]});export{p as ExampleLazyComponent};

package/dist/esm/demos/suspense-ssr/ExampleOg.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function ExampleOg({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/demos/suspense-ssr/ExampleOg.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Card as i,CardContent as h,CardTitle as r}from"../../ui/card";import{MtImage as t}from"../../common/MtImage";function l({children:o}){return a(i,{children:[e(r,{children:"\u56FE\u7247\u76F8\u5173"}),a(h,{children:[e("h2",{children:"og"}),e(t,{src:"/api.v1/og",alt:"og-example",width:100,height:100}),e("h2",{children:"\u9ED8\u8BA4\u4E0D\u5B58\u5728\u56FE\u7247"}),e(t,{src:"/any-image-not-exists.jpg",alt:"og-example",width:100,height:100}),e("h2",{children:"\u5916\u7AD9\u56FE\u7247"}),e(t,{src:"https://th.bing.com/th/id/R.0f70474ecd1ee9757981b82381476ec3?rik=FOxDfiUEZWxcfA&pid=ImgRaw&r=0",alt:"og-example",width:100,height:100})]})]})}export{l as ExampleOg};

package/dist/esm/demos/suspense-ssr/ExamplePage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ExamplePage: () => import("react").JSX.Element;