dn-react-router-toolkit 0.3.3 → 0.3.4

package/dist/client/env.d.mts

@@ -0,0 +1,3 @@
+declare function env(key: string): string;
+
+export { env };

package/dist/client/env.d.ts

@@ -0,0 +1,3 @@
+declare function env(key: string): string;
+
+export { env };

package/dist/client/env.js

@@ -0,0 +1,35 @@
+"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);
+
+// src/client/env.ts
+var env_exports = {};
+__export(env_exports, {
+  env: () => env
+});
+module.exports = __toCommonJS(env_exports);
+function env(key) {
+  if (typeof window === "undefined") {
+    return process.env[key] || "";
+  }
+  return window.ENV?.[key] || "";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  env
+});

package/dist/client/env.mjs

@@ -0,0 +1,10 @@
+// src/client/env.ts
+function env(key) {
+  if (typeof window === "undefined") {
+    return process.env[key] || "";
+  }
+  return window.ENV?.[key] || "";
+}
+export {
+  env
+};

package/dist/client/env_loader.d.mts

@@ -0,0 +1,7 @@
+import React from 'react';
+
+declare function EnvLoader({ dataKey }: {
+    dataKey?: string;
+}): React.JSX.Element | undefined;
+
+export { EnvLoader };

package/dist/client/env_loader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+
+declare function EnvLoader({ dataKey }: {
+    dataKey?: string;
+}): React.JSX.Element | undefined;
+
+export { EnvLoader };

package/dist/client/{client_env.js → env_loader.js}

@@ -27,28 +27,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/client/client_env.tsx
-var client_env_exports = {};
-__export(client_env_exports, {
-  ClientEnv: () => ClientEnv
+// src/client/env_loader.tsx
+var env_loader_exports = {};
+__export(env_loader_exports, {
+  EnvLoader: () => EnvLoader
 });
-module.exports = __toCommonJS(client_env_exports);
+module.exports = __toCommonJS(env_loader_exports);
 var import_react = __toESM(require("react"));
 var import_react_router = require("react-router");
-function ClientEnv({ dataKey = "ENV" }) {
+function EnvLoader({ dataKey = "ENV" }) {
   const data = (0, import_react_router.useRouteLoaderData)("root");
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data && /* @__PURE__ */ import_react.default.createElement(
+  if (!data) {
+    return;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
-        __html: `window.process = ${JSON.stringify({
-          env: data?.[dataKey]
-        })}`
+        __html: `window.ENV = ${JSON.stringify(data[dataKey])};`
       }
     }
-  ));
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ClientEnv
+  EnvLoader
 });

package/dist/client/env_loader.mjs

@@ -0,0 +1,20 @@
+// src/client/env_loader.tsx
+import React from "react";
+import { useRouteLoaderData } from "react-router";
+function EnvLoader({ dataKey = "ENV" }) {
+  const data = useRouteLoaderData("root");
+  if (!data) {
+    return;
+  }
+  return /* @__PURE__ */ React.createElement(
+    "script",
+    {
+      dangerouslySetInnerHTML: {
+        __html: `window.ENV = ${JSON.stringify(data[dataKey])};`
+      }
+    }
+  );
+}
+export {
+  EnvLoader
+};

package/dist/client/index.d.mts

@@ -1,3 +1,4 @@
-export { ClientEnv } from './client_env.mjs';
+export { env } from './env.mjs';
+export { EnvLoader } from './env_loader.mjs';
 export { useUserAgent } from './use_user_agent.mjs';
 import 'react';

package/dist/client/index.d.ts

@@ -1,3 +1,4 @@
-export { ClientEnv } from './client_env.js';
+export { env } from './env.js';
+export { EnvLoader } from './env_loader.js';
 export { useUserAgent } from './use_user_agent.js';
 import 'react';

package/dist/client/index.js

@@ -30,26 +30,36 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/client/index.ts
 var client_exports = {};
 __export(client_exports, {
-  ClientEnv: () => ClientEnv,
+  EnvLoader: () => EnvLoader,
+  env: () => env,
   useUserAgent: () => useUserAgent
 });
 module.exports = __toCommonJS(client_exports);
 
-// src/client/client_env.tsx
+// src/client/env.ts
+function env(key) {
+  if (typeof window === "undefined") {
+    return process.env[key] || "";
+  }
+  return window.ENV?.[key] || "";
+}
+
+// src/client/env_loader.tsx
 var import_react = __toESM(require("react"));
 var import_react_router = require("react-router");
-function ClientEnv({ dataKey = "ENV" }) {
+function EnvLoader({ dataKey = "ENV" }) {
   const data = (0, import_react_router.useRouteLoaderData)("root");
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data && /* @__PURE__ */ import_react.default.createElement(
+  if (!data) {
+    return;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
-        __html: `window.process = ${JSON.stringify({
-          env: data?.[dataKey]
-        })}`
+        __html: `window.ENV = ${JSON.stringify(data[dataKey])};`
       }
     }
-  ));
+  );
 }
 
 // src/client/use_user_agent.tsx
@@ -64,6 +74,7 @@ function useUserAgent() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ClientEnv,
+  EnvLoader,
+  env,
   useUserAgent
 });

package/dist/client/index.mjs

@@ -1,18 +1,27 @@
-// src/client/client_env.tsx
+// src/client/env.ts
+function env(key) {
+  if (typeof window === "undefined") {
+    return process.env[key] || "";
+  }
+  return window.ENV?.[key] || "";
+}
+
+// src/client/env_loader.tsx
 import React from "react";
 import { useRouteLoaderData } from "react-router";
-function ClientEnv({ dataKey = "ENV" }) {
+function EnvLoader({ dataKey = "ENV" }) {
   const data = useRouteLoaderData("root");
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, data && /* @__PURE__ */ React.createElement(
+  if (!data) {
+    return;
+  }
+  return /* @__PURE__ */ React.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
-        __html: `window.process = ${JSON.stringify({
-          env: data?.[dataKey]
-        })}`
+        __html: `window.ENV = ${JSON.stringify(data[dataKey])};`
       }
     }
-  ));
+  );
 }
 
 // src/client/use_user_agent.tsx
@@ -26,6 +35,7 @@ function useUserAgent() {
   return { userAgent, isMobile, isTablet, isDesktop };
 }
 export {
-  ClientEnv,
+  EnvLoader,
+  env,
   useUserAgent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-router-toolkit",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",

package/dist/client/client_env.d.mts

@@ -1,7 +0,0 @@
-import React from 'react';
-
-declare function ClientEnv({ dataKey }: {
-    dataKey?: string;
-}): React.JSX.Element;
-
-export { ClientEnv };

package/dist/client/client_env.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-
-declare function ClientEnv({ dataKey }: {
-    dataKey?: string;
-}): React.JSX.Element;
-
-export { ClientEnv };

package/dist/client/client_env.mjs

@@ -1,19 +0,0 @@
-// src/client/client_env.tsx
-import React from "react";
-import { useRouteLoaderData } from "react-router";
-function ClientEnv({ dataKey = "ENV" }) {
-  const data = useRouteLoaderData("root");
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, data && /* @__PURE__ */ React.createElement(
-    "script",
-    {
-      dangerouslySetInnerHTML: {
-        __html: `window.process = ${JSON.stringify({
-          env: data?.[dataKey]
-        })}`
-      }
-    }
-  ));
-}
-export {
-  ClientEnv
-};