@linguanahq/solid 0.1.0 → 0.1.1

package/dist/compiler-runtime.d.ts

@@ -0,0 +1,10 @@
+export { T as LinguanaMessage, T as default } from ".";
+import type { JSX } from "solid-js";
+export declare function LinguanaAttributes(props: {
+    descriptors: Array<{
+        name: string;
+        id: string;
+        defaultMessage: string;
+    }>;
+    children: (values: Record<string, string>) => JSX.Element;
+}): JSX.Element;

package/dist/dom/compiler-runtime.js

@@ -0,0 +1,61 @@
+// src/index.tsx
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { createLinguanaClient } from "@linguanahq/core";
+import { createContext, createMemo, createSignal, For, onCleanup, onMount, useContext } from "solid-js";
+var LinguanaContext = createContext();
+function useTranslation() {
+  const client = useContext(LinguanaContext);
+  if (!client) throw new Error("useTranslation must be used within LinguanaProvider");
+  const [snapshot, setSnapshot] = createSignal(client.getSnapshot());
+  const unsubscribe = client.subscribe(() => setSnapshot(client.getSnapshot()));
+  onCleanup(unsubscribe);
+  return {
+    snapshot,
+    locale: () => snapshot().locale,
+    ready: () => snapshot().ready,
+    availableLocales: () => snapshot().availableLocales,
+    setLocale: client.setLocale,
+    t: (...args) => {
+      snapshot();
+      return client.t(...args);
+    },
+    translate: (...args) => {
+      snapshot();
+      return client.translate(...args);
+    }
+  };
+}
+function T(props) {
+  const runtime = useTranslation();
+  return createMemo(() => runtime.translate(props.id, props.defaultMessage, props.values));
+}
+_$delegateEvents(["input"]);
+
+// src/compiler-runtime.tsx
+function LinguanaAttributes(props) {
+  const runtime = useTranslation();
+  const values = {};
+  for (const item of props.descriptors) {
+    Object.defineProperty(values, item.name, {
+      enumerable: true,
+      get: () => String(runtime.translate(item.id, item.defaultMessage))
+    });
+  }
+  return props.children(values);
+}
+export {
+  LinguanaAttributes,
+  T as LinguanaMessage,
+  T as default
+};

package/dist/dom/index.js

