@wuchale/jsx 0.10.0 → 0.10.2

package/dist/index.d.ts

@@ -1,11 +1,12 @@
-import type { HeuristicFunc, Adapter, AdapterArgs, LoaderChoice, CreateHeuristicOpts } from 'wuchale';
-import { type JSXLib } from "./transformer.js";
+import type { Adapter, AdapterArgs, CreateHeuristicOpts, HeuristicFunc, LoaderChoice } from 'wuchale';
+import { type JSXLib } from './transformer.js';
 export declare function createJsxHeuristic(opts: CreateHeuristicOpts): HeuristicFunc;
 export declare const jsxDefaultHeuristic: HeuristicFunc;
 type LoadersAvailable = 'default' | 'react' | 'solidjs';
 export type JSXArgs = AdapterArgs<LoadersAvailable> & {
     variant: JSXLib;
 };
+export declare const defaultArgs: JSXArgs;
 export declare function getDefaultLoaderPath(loader: LoaderChoice<LoadersAvailable>, bundle: boolean): string | {
     client: string;
     server: string;

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defaultGenerateLoadID, deepMergeObjects, createHeuristic, defaultHeuristicOpts } from 'wuchale';
-import { pluralPattern, getDefaultLoaderPath as getDefaultLoaderPathVanilla } from 'wuchale/adapter-vanilla';
-import { JSXTransformer } from "./transformer.js";
+import { createHeuristic, deepMergeObjects, defaultGenerateLoadID, defaultHeuristicOpts } from 'wuchale';
 import { loaderPathResolver } from 'wuchale/adapter-utils';
