npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@albertdz/sml

v1.2.2

Published

Effortlessly and swiftly transform web applications into a multilingual system with ease. Our solution simplifies the process, allowing for quick adaptation to diverse language preferences, ensuring broader accessibility and user engagement.

Downloads

8

Readme

Simple multi language

Configuración y Uso de @albertdz/sml

Instalación

npm i @albertdz/sml

Configuración de Variables de Entorno

Antes de utilizar la librería, es necesario configurar algunas variables de entorno que serán utilizadas para su funcionamiento. A continuación se detallan las variables que necesitas configurar:

  • TYPE_FILE: Este valor indica la extensión de donde se obtendrán los valores. Acepta los valores csv, json y txt. Se recomienda utilizar txt en producción (archivo encriptado con los valores de la traducción).

  • PATH_FILE: Indica la ruta donde se encuentra el archivo csv o json.

  • CRYPT_KEY: Llave para encriptar y desencriptar los datos del archivo txt.

.env

TYPE_FILE="txt"
PATH_FILE="C:/Users/Username/Desktop/Projects/My_app"
CRYPT_KEY="1234567890123456"

Además, es importante destacar que el archivo debe llamarse lang.csv o lang.json y seguir la siguiente estructura:

Estructura del Archivo

lang.csv

property;es;en;... 
test;Prueba;Test;...

lang.json

{
  "es": {
    "test": "Prueba"
  },
  "en": {
    "test": "Test"
  }
}

Uso

Una vez que tienes configuradas las variables de entorno y preparado el archivo de traducción, puedes comenzar a utilizar la librería. Aquí te mostramos cómo hacerlo:

const { text, createCryptFromCsv, createCryptFromJson } = require("@albertdz/sml");

const value = text('test', 'en');
createCryptFromCsv(); // Crea el lang.txt a partir de un csv
createCryptFromJson(); // Crea el lang.txt a partir de un json

Recuerda que el archivo lang.txt se crea de forma interna, por lo que se recomienda trabajar con él en producción. En el caso de desarrollo, puedes utilizar el archivo lang.csv o lang.json.

Soporte TS

/
└── @types/
    └──albertdz__sml/
        └── index.d.ts
declare module '@albertdz/sml' {
  export function text(property: string, lang: string): string;
  export function createCryptFromCsv(): void;
  export function createCryptFromJson(): void;
}