@@ -0,0 +1,115 @@
+// src/index.tsx
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { createLinguanaClient } from "@linguanahq/core";
+import { createContext, createMemo, createSignal, For, onCleanup, onMount, useContext } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div data-linguana-language-selector><label><span></span><input type=search placeholder="Search languages"></label><select>`);
+var _tmpl$2 = /* @__PURE__ */ _$template(`<option><!$><!/> \u2014 <!$><!/><!$><!/>`);
+var LinguanaContext = createContext();
+function LinguanaProvider(props) {
+  const client = createLinguanaClient(props);
+  onMount(() => {
+    void client.loadRuntimeConfig();
+    void client.setLocale(client.getSnapshot().locale);
+  });
+  onCleanup(() => client.dispose());
+  return _$createComponent(LinguanaContext.Provider, {
+    value: client,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function useTranslation() {
+  const client = useContext(LinguanaContext);
+  if (!client) throw new Error("useTranslation must be used within LinguanaProvider");
+  const [snapshot, setSnapshot] = createSignal(client.getSnapshot());
+  const unsubscribe = client.subscribe(() => setSnapshot(client.getSnapshot()));
+  onCleanup(unsubscribe);
+  return {
+    snapshot,
+    locale: () => snapshot().locale,
+    ready: () => snapshot().ready,
+    availableLocales: () => snapshot().availableLocales,
+    setLocale: client.setLocale,
+    t: (...args) => {
+      snapshot();
+      return client.t(...args);
+    },
+    translate: (...args) => {
+      snapshot();
+      return client.translate(...args);
+    }
+  };
+}
+function useLocaleOptions(query = () => "") {
+  const runtime = useTranslation();
+  const options = createMemo(() => {
+    const normalized = query().trim().toLocaleLowerCase();
+    return runtime.availableLocales().filter((item) => !normalized || `${item.code} ${item.displayName} ${item.nativeName}`.toLocaleLowerCase().includes(normalized)).sort((a, b) => a.displayName.localeCompare(b.displayName));
+  });
+  return {
+    ...runtime,
+    options
+  };
+}
+function T(props) {
+  const runtime = useTranslation();
+  return createMemo(() => runtime.translate(props.id, props.defaultMessage, props.values));
+}
+function LanguageSelector(props) {
+  const [query, setQuery] = createSignal("");
+  const runtime = useLocaleOptions(query);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
+    _$insert(_el$3, () => props.label ?? "Language");
+    _el$4.$$input = (event) => setQuery(event.currentTarget.value);
+    _el$5.addEventListener("change", (event) => void runtime.setLocale(event.currentTarget.value));
+    _$insert(_el$5, _$createComponent(For, {
+      get each() {
+        return runtime.options();
+      },
+      children: (item) => (() => {
+        var _el$6 = _$getNextElement(_tmpl$2), _el$8 = _el$6.firstChild, [_el$9, _co$] = _$getNextMarker(_el$8.nextSibling), _el$7 = _el$9.nextSibling, _el$0 = _el$7.nextSibling, [_el$1, _co$2] = _$getNextMarker(_el$0.nextSibling), _el$10 = _el$1.nextSibling, [_el$11, _co$3] = _$getNextMarker(_el$10.nextSibling);
+        _$insert(_el$6, () => item.nativeName, _el$9, _co$);
+        _$insert(_el$6, () => item.displayName, _el$1, _co$2);
+        _$insert(_el$6, () => item.tier === "PREVIEW" ? " (Preview)" : "", _el$11, _co$3);
+        _$effect(() => _$setProperty(_el$6, "value", item.code));
+        return _el$6;
+      })()
+    }));
+    _$effect((_p$) => {
+      var _v$ = props.class, _v$2 = props.label ?? "Language", _v$3 = !runtime.ready();
+      _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$5, "aria-label", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$setProperty(_el$5, "disabled", _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    _$effect(() => _$setProperty(_el$4, "value", query()));
+    _$effect(() => _$setProperty(_el$5, "value", runtime.locale()));
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+_$delegateEvents(["input"]);
+export {
+  LanguageSelector,
+  LinguanaProvider,
+  T,
+  useLocaleOptions,
+  useTranslation
+};

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+import { type LinguanaClientOptions } from "@linguanahq/core";
+import { type JSX, type ParentProps } from "solid-js";
+export declare function LinguanaProvider(props: ParentProps<LinguanaClientOptions>): JSX.Element;
+export declare function useTranslation(): {
+    snapshot: import("solid-js").Accessor<import("@linguanahq/core").LinguanaSnapshot>;
+    locale: () => string;
+    ready: () => boolean;
+    availableLocales: () => readonly import("@linguanahq/core").LocaleOption[];
+    setLocale: (locale: string) => Promise<void>;
+    t: (source: string, values?: import("@linguanahq/core").MessageValues | undefined, options?: import("@linguanahq/core").TranslationOptions | undefined) => unknown;
+    translate: (id: string, source: string, values?: import("@linguanahq/core").MessageValues | undefined, components?: import("@linguanahq/core").MessageComponents | undefined) => unknown;
+};
+export declare function useLocaleOptions(query?: () => string): {
+    options: import("solid-js").Accessor<import("@linguanahq/core").LocaleOption[]>;
+    snapshot: import("solid-js").Accessor<import("@linguanahq/core").LinguanaSnapshot>;
+    locale: () => string;
+    ready: () => boolean;
+    availableLocales: () => readonly import("@linguanahq/core").LocaleOption[];
+    setLocale: (locale: string) => Promise<void>;
+    t: (source: string, values?: import("@linguanahq/core").MessageValues | undefined, options?: import("@linguanahq/core").TranslationOptions | undefined) => unknown;
+    translate: (id: string, source: string, values?: import("@linguanahq/core").MessageValues | undefined, components?: import("@linguanahq/core").MessageComponents | undefined) => unknown;
+};
+export declare function T(props: {
+    id: string;
+    defaultMessage: string;
+    values?: Record<string, unknown>;
+}): JSX.Element;
+export declare function LanguageSelector(props: {
+    label?: string;
+    class?: string;
+}): JSX.Element;
+export type { LinguanaClient, LinguanaClientOptions } from "@linguanahq/core";

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ssr/compiler-runtime.js

@@ -0,0 +1,53 @@
+// src/index.tsx
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { ssrHydrationKey as _$ssrHydrationKey } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { createLinguanaClient } from "@linguanahq/core";
+import { createContext, createMemo, createSignal, For, onCleanup, onMount, useContext } from "solid-js";
+var LinguanaContext = createContext();
+function useTranslation() {
+  const client = useContext(LinguanaContext);
+  if (!client) throw new Error("useTranslation must be used within LinguanaProvider");
+  const [snapshot, setSnapshot] = createSignal(client.getSnapshot());
+  const unsubscribe = client.subscribe(() => setSnapshot(client.getSnapshot()));
+  onCleanup(unsubscribe);
+  return {
+    snapshot,
+    locale: () => snapshot().locale,
+    ready: () => snapshot().ready,
+    availableLocales: () => snapshot().availableLocales,
+    setLocale: client.setLocale,
+    t: (...args) => {
+      snapshot();
+      return client.t(...args);
+    },
+    translate: (...args) => {
+      snapshot();
+      return client.translate(...args);
+    }
+  };
+}
+function T(props) {
+  const runtime = useTranslation();
+  return createMemo(() => runtime.translate(props.id, props.defaultMessage, props.values));
+}
+
+// src/compiler-runtime.tsx
+function LinguanaAttributes(props) {
+  const runtime = useTranslation();
+  const values = {};
+  for (const item of props.descriptors) {
+    Object.defineProperty(values, item.name, {
+      enumerable: true,
+      get: () => String(runtime.translate(item.id, item.defaultMessage))
+    });
+  }
+  return props.children(values);
+}
+export {
+  LinguanaAttributes,
+  T as LinguanaMessage,
+  T as default
+};

package/dist/ssr/index.js

@@ -0,0 +1,79 @@
+// src/index.tsx
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { ssrHydrationKey as _$ssrHydrationKey } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { createLinguanaClient } from "@linguanahq/core";
+import { createContext, createMemo, createSignal, For, onCleanup, onMount, useContext } from "solid-js";
+var _tmpl$ = ["<div", " data-linguana-language-selector><label><span>", '</span><input type="search"', ' placeholder="Search languages"></label><select', "", ">", "</select></div>"];
+var _tmpl$2 = ["<option", "><!--$-->", "<!--/--> \u2014 <!--$-->", "<!--/--><!--$-->", "<!--/--></option>"];
+var LinguanaContext = createContext();
+function LinguanaProvider(props) {
+  const client = createLinguanaClient(props);
+  onMount(() => {
+    void client.loadRuntimeConfig();
+    void client.setLocale(client.getSnapshot().locale);
+  });
+  onCleanup(() => client.dispose());
+  return _$createComponent(LinguanaContext.Provider, {
+    value: client,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function useTranslation() {
+  const client = useContext(LinguanaContext);
+  if (!client) throw new Error("useTranslation must be used within LinguanaProvider");
+  const [snapshot, setSnapshot] = createSignal(client.getSnapshot());
+  const unsubscribe = client.subscribe(() => setSnapshot(client.getSnapshot()));
+  onCleanup(unsubscribe);
+  return {
+    snapshot,
+    locale: () => snapshot().locale,
+    ready: () => snapshot().ready,
+    availableLocales: () => snapshot().availableLocales,
+    setLocale: client.setLocale,
+    t: (...args) => {
+      snapshot();
+      return client.t(...args);
+    },
+    translate: (...args) => {
+      snapshot();
+      return client.translate(...args);
+    }
+  };
+}
+function useLocaleOptions(query = () => "") {
+  const runtime = useTranslation();
+  const options = createMemo(() => {
+    const normalized = query().trim().toLocaleLowerCase();
+    return runtime.availableLocales().filter((item) => !normalized || `${item.code} ${item.displayName} ${item.nativeName}`.toLocaleLowerCase().includes(normalized)).sort((a, b) => a.displayName.localeCompare(b.displayName));
+  });
+  return {
+    ...runtime,
+    options
+  };
+}
+function T(props) {
+  const runtime = useTranslation();
+  return createMemo(() => runtime.translate(props.id, props.defaultMessage, props.values));
+}
+function LanguageSelector(props) {
+  const [query, setQuery] = createSignal("");
+  const runtime = useLocaleOptions(query);
+  return _$ssr(_tmpl$, _$ssrHydrationKey() + _$ssrAttribute("class", _$escape(props.class, true), false), _$escape(props.label ?? "Language"), _$ssrAttribute("value", _$escape(query(), true), false), _$ssrAttribute("aria-label", _$escape(props.label ?? "Language", true), false) + _$ssrAttribute("value", _$escape(runtime.locale(), true), false), _$ssrAttribute("disabled", !runtime.ready(), true), _$escape(_$createComponent(For, {
+    get each() {
+      return runtime.options();
+    },
+    children: (item) => _$ssr(_tmpl$2, _$ssrHydrationKey() + _$ssrAttribute("value", _$escape(item.code, true), false), _$escape(item.nativeName), _$escape(item.displayName), item.tier === "PREVIEW" ? " (Preview)" : "")
+  })));
+}
+export {
+  LanguageSelector,
+  LinguanaProvider,
+  T,
+  useLocaleOptions,
+  useTranslation
+};

package/package.json

@@ -1,29 +1,36 @@
 {
-	"name": "@linguanahq/solid",
-	"version": "0.1.0",
-	"publishConfig": {
-		"access": "public"
-	},
-	"type": "module",
-	"exports": {
-		".": "./src/index.tsx",
-		"./compiler-runtime": "./src/compiler-runtime.tsx",
-		"./styles.css": "./src/styles.css"
-	},
-	"scripts": {
-		"check-types": "tsc --noEmit",
-		"test": "bun test"
-	},
-	"dependencies": {
-		"@linguanahq/core": "0.1.0"
-	},
-	"devDependencies": {
-		"@linguana/config": "0.0.0",
-		"@linguanahq/catalog": "0.1.0",
-		"typescript": "^6",
-		"solid-js": "^1.9.10"
-	},
-	"peerDependencies": {
-		"solid-js": ">=1.9"
-	}
+  "name": "@linguanahq/solid",
+  "version": "0.1.1",
+  "type": "module",
+  "description": "Linguana solid integration",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "browser": "./dist/dom/index.js",
+      "node": "./dist/ssr/index.js",
+      "default": "./dist/dom/index.js"
+    },
+    "./compiler-runtime": {
+      "types": "./dist/compiler-runtime.d.ts",
+      "browser": "./dist/dom/compiler-runtime.js",
+      "node": "./dist/ssr/compiler-runtime.js",
+      "default": "./dist/dom/compiler-runtime.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "dependencies": {
+    "@linguanahq/core": "0.1.1"
+  },
+  "peerDependencies": {
+    "solid-js": ">=1.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/src/compiler-runtime.tsx

@@ -1,19 +0,0 @@
-export { T as LinguanaMessage, T as default } from ".";
-
-import type { JSX } from "solid-js";
-import { useTranslation } from ".";
-
-export function LinguanaAttributes(props: {
-	descriptors: Array<{ name: string; id: string; defaultMessage: string }>;
-	children: (values: Record<string, string>) => JSX.Element;
-}) {
-	const runtime = useTranslation();
-	return props.children(
-		Object.fromEntries(
-			props.descriptors.map((item) => [
-				item.name,
-				String(runtime.translate(item.id, item.defaultMessage)),
-			]),
-		),
-	);
-}

package/src/index.tsx

@@ -1,112 +0,0 @@
-import {
-	createLinguanaClient,
-	type LinguanaClient,
-	type LinguanaClientOptions,
-} from "@linguanahq/core";
-import {
-	createContext,
-	createMemo,
-	createSignal,
-	For,
-	type JSX,
-	onCleanup,
-	onMount,
-	type ParentProps,
-	useContext,
-} from "solid-js";
-
-const LinguanaContext = createContext<LinguanaClient>();
-
-export function LinguanaProvider(props: ParentProps<LinguanaClientOptions>) {
-	const client = createLinguanaClient(props);
-	onMount(() => void client.loadRuntimeConfig());
-	onCleanup(() => client.dispose());
-	return (
-		<LinguanaContext.Provider value={client}>
-			{props.children}
-		</LinguanaContext.Provider>
-	);
-}
-
-export function useTranslation() {
-	const client = useContext(LinguanaContext);
-	if (!client)
-		throw new Error("useTranslation must be used within LinguanaProvider");
-	const [snapshot, setSnapshot] = createSignal(client.getSnapshot());
-	const unsubscribe = client.subscribe(() => setSnapshot(client.getSnapshot()));
-	onCleanup(unsubscribe);
-	return {
-		snapshot,
-		locale: () => snapshot().locale,
-		ready: () => snapshot().ready,
-		availableLocales: () => snapshot().availableLocales,
-		setLocale: client.setLocale,
-		t: client.t,
-		translate: client.translate,
-	};
-}
-
-export function useLocaleOptions(query = () => "") {
-	const runtime = useTranslation();
-	const options = createMemo(() => {
-		const normalized = query().trim().toLocaleLowerCase();
-		return runtime
-			.availableLocales()
-			.filter(
-				(item) =>
-					!normalized ||
-					`${item.code} ${item.displayName} ${item.nativeName}`
-						.toLocaleLowerCase()
-						.includes(normalized),
-			)
-			.sort((a, b) => a.displayName.localeCompare(b.displayName));
-	});
-	return { ...runtime, options };
-}
-
-export function T(props: {
-	id: string;
-	defaultMessage: string;
-	values?: Record<string, unknown>;
-}) {
-	return useTranslation().translate(
-		props.id,
-		props.defaultMessage,
-		props.values,
-	) as JSX.Element;
-}
-
-export function LanguageSelector(props: { label?: string; class?: string }) {
-	const [query, setQuery] = createSignal("");
-	const runtime = useLocaleOptions(query);
-	return (
-		<div class={props.class} data-linguana-language-selector="">
-			<label>
-				<span>{props.label ?? "Language"}</span>
-				<input
-					type="search"
-					value={query()}
-					onInput={(event) => setQuery(event.currentTarget.value)}
-					placeholder="Search languages"
-				/>
-			</label>
-			<select
-				aria-label={props.label ?? "Language"}
-				value={runtime.locale()}
-				disabled={!runtime.ready()}
-				onChange={(event) => void runtime.setLocale(event.currentTarget.value)}
-			>
-				<For each={runtime.options()}>
-					{(item) => (
-						<option value={item.code}>
-							{item.nativeName} — {item.displayName}
-							{item.tier === "PREVIEW" ? " (Preview)" : ""}
-						</option>
-					)}
-				</For>
-			</select>
-		</div>
-	);
-}
-
-export type { LinguanaClient, LinguanaClientOptions } from "@linguanahq/core";