@babelize/elements 1.0.8 → 1.1.0

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="./public/elements_logo.svg" width="341" height="64" alt="Babelize Elements logo" />
+  <img src="https://raw.githubusercontent.com/babelize/babelize-elements/main/public/elements_logo.svg" width="341" height="64" alt="Babelize Elements logo" />
 </p>
 
 <h1 align="center">Babelize Elements</h1>
@@ -19,40 +19,135 @@
 </p>
 
 <p align="center">
-  <a href="https://github.com/babelize/babelize-elements/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License: MIT" /></a>
-  <a href="https://github.com/babelize/babelize-elements/blob/main/CHANGELOG.md"><img src="https://img.shields.io/badge/changelog-Keep%20a%20Changelog-blueviolet.svg" alt="Changelog" /></a>
+  <a href="https://www.npmjs.com/package/@babelize/elements"><img src="https://img.shields.io/npm/v/@babelize/elements.svg" alt="npm version" /></a>
+  <a href="https://www.npmjs.com/package/@babelize/elements"><img src="https://img.shields.io/npm/dm/@babelize/elements.svg" alt="npm downloads" /></a>
+  <a href="https://github.com/babelize/babelize-elements/actions/workflows/ci.yml"><img src="https://github.com/babelize/babelize-elements/actions/workflows/ci.yml/badge.svg" alt="CI" /></a>
+  <a href="https://github.com/babelize/babelize-elements/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@babelize/elements.svg" alt="License: MIT" /></a>
   <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome" />
-  <a href="https://github.com/babelize/babelize-elements/discussions"><img src="https://img.shields.io/badge/discussions-Join%20us-blue.svg" alt="Discussions" /></a>
 </p>
 
 ## What is Babelize Elements?
 
 **Babelize Elements** is a community-built library of **Localization UI components** for React and Tailwind CSS. Every localized app needs a language switcher, a locale picker, RTL-aware layouts, and pluralization UI — Elements turns that repetitive work into a shared, open-source toolbox.
 
-- **Easy to install** — `npm install @babelize/elements` and start using components immediately.
+- **Easy to install** — `npm install @babelize/elements` for the full library, or add components one at a time with `npx shadcn@latest add @elements/<component>`.
+- **No framework lock-in** — plain React and Tailwind. No Next.js, no router, no theme provider required.
 - **Localization-first** — pluralization, RTL, and locale data built into every component.
 - **Accessible** — keyboard support, ARIA labels, and WCAG-aware markup.
 - **Open source** — MIT-licensed, free forever, built by contributors like you.
 
 ## Installation
 
+### Full library
+
 ```bash
 npm install @babelize/elements
 ```
 
-## Documentation
+### Individual components
+
+Install a component with the shadcn CLI (register the registry once):
+
+```bash
+npx shadcn@latest registry add @elements=https://elements.babelize.co/r/{name}.json
+npx shadcn@latest add @elements/language-switcher
+```
+
+Or with the CLI bundled in `@babelize/elements`:
+
+```bash
+npx @babelize/elements add language-switcher
+```
+
+## Usage
+
+Every component works uncontrolled (pass `defaultValue`) or controlled (pass `value`
+and `onValueChange`).
+
+```tsx
+import { LanguageSwitcher, PhoneInput, NavBar } from "@babelize/elements";
+```
+
+### LanguageSwitcher
 
