@react-pug/swc-plugin-react-pug 0.1.0

package/README.md

@@ -0,0 +1,43 @@
+# @react-pug/swc-plugin-react-pug
+
+Programmatic SWC helper for transforming `pug\`...\`` tagged template literals before passing code to SWC.
+
+## Install
+
+```bash
+npm i -D @react-pug/swc-plugin-react-pug @swc/core
+```
+
+## Usage
+
+```ts
+import { transformWithSwcReactPug } from '@react-pug/swc-plugin-react-pug'
+
+const result = transformWithSwcReactPug(sourceCode, fileName, {
+  jsc: {
+    parser: { syntax: 'typescript', tsx: true },
+    transform: { react: { runtime: 'automatic' } }
+  },
+  sourceMaps: true
+})
+```
+
+## Options
+
+- `tagFunction`: tagged template function name, default `pug`
+- `mode`: `runtime | languageService`, default `runtime`
+- `requirePugImport`: boolean, default `false`
+- `classShorthandProperty`: `auto | className | class | styleName`
+- `classShorthandMerge`: `auto | concatenate | classnames`
+- `startupjsCssxjs`: `never | auto | force`
+- `componentPathFromUppercaseClassShorthand`: boolean, default `true`
+
+Used `pug` import bindings are removed from transformed output automatically.
+
+## Exports
+
+- `transformWithSwcReactPug(...)`
+- `transformReactPugSourceForSwc(...)`
+- diagnostic/range remapping helpers
+
+Published output is in `dist/`.

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import { type ClassAttributeOption, type ClassMergeOption, type GeneratedDiagnosticLike, type OffsetRange, type OriginalDiagnosticLocation, type PugDocument, type PugRegion, type StartupjsCssxjsOption } from '@react-pug/react-pug-core';
+import { type Options as SwcOptions } from '@swc/core';
+export type SwcPugCompileMode = 'runtime' | 'languageService';
+export interface SwcReactPugOptions {
+    tagFunction?: string;
+    mode?: SwcPugCompileMode;
+    requirePugImport?: boolean;
+    classShorthandProperty?: ClassAttributeOption;
+    classShorthandMerge?: ClassMergeOption;
+    startupjsCssxjs?: StartupjsCssxjsOption;
+    componentPathFromUppercaseClassShorthand?: boolean;
+}
+export interface SwcReactPugMetadata {
+    document: PugDocument;
+    regions: PugRegion[];
+}
+export interface SwcReactPugTransformResult {
+    code: string;
+    metadata: SwcReactPugMetadata;
+}
+export interface SwcReactPugCompileResult extends SwcReactPugTransformResult {
+    swcCode: string;
+    swcMap?: string;
+}
+export declare function transformReactPugSourceForSwc(sourceText: string, fileName: string, options?: SwcReactPugOptions): SwcReactPugTransformResult;
+export declare function mapSwcGeneratedDiagnosticToOriginal(metadata: SwcReactPugMetadata, diagnostic: GeneratedDiagnosticLike): OriginalDiagnosticLocation | null;
+export declare function mapSwcGeneratedRangeToOriginal(metadata: SwcReactPugMetadata, generatedStart: number, generatedLength: number): OffsetRange | null;
+export declare function transformWithSwcReactPug(sourceText: string, fileName: string, swcOptions?: SwcOptions, options?: SwcReactPugOptions): SwcReactPugCompileResult;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EAChB,KAAK,0BAA0B,EAC/B,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAiB,KAAK,OAAO,IAAI,UAAU,EAAE,MAAM,WAAW,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,oBAAoB,CAAC;IAC9C,mBAAmB,CAAC,EAAE,gBAAgB,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,wCAAwC,CAAC,EAAE,OAAO,CAAC;CACpD;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,EAAE,SAAS,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,mBAAmB,CAAC;CAC/B;AAED,MAAM,WAAW,wBAAyB,SAAQ,0BAA0B;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,kBAAuB,GAC/B,0BAA0B,CAkB5B;AAED,wBAAgB,mCAAmC,CACjD,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,uBAAuB,GAClC,0BAA0B,GAAG,IAAI,CAEnC;AAED,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,GACtB,WAAW,GAAG,IAAI,CAEpB;AAED,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,UAAU,GAAE,UAAe,EAC3B,OAAO,GAAE,kBAAuB,GAC/B,wBAAwB,CA+B1B"}