+import { getDefaultLoaderPath as getDefaultLoaderPathVanilla, pluralPattern } from 'wuchale/adapter-vanilla';
+import { JSXTransformer } from './transformer.js';
 export function createJsxHeuristic(opts) {
     const defaultHeuristic = createHeuristic(opts);
     return msg => {
@@ -25,9 +25,9 @@ const defaultRuntime = {
         const insideReactive = !inTopLevel && !nested && ((funcName.startsWith('use') && funcName.length > 3) || /[A-Z]/.test(funcName[0]));
         return inTopLevel ? null : insideReactive;
     },
-    useReactive: ({ funcName, nested }) => funcName != null
-        && !nested
-        && ((funcName.startsWith('use') && funcName.length > 3) || /[A-Z]/.test(funcName[0])),
+    useReactive: ({ funcName, nested }) => funcName != null &&
+        !nested &&
+        ((funcName.startsWith('use') && funcName.length > 3) || /[A-Z]/.test(funcName[0])),
     reactive: {
         wrapInit: expr => expr,
         wrapUse: expr => expr,
@@ -39,14 +39,14 @@ const defaultRuntime = {
 };
 const defaultRuntimeSolid = {
     ...defaultRuntime,
-    initReactive: ({ funcName }) => funcName == null ? true : null, // init only in top level
+    initReactive: ({ funcName }) => (funcName == null ? true : null), // init only in top level
     useReactive: true, // always reactive, because solidjs doesn't have a problem with it
     reactive: {
         wrapInit: expr => `() => ${expr}`,
-        wrapUse: expr => `${expr}()`
-    }
+        wrapUse: expr => `${expr}()`,
+    },
 };
-const defaultArgs = {
+export const defaultArgs = {
     files: { include: 'src/**/*.{js,ts,jsx,tsx}', ignore: '**/*.d.ts' },
     localesDir: './src/locales',
     patterns: [pluralPattern],
@@ -84,7 +84,7 @@ export const adapter = (args = defaultArgs) => {
         defaultLoaderPath: getDefaultLoaderPath(loader, rest.bundleLoad),
         runtime,
         getRuntimeVars: {
-            reactive: 'useW_load_rx_'
+            reactive: 'useW_load_rx_',
         },
         ...rest,
     };

package/dist/runtime.solid.jsx

@@ -1,7 +1,7 @@
-import { selectFragment } from './runtime.jsx';
 import { For } from 'solid-js';
+import { selectFragment } from './runtime.jsx';
 export default (props) => {
-    return <For each={props.x}>
-        {(fragment, i) => <>{selectFragment({ ...props, x: fragment }, i())}</>}
-    </For>;
+    return (<For each={props.x}>
+            {(fragment, i) => <>{selectFragment({ ...props, x: fragment }, i())}</>}
+        </For>);
 };

package/dist/transformer.d.ts

@@ -1,16 +1,14 @@
-import { Message } from 'wuchale';
-import type * as JX from 'estree-jsx';
 import type * as Estree from 'acorn';
+import type * as JX from 'estree-jsx';
+import type { CatalogExpr, CodePattern, HeuristicFunc, IndexTracker, Message, RuntimeConf, TransformOutput, UrlMatcher } from 'wuchale';
+import { MixedVisitor } from 'wuchale/adapter-utils';
 import { Transformer } from 'wuchale/adapter-vanilla';
-import type { IndexTracker, HeuristicFunc, TransformOutput, RuntimeConf, CatalogExpr, CodePattern, UrlMatcher } from 'wuchale';
-import { MixedVisitor, type CommentDirectives } from "wuchale/adapter-utils";
 export declare function parseScriptJSX(content: string): [Estree.Program, Estree.Comment[][]];
 type MixedNodesTypes = JX.JSXElement | JX.JSXFragment | JX.JSXText | JX.JSXExpressionContainer | JX.JSXSpreadChild;
 export type JSXLib = 'default' | 'solidjs';
 export declare class JSXTransformer extends Transformer {
     currentElement?: string;
     inCompoundText: boolean;
-    commentDirectivesStack: CommentDirectives[];
     lastVisitIsComment: boolean;
     currentJsxKey?: number;
     mixedVisitor: MixedVisitor<MixedNodesTypes>;
@@ -28,7 +26,6 @@ export declare class JSXTransformer extends Transformer {
     visitJSXExpressionContainer: (node: JX.JSXExpressionContainer) => Message[];
     visitJSXAttribute: (node: JX.JSXAttribute) => Message[];
     visitJSXSpreadAttribute: (node: JX.JSXSpreadAttribute) => Message[];
-    visitJSXEmptyExpression: (node: JX.JSXEmptyExpression) => Message[];
     visitJx: (node: JX.Node | JX.JSXSpreadChild | Estree.Program) => Message[];
     transformJx: (lib: JSXLib) => TransformOutput;
 }

package/dist/transformer.js

@@ -1,9 +1,8 @@
-import MagicString from 'magic-string';
-import { Parser } from 'acorn';
-import { Message } from 'wuchale';
 import { tsPlugin } from '@sveltejs/acorn-typescript';
-import { Transformer, scriptParseOptionsWithComments, parseScript } from 'wuchale/adapter-vanilla';
-import { nonWhitespaceText, MixedVisitor, processCommentDirectives } from "wuchale/adapter-utils";
+import { Parser } from 'acorn';
+import MagicString from 'magic-string';
+import { MixedVisitor, nonWhitespaceText } from 'wuchale/adapter-utils';
+import { parseScript, scriptParseOptionsWithComments, Transformer } from 'wuchale/adapter-vanilla';
 const JsxParser = Parser.extend(tsPlugin({ jsx: true }));
 export function parseScriptJSX(content) {
     const [opts, comments] = scriptParseOptionsWithComments();
@@ -15,7 +14,6 @@ export class JSXTransformer extends Transformer {
     // state
     currentElement;
     inCompoundText = false;
-    commentDirectivesStack = [];
     lastVisitIsComment = false;
     currentJsxKey;
     mixedVisitor;
@@ -27,11 +25,11 @@ export class JSXTransformer extends Transformer {
         vars: this.vars,
         getRange: node => ({
             start: node.start,
-            end: node.end
+            end: node.end,
         }),
-        isComment: node => node.type === 'JSXExpressionContainer'
-            && node.expression.type === 'JSXEmptyExpression'
-            && node.expression.end > node.expression.start,
+        isComment: node => node.type === 'JSXExpressionContainer' &&
+            node.expression.type === 'JSXEmptyExpression' &&
+            node.expression.end > node.expression.start,
         isText: node => node.type === 'JSXText',
         leaveInPlace: () => false,
         isExpression: node => node.type === 'JSXExpressionContainer',
@@ -141,9 +139,7 @@ export class JSXTransformer extends Transformer {
         }
         return comment.slice(2, -2).trim();
     };
-    visitJSXExpressionContainer = (node) => {
-        return this.visit(node.expression);
-    };
+    visitJSXExpressionContainer = (node) => this.visit(node.expression);
     visitJSXAttribute = (node) => {
         if (node.value == null) {
             return [];
@@ -185,43 +181,7 @@ export class JSXTransformer extends Transformer {
         return [msgInfo];
     };
     visitJSXSpreadAttribute = (node) => this.visit(node.argument);
-    visitJSXEmptyExpression = (node) => {
-        const commentContents = this.getMarkupCommentBody(node);
-        if (!commentContents) {
-            return [];
-        }
-        this.commentDirectives = processCommentDirectives(commentContents, this.commentDirectives);
-        if (this.lastVisitIsComment) {
-            this.commentDirectivesStack[this.commentDirectivesStack.length - 1] = this.commentDirectives;
-        }
-        else {
-            this.commentDirectivesStack.push(this.commentDirectives);
-        }
-        this.lastVisitIsComment = true;
-        return [];
-    };
-    visitJx = (node) => {
-        if (node.type === 'JSXText' && !node.value.trim()) {
-            return [];
-        }
-        if (node.type === 'JSXExpressionContainer' && node.expression.type === 'JSXEmptyExpression') { // markup comment
-            return this.visitJSXEmptyExpression(node.expression);
-        }
-        let msgs = [];
-        const commentDirectivesPrev = this.commentDirectives;
-        if (this.lastVisitIsComment) {
-            this.commentDirectives = this.commentDirectivesStack.pop();
-            this.lastVisitIsComment = false;
-        }
-        if (this.commentDirectives.ignoreFile) {
-            return [];
-        }
-        if (this.commentDirectives.forceType !== false) {
-            msgs = this.visit(node);
-        }
-        this.commentDirectives = commentDirectivesPrev;
-        return msgs;
-    };
+    visitJx = (node) => this.visit(node);
     transformJx = (lib) => {
         // jsx vs type casting is not ambiguous in all files except .ts files
         const [ast, comments] = (this.heuristciDetails.file.endsWith('.ts') ? parseScript : parseScriptJSX)(this.content);

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@wuchale/jsx",
-    "version": "0.10.0",
+    "version": "0.10.2",
     "description": "Protobuf-like i18n from plain code: JSX adapter",
     "scripts": {
         "dev": "tsc --watch",
         "build": "tsc",
-        "test": "node tests/index.ts"
+        "test": "node --import ../wuchale/testing/resolve.ts --test"
     },
     "keywords": [
         "i18n",
@@ -58,10 +58,10 @@
     "author": "K1DV5",
     "license": "MIT",
     "dependencies": {
-        "@sveltejs/acorn-typescript": "^1.0.8",
+        "@sveltejs/acorn-typescript": "^1.0.9",
         "acorn": "^8.15.0",
         "magic-string": "^0.30.21",
-        "wuchale": "^0.19.0"
+        "wuchale": "^0.20.0"
     },
     "devDependencies": {
         "@types/estree-jsx": "^1.0.5",

package/src/loaders/react.bundle.js

@@ -1,10 +1,14 @@
-import { useState, useEffect, useMemo } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 import toRuntime from 'wuchale/runtime'
 import { locales } from '${DATA}'
 
 let locale = locales[0]
 
-const callbacks = new Set([(/** @type {string} */ loc) => {locale = loc}])
+const callbacks = new Set([
+    (/** @type {string} */ loc) => {
+        locale = loc
+    },
+])
 
 /**
  * @param {string} locale
@@ -26,4 +30,5 @@ export const getRuntimeRx = (/** @type {{[locale: string]: import('wuchale/runti
 }
 
 // non-reactive
-export const getRuntime = (/** @type {{[locale: string]: import('wuchale/runtime').CatalogModule }} */ catalogs) => toRuntime(catalogs[locale], locale)
+export const getRuntime = (/** @type {{[locale: string]: import('wuchale/runtime').CatalogModule }} */ catalogs) =>
+    toRuntime(catalogs[locale], locale)

package/src/loaders/react.js

@@ -1,6 +1,6 @@
-import { loadCatalog, loadIDs } from '${PROXY}'
+import { useEffect, useState } from 'react'
 import { registerLoaders } from 'wuchale/load-utils'
-import { useState, useEffect } from 'react'
+import { loadCatalog, loadIDs } from '${PROXY}'
 
 export const key = '${KEY}'
 /** @type {{[loadID: string]: Set<Function>}} */
@@ -14,8 +14,10 @@ const collection = {
     get: getRuntime,
     set: (/** @type {string} */ loadID, /** @type {import('wuchale/runtime').Runtime} */ runtime) => {
         store[loadID] = runtime // for when useEffect hasn't run yet
-        callbacks[loadID]?.forEach(cb => cb(runtime))
-    }
+        callbacks[loadID]?.forEach(cb => {
+            cb(runtime)
+        })
+    },
 }
 
 registerLoaders(key, loadCatalog, loadIDs, collection)

package/src/loaders/solidjs.bundle.js

@@ -1,5 +1,5 @@
-import { createSignal } from "solid-js"
-import toRuntime from "wuchale/runtime"
+import { createSignal } from 'solid-js'
+import toRuntime from 'wuchale/runtime'
 
 const [locale, setLocale] = createSignal('en')
 

package/src/loaders/solidjs.js

@@ -1,6 +1,6 @@
-import { loadCatalog, loadIDs } from '${PROXY}'
-import { registerLoaders } from 'wuchale/load-utils'
 import { createStore } from 'solid-js/store'
+import { registerLoaders } from 'wuchale/load-utils'
+import { loadCatalog, loadIDs } from '${PROXY}'
 
 const key = '${KEY}'