-Visit [elements.babelize.co](https://elements.babelize.co) for full documentation, guides, and component demos.
+```tsx
+<LanguageSwitcher
+  locales={[{ code: "en" }, { code: "fr" }, { code: "ar" }]}
+  defaultValue="en"
+  showFlags
+  onValueChange={(code) => router.push(`/${code}`)}
+/>
+```
+
+| Prop            | Type                     | Default      | Description                                                                           |
+| --------------- | ------------------------ | ------------ | ------------------------------------------------------------------------------------- |
+| `locales`       | `Locale[]`               | —            | Available locales. Only `code` is required; labels, flags, and RTL are auto-detected. |
+| `value`         | `string`                 | —            | Selected locale code. Pass this to control the component.                             |
+| `defaultValue`  | `string`                 | first locale | Initial locale code when uncontrolled.                                                |
+| `onValueChange` | `(code: string) => void` | —            | Fired once per selection.                                                             |
+| `showFlags`     | `boolean`                | `false`      | Show flag emojis beside locale names.                                                 |
+| `label`         | `"native" \| "english"`  | `"english"`  | Render locale names natively or in English.                                           |
+
+### PhoneInput
+
+```tsx
+<PhoneInput
+  defaultCountry="IN"
+  name="phone"
+  onValueChange={(phone, country) => console.log(country.dialCode + phone)}
+/>
+```
+
+| Prop             | Type                                        | Default | Description                                       |
+| ---------------- | ------------------------------------------- | ------- | ------------------------------------------------- |
+| `value`          | `string`                                    | —       | Phone number. Pass this to control the component. |
+| `defaultValue`   | `string`                                    | `""`    | Initial number when uncontrolled.                 |
+| `onValueChange`  | `(phone: string, country: Country) => void` | —       | Fired on typing and on country change.            |
+| `defaultCountry` | `string`                                    | `"US"`  | ISO 3166-1 alpha-2 code of the initial country.   |
+| `showFlags`      | `boolean`                                   | `true`  | Show the flag emoji beside the dial code.         |
+
+The ref points at the underlying `<input>`, and `name`, `required`, and other input
+attributes pass straight through — so it works in a plain HTML form.
+
+### NavBar
+
+`NavBar` renders plain `<a>` elements by default. Pass `linkComponent` to get
+client-side navigation from your router:
+
+```tsx
+import Link from "next/link";
+
+<NavBar
+  logo={<Logo />}
+  links={[{ label: "Docs", href: "/docs" }]}
+  locales={[{ code: "en" }, { code: "fr" }]}
+  value={locale}
+  onValueChange={setLocale}
+  linkComponent={Link}
+  cta={{ label: "Get started", href: "/docs" }}
+/>;
+```
+
+Full props for every component are documented at
+[elements.babelize.co](https://elements.babelize.co).
 
-## Docs & Website
+## Documentation
 
-The landing page and component documentation live at [elements.babelize.co](https://elements.babelize.co), built with Next.js and [Fumadocs](https://fumadocs.dev).
+Full documentation, guides, and live component demos live at
+[elements.babelize.co](https://elements.babelize.co), built with Next.js and
+[Fumadocs](https://fumadocs.dev) from this same repo.
 
-### Local Development
+## Local development
 
 ```bash
 bun install
-bun run dev
+bun run dev          # docs site at http://localhost:3000
+
+bun run test         # component tests
+bun run typecheck
+bun run lint
+bun run build:lib    # build the publishable library into dist/
+bun run test:pack    # install the packed tarball into a scratch project
 ```
 
 ## Contributing a component
@@ -80,6 +175,20 @@ Great component candidates:
 - [Security Policy](https://github.com/babelize/babelize-elements/blob/main/SECURITY.md)
 - [Contributing](https://github.com/babelize/babelize-elements/blob/main/CONTRIBUTING.md)
 
+## Contributors
+
+<p align="center">
+  Babelize Elements is built by an amazing community of designers,
+  developers, and translators. A huge thank-you to everyone who contributes
+  code, reviews, docs, or ideas.
+</p>
+
+<p align="center">
+  <a href="https://github.com/babelize/babelize-elements/graphs/contributors">
+    <img src="https://contrib.rocks/image?repo=babelize/babelize-elements" alt="All Babelize Elements contributors" />
+  </a>
+</p>
+
 ## License
 
 [MIT](https://github.com/babelize/babelize-elements/blob/main/LICENSE) © [Babelize](https://babelize.co)

package/bin.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import("./dist/cli/index.js");

package/dist/cli/index.js

@@ -0,0 +1,169 @@
+// src/cli/index.ts
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
+import { basename, dirname, join } from "path";
+import { spawnSync } from "child_process";
+var REGISTRY_URL = process.env.BABELIZE_REGISTRY ?? "https://elements.babelize.co/r";
+var BASE_URL = REGISTRY_URL.replace(/\/r\/?$/, "");
+var DEFAULT_ALIASES = {
+  components: "@/components",
+  ui: "@/components/ui",
+  lib: "@/lib",
+  utils: "@/lib/utils",
+  hooks: "@/hooks"
+};
+var GREEN = "\x1B[32m";
+var RED = "\x1B[31m";
+var CYAN = "\x1B[36m";
+var BOLD = "\x1B[1m";
+var RESET = "\x1B[0m";
+var projectRoot = process.cwd();
+function log(message = "") {
+  process.stdout.write(`${message}
+`);
+}
+function error(message) {
+  process.stderr.write(`${RED}${message}${RESET}
+`);
+}
+function readComponentsJson() {
+  try {
+    return JSON.parse(readFileSync(join(projectRoot, "components.json"), "utf8"));
+  } catch {
+    return {};
+  }
+}
+function resolveAliases() {
+  const user = readComponentsJson().aliases ?? {};
+  return { ...DEFAULT_ALIASES, ...user };
+}
+function aliasToDir(alias) {
+  return alias.replace(/^@\//, "");
+}
+async function fetchItem(name) {
+  const url = `${REGISTRY_URL}/${name}.json`;
+  const res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`Failed to fetch "${name}" from ${url} (HTTP ${res.status}).`);
+  }
+  return await res.json();
+}
+function detectPackageManager() {
+  if (existsSync(join(projectRoot, "bun.lock")) || existsSync(join(projectRoot, "bun.lockb"))) {
+    return "bun";
+  }
+  if (existsSync(join(projectRoot, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync(join(projectRoot, "yarn.lock"))) return "yarn";
+  return "npm";
+}
+function installDependencies(pm, deps) {
+  const args = pm === "npm" ? ["install", ...deps] : ["add", ...deps];
+  log(`
+${CYAN}Installing dependencies with ${pm}${RESET}`);
+  const result = spawnSync(pm, args, { cwd: projectRoot, stdio: "inherit" });
+  if (result.status !== 0) process.exit(result.status ?? 1);
+}
+function resolveDestination(file, aliases) {
+  const dir = file.type === "registry:lib" ? aliasToDir(aliases.lib) : aliasToDir(aliases.components);
+  const pathInDir = file.path.replace(/^(components|lib|ui|hooks)\//, "");
+  return join(projectRoot, dir, pathInDir);
+}
+function rewriteImports(content, aliases) {
+  return content.replaceAll("@/lib/use-controllable-state", `${aliases.lib}/use-controllable-state`).replaceAll("@/lib/utils", aliases.utils);
+}
+function writeItem(item, aliases, written) {
+  for (const file of item.files ?? []) {
+    if (!file.content) continue;
+    const dest = resolveDestination(file, aliases);
+    if (written.has(dest)) continue;
+    mkdirSync(dirname(dest), { recursive: true });
+    writeFileSync(dest, rewriteImports(file.content, aliases), "utf8");
+    written.add(dest);
+    log(`  ${GREEN}\u2713${RESET} ${basename(dest)}`);
+  }
+}
+async function addComponents(names, aliases) {
+  const visited = /* @__PURE__ */ new Set();
+  const written = /* @__PURE__ */ new Set();
+  const deps = /* @__PURE__ */ new Set();
+  async function addItem(name) {
+    if (visited.has(name)) return;
+    visited.add(name);
+    const item = await fetchItem(name);
+    log(`
+${BOLD}${item.title ?? item.name}${RESET}`);
+    if (item.description) log(`  ${item.description}`);
+    for (const dep of item.dependencies ?? []) deps.add(dep);
+    writeItem(item, aliases, written);
+    for (const dep of item.registryDependencies ?? []) {
+      await addItem(dep);
+    }
+  }
+  for (const name of names) {
+    await addItem(name);
+  }
+  if (deps.size > 0) {
+    installDependencies(detectPackageManager(), [...deps]);
+  }
+  log(`
+${GREEN}${BOLD}Done.${RESET} Components written to ${aliases.components}.`);
+}
+async function listComponents() {
+  const res = await fetch(`${BASE_URL}/registry.json`);
+  if (!res.ok) {
+    throw new Error(`Failed to fetch registry index (HTTP ${res.status}).`);
+  }
+  const index = await res.json();
+  log(`${BOLD}${index.name}${RESET} registry
+`);
+  for (const item of index.items) {
+    const title = item.title ?? item.name;
+    log(`  ${CYAN}${item.name}${RESET} \u2014 ${item.description ?? title}`);
+  }
+  log(`
+Install a component:
+  npx shadcn@latest add @elements/<component>`);
+  log(`  npx @babelize/elements add <component>`);
+}
+function printUsage() {
+  log(`${BOLD}Babelize Elements CLI${RESET}`);
+  log(`
+Usage:
+  babelize add <component...>   Install components into your project`);
+  log(`  babelize list                  List available components
+`);
+  log(`Options:
+  --help                       Show this help
+`);
+  log(`Registry:
+  Set BABELIZE_REGISTRY to override the registry URL (default ${REGISTRY_URL}).`);
+}
+async function main() {
+  const args = process.argv.slice(2);
+  const command = args[0];
+  if (command === "--help" || command === "-h" || !command) {
+    printUsage();
+    return;
+  }
+  const aliases = resolveAliases();
+  try {
+    if (command === "add") {
+      const names = args.slice(1);
+      if (names.length === 0) {
+        error("No components specified. Usage: babelize add <component...>");
+        process.exit(1);
+      }
+      await addComponents(names, aliases);
+    } else if (command === "list") {
+      await listComponents();
+    } else {
+      error(`Unknown command: ${command}`);
+      printUsage();
+      process.exit(1);
+    }
+  } catch (err) {
+    error(err instanceof Error ? err.message : String(err));
+    process.exit(1);
+  }
+}
+main();
+//# sourceMappingURL=index.js.map

package/dist/cli/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/cli/index.ts"],"sourcesContent":["import { existsSync, mkdirSync, readFileSync, writeFileSync } from \"node:fs\";\nimport { basename, dirname, join } from \"node:path\";\nimport { spawnSync } from \"node:child_process\";\n\nconst REGISTRY_URL = process.env.BABELIZE_REGISTRY ?? \"https://elements.babelize.co/r\";\nconst BASE_URL = REGISTRY_URL.replace(/\\/r\\/?$/, \"\");\n\nconst DEFAULT_ALIASES = {\n  components: \"@/components\",\n  ui: \"@/components/ui\",\n  lib: \"@/lib\",\n  utils: \"@/lib/utils\",\n  hooks: \"@/hooks\",\n};\n\nconst GREEN = \"\\u001b[32m\";\nconst RED = \"\\u001b[31m\";\nconst CYAN = \"\\u001b[36m\";\nconst BOLD = \"\\u001b[1m\";\nconst RESET = \"\\u001b[0m\";\n\ninterface RegistryFile {\n  path: string;\n  type: string;\n  content?: string;\n}\n\ninterface RegistryItem {\n  $schema?: string;\n  name: string;\n  type: string;\n  title?: string;\n  description?: string;\n  dependencies?: string[];\n  registryDependencies?: string[];\n  files?: RegistryFile[];\n}\n\nconst projectRoot = process.cwd();\n\nfunction log(message = \"\"): void {\n  process.stdout.write(`${message}\\n`);\n}\n\nfunction error(message: string): void {\n  process.stderr.write(`${RED}${message}${RESET}\\n`);\n}\n\nfunction readComponentsJson(): { aliases?: Record<string, string> } {\n  try {\n    return JSON.parse(readFileSync(join(projectRoot, \"components.json\"), \"utf8\"));\n  } catch {\n    return {};\n  }\n}\n\nfunction resolveAliases(): Record<string, string> {\n  const user = readComponentsJson().aliases ?? {};\n  return { ...DEFAULT_ALIASES, ...user };\n}\n\nfunction aliasToDir(alias: string): string {\n  return alias.replace(/^@\\//, \"\");\n}\n\nasync function fetchItem(name: string): Promise<RegistryItem> {\n  const url = `${REGISTRY_URL}/${name}.json`;\n  const res = await fetch(url);\n  if (!res.ok) {\n    throw new Error(`Failed to fetch \"${name}\" from ${url} (HTTP ${res.status}).`);\n  }\n  return (await res.json()) as RegistryItem;\n}\n\nfunction detectPackageManager(): string {\n  if (existsSync(join(projectRoot, \"bun.lock\")) || existsSync(join(projectRoot, \"bun.lockb\"))) {\n    return \"bun\";\n  }\n  if (existsSync(join(projectRoot, \"pnpm-lock.yaml\"))) return \"pnpm\";\n  if (existsSync(join(projectRoot, \"yarn.lock\"))) return \"yarn\";\n  return \"npm\";\n}\n\nfunction installDependencies(pm: string, deps: string[]): void {\n  const args = pm === \"npm\" ? [\"install\", ...deps] : [\"add\", ...deps];\n  log(`\\n${CYAN}Installing dependencies with ${pm}${RESET}`);\n  const result = spawnSync(pm, args, { cwd: projectRoot, stdio: \"inherit\" });\n  if (result.status !== 0) process.exit(result.status ?? 1);\n}\n\nfunction resolveDestination(file: RegistryFile, aliases: Record<string, string>): string {\n  const dir =\n    file.type === \"registry:lib\" ? aliasToDir(aliases.lib) : aliasToDir(aliases.components);\n  const pathInDir = file.path.replace(/^(components|lib|ui|hooks)\\//, \"\");\n  return join(projectRoot, dir, pathInDir);\n}\n\nfunction rewriteImports(content: string, aliases: Record<string, string>): string {\n  // Longest specifier first: \"@/lib/utils\" is a prefix of nothing here, but the\n  // hook path must not be partially rewritten by a shorter rule later.\n  return content\n    .replaceAll(\"@/lib/use-controllable-state\", `${aliases.lib}/use-controllable-state`)\n    .replaceAll(\"@/lib/utils\", aliases.utils);\n}\n\nfunction writeItem(\n  item: RegistryItem,\n  aliases: Record<string, string>,\n  written: Set<string>,\n): void {\n  for (const file of item.files ?? []) {\n    if (!file.content) continue;\n    const dest = resolveDestination(file, aliases);\n    if (written.has(dest)) continue;\n    mkdirSync(dirname(dest), { recursive: true });\n    writeFileSync(dest, rewriteImports(file.content, aliases), \"utf8\");\n    written.add(dest);\n    log(`  ${GREEN}✓${RESET} ${basename(dest)}`);\n  }\n}\n\nasync function addComponents(names: string[], aliases: Record<string, string>): Promise<void> {\n  const visited = new Set<string>();\n  const written = new Set<string>();\n  const deps = new Set<string>();\n\n  async function addItem(name: string): Promise<void> {\n    if (visited.has(name)) return;\n    visited.add(name);\n\n    const item = await fetchItem(name);\n    log(`\\n${BOLD}${item.title ?? item.name}${RESET}`);\n    if (item.description) log(`  ${item.description}`);\n\n    for (const dep of item.dependencies ?? []) deps.add(dep);\n    writeItem(item, aliases, written);\n\n    for (const dep of item.registryDependencies ?? []) {\n      await addItem(dep);\n    }\n  }\n\n  for (const name of names) {\n    await addItem(name);\n  }\n\n  if (deps.size > 0) {\n    installDependencies(detectPackageManager(), [...deps]);\n  }\n\n  log(`\\n${GREEN}${BOLD}Done.${RESET} Components written to ${aliases.components}.`);\n}\n\nasync function listComponents(): Promise<void> {\n  const res = await fetch(`${BASE_URL}/registry.json`);\n  if (!res.ok) {\n    throw new Error(`Failed to fetch registry index (HTTP ${res.status}).`);\n  }\n  const index = (await res.json()) as { name: string; items: RegistryItem[] };\n  log(`${BOLD}${index.name}${RESET} registry\\n`);\n  for (const item of index.items) {\n    const title = item.title ?? item.name;\n    log(`  ${CYAN}${item.name}${RESET} — ${item.description ?? title}`);\n  }\n  log(`\\nInstall a component:\\n  npx shadcn@latest add @elements/<component>`);\n  log(`  npx @babelize/elements add <component>`);\n}\n\nfunction printUsage(): void {\n  log(`${BOLD}Babelize Elements CLI${RESET}`);\n  log(`\\nUsage:\\n  babelize add <component...>   Install components into your project`);\n  log(`  babelize list                  List available components\\n`);\n  log(`Options:\\n  --help                       Show this help\\n`);\n  log(`Registry:\\n  Set BABELIZE_REGISTRY to override the registry URL (default ${REGISTRY_URL}).`);\n}\n\nasync function main(): Promise<void> {\n  const args = process.argv.slice(2);\n  const command = args[0];\n\n  if (command === \"--help\" || command === \"-h\" || !command) {\n    printUsage();\n    return;\n  }\n\n  const aliases = resolveAliases();\n\n  try {\n    if (command === \"add\") {\n      const names = args.slice(1);\n      if (names.length === 0) {\n        error(\"No components specified. Usage: babelize add <component...>\");\n        process.exit(1);\n      }\n      await addComponents(names, aliases);\n    } else if (command === \"list\") {\n      await listComponents();\n    } else {\n      error(`Unknown command: ${command}`);\n      printUsage();\n      process.exit(1);\n    }\n  } catch (err) {\n    error(err instanceof Error ? err.message : String(err));\n    process.exit(1);\n  }\n}\n\nmain();\n"],"mappings":"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","names":[]}