package/dist/index.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformReactPugSourceForSwc = transformReactPugSourceForSwc;
+exports.mapSwcGeneratedDiagnosticToOriginal = mapSwcGeneratedDiagnosticToOriginal;
+exports.mapSwcGeneratedRangeToOriginal = mapSwcGeneratedRangeToOriginal;
+exports.transformWithSwcReactPug = transformWithSwcReactPug;
+const react_pug_core_1 = require("@react-pug/react-pug-core");
+const core_1 = require("@swc/core");
+function transformReactPugSourceForSwc(sourceText, fileName, options = {}) {
+    const transformed = (0, react_pug_core_1.transformSourceFile)(sourceText, fileName, {
+        tagFunction: options.tagFunction ?? 'pug',
+        compileMode: options.mode ?? 'runtime',
+        requirePugImport: options.requirePugImport ?? false,
+        classAttribute: options.classShorthandProperty ?? 'auto',
+        classMerge: options.classShorthandMerge ?? 'auto',
+        startupjsCssxjs: options.startupjsCssxjs ?? 'auto',
+        componentPathFromUppercaseClassShorthand: options.componentPathFromUppercaseClassShorthand ?? true,
+    });
+    return {
+        code: transformed.code,
+        metadata: {
+            document: transformed.document,
+            regions: transformed.regions,
+        },
+    };
+}
+function mapSwcGeneratedDiagnosticToOriginal(metadata, diagnostic) {
+    return (0, react_pug_core_1.mapGeneratedDiagnosticToOriginal)(metadata.document, diagnostic);
+}
+function mapSwcGeneratedRangeToOriginal(metadata, generatedStart, generatedLength) {
+    return (0, react_pug_core_1.mapGeneratedRangeToOriginal)(metadata.document, generatedStart, generatedLength);
+}
+function transformWithSwcReactPug(sourceText, fileName, swcOptions = {}, options = {}) {
+    const transformedCore = (0, react_pug_core_1.transformSourceFile)(sourceText, fileName, {
+        tagFunction: options.tagFunction ?? 'pug',
+        compileMode: options.mode ?? 'runtime',
+        requirePugImport: options.requirePugImport ?? false,
+        classAttribute: options.classShorthandProperty ?? 'auto',
+        classMerge: options.classShorthandMerge ?? 'auto',
+        startupjsCssxjs: options.startupjsCssxjs ?? 'auto',
+        componentPathFromUppercaseClassShorthand: options.componentPathFromUppercaseClassShorthand ?? true,
+    });
+    const transformed = {
+        code: transformedCore.code,
+        metadata: {
+            document: transformedCore.document,
+            regions: transformedCore.regions,
+        },
+    };
+    const inputSourceMap = (0, react_pug_core_1.createTransformSourceMap)(transformedCore, fileName);
+    const swcResult = (0, core_1.transformSync)(transformed.code, {
+        ...swcOptions,
+        filename: fileName,
+        sourceMaps: swcOptions.sourceMaps,
+        inputSourceMap: swcOptions.inputSourceMap ?? JSON.stringify(inputSourceMap),
+    });
+    return {
+        ...transformed,
+        swcCode: swcResult.code,
+        swcMap: swcResult.map,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AA2CA,sEAsBC;AAED,kFAKC;AAED,wEAMC;AAED,4DAoCC;AAtHD,8DAamC;AACnC,oCAAsE;AA6BtE,SAAgB,6BAA6B,CAC3C,UAAkB,EAClB,QAAgB,EAChB,UAA8B,EAAE;IAEhC,MAAM,WAAW,GAAG,IAAA,oCAAmB,EAAC,UAAU,EAAE,QAAQ,EAAE;QAC5D,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,KAAK;QACzC,WAAW,EAAE,OAAO,CAAC,IAAI,IAAI,SAAS;QACtC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,IAAI,KAAK;QACnD,cAAc,EAAE,OAAO,CAAC,sBAAsB,IAAI,MAAM;QACxD,UAAU,EAAE,OAAO,CAAC,mBAAmB,IAAI,MAAM;QACjD,eAAe,EAAE,OAAO,CAAC,eAAe,IAAI,MAAM;QAClD,wCAAwC,EAAE,OAAO,CAAC,wCAAwC,IAAI,IAAI;KACnG,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,QAAQ,EAAE;YACR,QAAQ,EAAE,WAAW,CAAC,QAAQ;YAC9B,OAAO,EAAE,WAAW,CAAC,OAAO;SAC7B;KACF,CAAC;AACJ,CAAC;AAED,SAAgB,mCAAmC,CACjD,QAA6B,EAC7B,UAAmC;IAEnC,OAAO,IAAA,iDAAgC,EAAC,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACzE,CAAC;AAED,SAAgB,8BAA8B,CAC5C,QAA6B,EAC7B,cAAsB,EACtB,eAAuB;IAEvB,OAAO,IAAA,4CAA2B,EAAC,QAAQ,CAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;AACzF,CAAC;AAED,SAAgB,wBAAwB,CACtC,UAAkB,EAClB,QAAgB,EAChB,aAAyB,EAAE,EAC3B,UAA8B,EAAE;IAEhC,MAAM,eAAe,GAAG,IAAA,oCAAmB,EAAC,UAAU,EAAE,QAAQ,EAAE;QAChE,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,KAAK;QACzC,WAAW,EAAE,OAAO,CAAC,IAAI,IAAI,SAAS;QACtC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,IAAI,KAAK;QACnD,cAAc,EAAE,OAAO,CAAC,sBAAsB,IAAI,MAAM;QACxD,UAAU,EAAE,OAAO,CAAC,mBAAmB,IAAI,MAAM;QACjD,eAAe,EAAE,OAAO,CAAC,eAAe,IAAI,MAAM;QAClD,wCAAwC,EAAE,OAAO,CAAC,wCAAwC,IAAI,IAAI;KACnG,CAAC,CAAC;IACH,MAAM,WAAW,GAAG;QAClB,IAAI,EAAE,eAAe,CAAC,IAAI;QAC1B,QAAQ,EAAE;YACR,QAAQ,EAAE,eAAe,CAAC,QAAQ;YAClC,OAAO,EAAE,eAAe,CAAC,OAAO;SACjC;KACF,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,yCAAwB,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,WAAW,CAAC,IAAI,EAAE;QAChD,GAAG,UAAU;QACb,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,UAAU,CAAC,UAAU;QACjC,cAAc,EAAG,UAAkB,CAAC,cAAc,IAAI,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;KACrF,CAAC,CAAC;IAEH,OAAO;QACL,GAAG,WAAW;QACd,OAAO,EAAE,SAAS,CAAC,IAAI;QACvB,MAAM,EAAE,SAAS,CAAC,GAAG;KACtB,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@react-pug/swc-plugin-react-pug",
+  "version": "0.1.0",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "npm --prefix ../.. run build -w @react-pug/react-pug-core && rm -rf dist && tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@react-pug/react-pug-core": "^0.1.0"
+  },
+  "peerDependencies": {
+    "@swc/core": "^1.0.0"
+  },
+  "gitHead": "b4e9f09659dd4c70d0734759ea00710414fd8366"
+}

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "baseUrl": ".",
+    "paths": {
+      "@react-pug/react-pug-core": [
+        "../react-pug-core/src/index.ts"
+      ]
+    }
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "dist"
+  ]
+}