next-language-selector 0.2.3 → 0.2.5

package/README.md

@@ -1,5 +1,10 @@
 # next-language-selector
 
+![npm version](https://img.shields.io/npm/v/next-language-selector?color=3178C6&style=flat-square)
+![bundle size](https://img.shields.io/bundlephobia/minzip/next-language-selector?color=black&style=flat-square)
+![security score](https://socket.dev/api/badge/npm/package/next-language-selector?style=flat-square)
+![license](https://img.shields.io/npm/l/next-language-selector?color=gray&style=flat-square)
+
 A lightweight, configurable language selector for Next.js (App Router & Pages Router).  
 Efficiently manages the `NEXT_LOCALE` cookie and works seamlessly with `next-intl` or any other i18n solution.
 

package/dist/index.cjs

@@ -1,120 +1 @@
-"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: () => LanguageSelector2,
-  setLocaleCookie: () => setLocaleCookie
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/selector.tsx
-var import_react = require("react");
-
-// src/utils.ts
-var setLocaleCookie = (locale, cookieName = "NEXT_LOCALE", autoReload = true) => {
-  if (typeof document === "undefined") return;
-  document.cookie = `${cookieName}=${locale}; max-age=31536000; path=/`;
-  if (autoReload) {
-    window.location.reload();
-  }
-};
-
-// src/selector.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function LanguageSelector(props) {
-  const {
-    locales,
-    defaultLocale,
-    cookieName = "NEXT_LOCALE",
-    isDropdown = false,
-    autoReload = 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, autoReload);
-  };
-  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))
-    }
-  );
-}
-
-// src/index.ts
-var LanguageSelector2 = LanguageSelector;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LanguageSelector,
-  setLocaleCookie
-});
+"use strict";var u=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var v=(t,o)=>{for(var a in o)u(t,a,{get:o[a],enumerable:!0})},E=(t,o,a,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of k(o))!y.call(t,n)&&n!==a&&u(t,n,{get:()=>o[n],enumerable:!(c=x(o,n))||c.enumerable});return t};var b=t=>E(u({},"__esModule",{value:!0}),t);var N={};v(N,{LanguageSelector:()=>h,setLocaleCookie:()=>i});module.exports=b(N);var p=require("react");var i=(t,o="NEXT_LOCALE",a=!0)=>{typeof document>"u"||(document.cookie=`${o}=${t}; max-age=31536000; path=/`,a&&window.location.reload())};var r=require("react/jsx-runtime");function f(t){let{locales:o,defaultLocale:a,cookieName:c="NEXT_LOCALE",isDropdown:n=!1,autoReload:L=!0,renderCustom:g,className:m,activeColor:C="red"}=t,[s,d]=(0,p.useState)(a);(0,p.useEffect)(()=>{let e=document.cookie.split("; ").find(S=>S.startsWith(`${c}=`))?.split("=")[1];e&&d(e)},[c]);let l=e=>{d(e),i(e,c,L)};return g?(0,r.jsx)(r.Fragment,{children:g({locales:o,currentLocale:s,onChange:l})}):n?(0,r.jsx)("select",{value:s,onChange:e=>l(e.target.value),className:m,children:o.map(e=>(0,r.jsxs)("option",{value:e.code,children:[e.flag," ",e.name]},e.code))}):(0,r.jsx)("div",{style:{display:"flex",gap:"8px",alignItems:"center"},className:m,children:o.map(e=>(0,r.jsxs)("button",{onClick:()=>l(e.code),style:{cursor:"pointer",background:"none",border:"none",borderBottom:s===e.code?`1px solid ${C}`:"1px solid transparent",color:s===e.code?"inherit":"gray",fontSize:"12px",padding:"2px 4px"},children:[e.flag," ",e.name]},e.code))})}var h=f;0&&(module.exports={LanguageSelector,setLocaleCookie});

package/dist/index.mjs

@@ -1,92 +1 @@
-// src/selector.tsx
-import { useEffect, useState } from "react";
-
-// src/utils.ts
-var setLocaleCookie = (locale, cookieName = "NEXT_LOCALE", autoReload = true) => {
-  if (typeof document === "undefined") return;
-  document.cookie = `${cookieName}=${locale}; max-age=31536000; path=/`;
-  if (autoReload) {
-    window.location.reload();
-  }
-};
-
-// src/selector.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function LanguageSelector(props) {
-  const {
-    locales,
-    defaultLocale,
-    cookieName = "NEXT_LOCALE",
-    isDropdown = false,
-    autoReload = 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, autoReload);
-  };
-  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))
-    }
-  );
-}
-
-// src/index.ts
-var LanguageSelector2 = LanguageSelector;
-export {
-  LanguageSelector2 as LanguageSelector,
-  setLocaleCookie
-};
+import{useEffect as S,useState as x}from"react";var s=(r,o="NEXT_LOCALE",a=!0)=>{typeof document>"u"||(document.cookie=`${o}=${r}; max-age=31536000; path=/`,a&&window.location.reload())};import{Fragment as k,jsx as i,jsxs as g}from"react/jsx-runtime";function m(r){let{locales:o,defaultLocale:a,cookieName:n="NEXT_LOCALE",isDropdown:d=!1,autoReload:f=!0,renderCustom:p,className:l,activeColor:L="red"}=r,[t,u]=x(a);S(()=>{let e=document.cookie.split("; ").find(C=>C.startsWith(`${n}=`))?.split("=")[1];e&&u(e)},[n]);let c=e=>{u(e),s(e,n,f)};return p?i(k,{children:p({locales:o,currentLocale:t,onChange:c})}):d?i("select",{value:t,onChange:e=>c(e.target.value),className:l,children:o.map(e=>g("option",{value:e.code,children:[e.flag," ",e.name]},e.code))}):i("div",{style:{display:"flex",gap:"8px",alignItems:"center"},className:l,children:o.map(e=>g("button",{onClick:()=>c(e.code),style:{cursor:"pointer",background:"none",border:"none",borderBottom:t===e.code?`1px solid ${L}`:"1px solid transparent",color:t===e.code?"inherit":"gray",fontSize:"12px",padding:"2px 4px"},children:[e.flag," ",e.name]},e.code))})}var X=m;export{X as LanguageSelector,s as setLocaleCookie};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-language-selector",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Configurable language selector for Next.js",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -10,11 +10,17 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
+    },
+    "./selector": {
+      "types": "./dist/selector.d.ts",
+      "import": "./dist/selector.mjs",
+      "require": "./dist/selector.cjs"
     }
   },
   "scripts": {
     "build": "tsup",
-    "dev": "tsup --watch"
+    "dev": "tsup --watch",
+    "lint": "tsc --noEmit"
   },
   "files": [
     "dist"