next-language-selector 0.1.5 → 0.1.7

package/dist/index.cjs

@@ -0,0 +1,114 @@
+"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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  LanguageSelector: () => LanguageSelector,
+  setLocaleCookie: () => setLocaleCookie
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/selector.tsx
+var import_react = require("react");
+
+// src/utils.ts
+var setLocaleCookie = (locale, cookieName = "NEXT_LOCALE") => {
+  if (typeof document === "undefined") return;
+  document.cookie = `${cookieName}=${locale}; max-age=31536000; path=/`;
+  window.location.reload();
+};
+
+// src/selector.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function LanguageSelector(props) {
+  const {
+    locales,
+    defaultLocale,
+    cookieName = "NEXT_LOCALE",
+    isDropdown = true,
+    renderCustom,
+    className,
+    activeColor = "red"
+  } = props;
+  const [current, setCurrent] = (0, import_react.useState)(defaultLocale);
+  (0, import_react.useEffect)(() => {
+    const saved = document.cookie.split("; ").find((row) => row.startsWith(`${cookieName}=`))?.split("=")[1];
+    if (saved) setCurrent(saved);
+  }, [cookieName]);
+  const handleSelect = (code) => {
+    setCurrent(code);
+    setLocaleCookie(code, cookieName);
+  };
+  if (renderCustom) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderCustom({
+      locales,
+      currentLocale: current,
+      onChange: handleSelect
+    }) });
+  }
+  if (!isDropdown) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: { display: "flex", gap: "8px", alignItems: "center" },
+        className,
+        children: locales.map((l) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            onClick: () => handleSelect(l.code),
+            style: {
+              cursor: "pointer",
+              background: "none",
+              border: "none",
+              borderBottom: current === l.code ? `1px solid ${activeColor}` : "1px solid transparent",
+              color: current === l.code ? "inherit" : "gray",
+              fontSize: "12px",
+              padding: "2px 4px"
+            },
+            children: [
+              l.flag,
+              " ",
+              l.name
+            ]
+          },
+          l.code
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "select",
+    {
+      value: current,
+      onChange: (e) => handleSelect(e.target.value),
+      className,
+      children: locales.map((l) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("option", { value: l.code, children: [
+        l.flag,
+        " ",
+        l.name
+      ] }, l.code))
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LanguageSelector,
+  setLocaleCookie
+});

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React$1, { ReactNode, ComponentProps } from 'react';
+import React, { ReactNode } from 'react';
 
 interface LocaleConfig {
     name: string;
@@ -19,10 +19,8 @@ interface LanguageSelectorProps {
     }) => ReactNode;
 }
 
-declare function LanguageSelector$1(props: LanguageSelectorProps): React$1.JSX.Element;
+declare function LanguageSelector(props: LanguageSelectorProps): React.JSX.Element;
 
 declare const setLocaleCookie: (locale: string, cookieName?: string) => void;
 
-declare const LanguageSelector: (props: ComponentProps<typeof LanguageSelector$1>) => React.JSX.Element;
-
 export { LanguageSelector, type LanguageSelectorProps, type LocaleConfig, setLocaleCookie };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React$1, { ReactNode, ComponentProps } from 'react';
+import React, { ReactNode } from 'react';
 
 interface LocaleConfig {
     name: string;
@@ -19,10 +19,8 @@ interface LanguageSelectorProps {
     }) => ReactNode;
 }
 
-declare function LanguageSelector$1(props: LanguageSelectorProps): React$1.JSX.Element;
+declare function LanguageSelector(props: LanguageSelectorProps): React.JSX.Element;
 
 declare const setLocaleCookie: (locale: string, cookieName?: string) => void;
 
-declare const LanguageSelector: (props: ComponentProps<typeof LanguageSelector$1>) => React.JSX.Element;
-
 export { LanguageSelector, type LanguageSelectorProps, type LocaleConfig, setLocaleCookie };

package/dist/index.mjs

@@ -1,9 +1,86 @@
+// src/selector.tsx
+import { useEffect, useState } from "react";
+
 // src/utils.ts
 var setLocaleCookie = (locale, cookieName = "NEXT_LOCALE") => {
   if (typeof document === "undefined") return;
   document.cookie = `${cookieName}=${locale}; max-age=31536000; path=/`;
   window.location.reload();
 };
+
+// src/selector.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LanguageSelector(props) {
+  const {
+    locales,
+    defaultLocale,
+    cookieName = "NEXT_LOCALE",
+    isDropdown = true,
+    renderCustom,
+    className,
+    activeColor = "red"
+  } = props;
+  const [current, setCurrent] = useState(defaultLocale);
+  useEffect(() => {
+    const saved = document.cookie.split("; ").find((row) => row.startsWith(`${cookieName}=`))?.split("=")[1];
+    if (saved) setCurrent(saved);
+  }, [cookieName]);
+  const handleSelect = (code) => {
+    setCurrent(code);
+    setLocaleCookie(code, cookieName);
+  };
+  if (renderCustom) {
+    return /* @__PURE__ */ jsx(Fragment, { children: renderCustom({
+      locales,
+      currentLocale: current,
+      onChange: handleSelect
+    }) });
+  }
+  if (!isDropdown) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { display: "flex", gap: "8px", alignItems: "center" },
+        className,
+        children: locales.map((l) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => handleSelect(l.code),
+            style: {
+              cursor: "pointer",
+              background: "none",
+              border: "none",
+              borderBottom: current === l.code ? `1px solid ${activeColor}` : "1px solid transparent",
+              color: current === l.code ? "inherit" : "gray",
+              fontSize: "12px",
+              padding: "2px 4px"
+            },
+            children: [
+              l.flag,
+              " ",
+              l.name
+            ]
+          },
+          l.code
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "select",
+    {
+      value: current,
+      onChange: (e) => handleSelect(e.target.value),
+      className,
+      children: locales.map((l) => /* @__PURE__ */ jsxs("option", { value: l.code, children: [
+        l.flag,
+        " ",
+        l.name
+      ] }, l.code))
+    }
+  );
+}
 export {
+  LanguageSelector,
   setLocaleCookie
 };

package/package.json

@@ -1,16 +1,14 @@
 {
   "name": "next-language-selector",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Configurable language selector for Next.js",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.mjs"
+      "require": "./dist/index.cjs"
     }
   },
   "scripts": {

package/dist/index.js

@@ -1,36 +0,0 @@
-"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/index.ts
-var index_exports = {};
-__export(index_exports, {
-  setLocaleCookie: () => setLocaleCookie
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/utils.ts
-var setLocaleCookie = (locale, cookieName = "NEXT_LOCALE") => {
-  if (typeof document === "undefined") return;
-  document.cookie = `${cookieName}=${locale}; max-age=31536000; path=/`;
-  window.location.reload();
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  setLocaleCookie
-});