@vue.ts/tsx-auto-props 0.6.0 → 1.0.0-beta.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2022 Ray <https://github.com/so1ve>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2022 Ray <https://github.com/so1ve>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -62,6 +62,25 @@ export default defineConfig({
 
 <br></details>
 
+<details>
+<summary>Rolldown</summary><br>
+
+```ts
+// rolldown.config.js
+import VueTsxAutoProps from "@vue.ts/tsx-auto-props/rolldown";
+
+export default {
+	plugins: [
+		VueTsxAutoProps({
+			/* options */
+		}),
+		// other plugins
+	],
+};
+```
+
+<br></details>
+
 <details>
 <summary>Rollup</summary><br>
 

package/dist/astro.d.ts

@@ -1,11 +1,11 @@
-import { Options } from './types.js';
-import '@vue.ts/common';
+import { Options } from "./types-BsMRL-YJ.js";
 
+//#region src/astro.d.ts
 declare const _default: (options: Options) => {
-    name: string;
-    hooks: {
-        "astro:config:setup": (astro: any) => Promise<void>;
-    };
+  name: string;
+  hooks: {
+    "astro:config:setup": (astro: any) => Promise<void>;
+  };
 };
-
-export { _default as default };
+//#endregion
+export { _default as default };

package/dist/astro.js

@@ -0,0 +1,14 @@
+import "./src-CWmlC_RH.js";
+import { vite_default } from "./vite-CO8uPslf.js";
+
+//#region src/astro.ts
+var astro_default = (options) => ({
+	name: "@vue.ts/tsx-auto-props",
+	hooks: { "astro:config:setup": async (astro) => {
+		astro.config.vite.plugins ??= [];
+		astro.config.vite.plugins.push(vite_default(options));
+	} }
+});
+
+//#endregion
+export { astro_default as default };

package/dist/esbuild.d.ts

@@ -1,7 +1,7 @@
-import * as unplugin from 'unplugin';
-import { Options } from './types.js';
-import '@vue.ts/common';
+import { Options } from "./types-BsMRL-YJ.js";
+import * as esbuild0 from "esbuild";
 
-declare const _default: (options?: Options | undefined) => unplugin.EsbuildPlugin;
-
-export { _default as default };
+//#region src/esbuild.d.ts
+declare const _default: (options?: Options | undefined) => esbuild0.Plugin;
+//#endregion
+export { _default as default };

package/dist/esbuild.js

@@ -0,0 +1,8 @@
+import { unpluginFactory } from "./src-CWmlC_RH.js";
+import { createEsbuildPlugin } from "unplugin";
+
+//#region src/esbuild.ts
+var esbuild_default = createEsbuildPlugin(unpluginFactory);
+
+//#endregion
+export { esbuild_default as default };

package/dist/farm.d.ts

@@ -0,0 +1,7 @@
+import { Options } from "./types-BsMRL-YJ.js";
+import * as _farmfe_core0 from "@farmfe/core";
+
+//#region src/farm.d.ts
+declare const _default: (options?: Options | undefined) => _farmfe_core0.JsPlugin;
+//#endregion
+export { _default as default };

package/dist/farm.js

@@ -0,0 +1,8 @@
+import { unpluginFactory } from "./src-CWmlC_RH.js";
+import { createFarmPlugin } from "unplugin";
+
+//#region src/farm.ts
+var farm_default = createFarmPlugin(unpluginFactory);
+
+//#endregion
+export { farm_default as default };

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-import * as unplugin from 'unplugin';
-import { Options } from './types.js';
-import '@vue.ts/common';
+import { Options } from "./types-BsMRL-YJ.js";
+import * as unplugin0 from "unplugin";
+import { UnpluginFactory } from "unplugin";
 
-declare const _default: unplugin.UnpluginInstance<Options | undefined, boolean>;
-
-export { _default as default };
+//#region src/index.d.ts
+declare const unpluginFactory: UnpluginFactory<Options | undefined>;
+declare const unplugin: unplugin0.UnpluginInstance<Options | undefined, boolean>;
+//#endregion
+export { unplugin as default, unplugin, unpluginFactory };

package/dist/index.js

@@ -0,0 +1,3 @@
+import { src_default, unplugin, unpluginFactory } from "./src-CWmlC_RH.js";
+
+export { src_default as default, unplugin, unpluginFactory };

package/dist/nuxt.d.ts

@@ -1,7 +1,7 @@
-import { ModuleDefinition } from '@nuxt/schema';
-import { Options } from './types.js';
-import '@vue.ts/common';
+import { Options } from "./types-BsMRL-YJ.js";
+import * as _nuxt_schema0 from "@nuxt/schema";
 
-declare const _default: ModuleDefinition<Options>;
-
-export { _default as default };
+//#region src/nuxt.d.ts
+declare const _default: _nuxt_schema0.NuxtModule<Options, Options, false>;
+//#endregion
+export { _default as default };

package/dist/nuxt.js

@@ -0,0 +1,20 @@
+import "./src-CWmlC_RH.js";
+import { vite_default } from "./vite-CO8uPslf.js";
+import { webpack_default } from "./webpack-Bs4ZyN2r.js";
+import { addVitePlugin, addWebpackPlugin, defineNuxtModule } from "@nuxt/kit";
+
+//#region src/nuxt.ts
+var nuxt_default = defineNuxtModule({
+	meta: {
+		name: "@vue.ts/tsx-auto-props",
+		configKey: "tsxAutoProps"
+	},
+	defaults: {},
+	setup(options, _nuxt) {
+		addVitePlugin(() => vite_default(options));
+		addWebpackPlugin(() => webpack_default(options));
+	}
+});
+
+//#endregion
+export { nuxt_default as default };

package/dist/rolldown.d.ts

@@ -0,0 +1,7 @@
+import { Options } from "./types-BsMRL-YJ.js";
+import * as rolldown0 from "rolldown";
+
+//#region src/rolldown.d.ts
+declare const _default: (options?: Options | undefined) => rolldown0.Plugin<any> | rolldown0.Plugin<any>[];
+//#endregion
+export { _default as default };

package/dist/rolldown.js

@@ -0,0 +1,8 @@
+import { unpluginFactory } from "./src-CWmlC_RH.js";
+import { createRolldownPlugin } from "unplugin";
+
+//#region src/rolldown.ts
+var rolldown_default = createRolldownPlugin(unpluginFactory);
+
+//#endregion
+export { rolldown_default as default };

package/dist/rollup.d.ts

@@ -1,7 +1,7 @@
-import * as rollup from 'rollup';
-import { Options } from './types.js';
-import '@vue.ts/common';
+import { Options } from "./types-BsMRL-YJ.js";
+import * as rollup0 from "rollup";
 
-declare const _default: (options?: Options | undefined) => rollup.Plugin<any> | rollup.Plugin<any>[];
-
-export { _default as default };
+//#region src/rollup.d.ts
+declare const _default: (options?: Options | undefined) => rollup0.Plugin<any> | rollup0.Plugin<any>[];
+//#endregion
+export { _default as default };

package/dist/rollup.js

@@ -0,0 +1,8 @@
+import { unpluginFactory } from "./src-CWmlC_RH.js";
+import { createRollupPlugin } from "unplugin";
+
+//#region src/rollup.ts
+var rollup_default = createRollupPlugin(unpluginFactory);
+
+//#endregion
+export { rollup_default as default };

package/dist/rspack.d.ts

@@ -1,6 +1,6 @@
-import { Options } from './types.js';
-import '@vue.ts/common';
+import { Options } from "./types-BsMRL-YJ.js";
 
+//#region src/rspack.d.ts
 declare const _default: (options?: Options | undefined) => RspackPluginInstance;
-
-export { _default as default };
+//#endregion
+export { _default as default };

package/dist/rspack.js

@@ -0,0 +1,8 @@
+import { unpluginFactory } from "./src-CWmlC_RH.js";
+import { createRspackPlugin } from "unplugin";
+
+//#region src/rspack.ts
+var rspack_default = createRspackPlugin(unpluginFactory);
+
+//#endregion
+export { rspack_default as default };

package/dist/src-CWmlC_RH.js

@@ -0,0 +1,96 @@
+import { createUnplugin } from "unplugin";
+import { createFilter, normalizePath } from "@vue.ts/common";
+import { ensureLanguage, getLanguage } from "@vue.ts/language";
+import MagicString from "magic-string";
+import ts from "typescript";
+import { join } from "node:path";
+
+//#region src/core/utils.ts
+const resolveOptions = (rawOptions) => ({
+	include: rawOptions.include ?? ["**/*.vue", "**/*.tsx"],
+	exclude: rawOptions.exclude ?? ["node_modules/**"],
+	tsconfigPath: rawOptions.tsconfigPath ?? join(process.cwd(), "tsconfig.json")
+});
+function getNodeAssignNode(node) {
+	let parent = null;
+	let variableList = null;
+	let variable = null;
+	while (node) {
+		if (parent) {
+			if (ts.isVariableDeclarationList(parent)) variableList = parent;
+			if (ts.isVariableDeclaration(parent)) variable = parent;
+		}
+		parent = node;
+		node = node.parent;
+	}
+	return {
+		variableList,
+		variable
+	};
+}
+
+//#endregion
+//#region src/core/transform.ts
+const generateDefineProps = (name, props) => `\n;Object.defineProperty(${name}, "props", {
+  value: ${JSON.stringify(props)},
+});`;
+const DEFINE_COMPONENT = "defineComponent";
+function transform(code, id) {
+	const s = new MagicString(code);
+	const normalizedFilepath = normalizePath(id);
+	const language = getLanguage();
+	const typeChecker = language.__internal__.typeChecker;
+	const ast = language.getVirtualFileOrTsAst(normalizedFilepath);
+	if (!ast) return;
+	language.traverseAst(ast, (node) => {
+		if (!ts.isCallExpression(node)) return;
+		const identifier = node.expression;
+		const symbol = typeChecker.getSymbolAtLocation(identifier);
+		if (symbol?.declarations?.some((d) => ts.isImportSpecifier(d) && (d.propertyName ?? d.name)?.text === DEFINE_COMPONENT)) {
+			const arg = node.arguments[0];
+			let setupFn;
+			if (ts.isObjectLiteralExpression(arg)) {
+				const props$1 = arg.properties.find((p) => ts.isPropertyAssignment(p) && ts.isIdentifier(p.name) && p.name.escapedText === "props");
+				const setup = arg.properties.find((p) => ts.isPropertyAssignment(p) && ts.isIdentifier(p.name) && p.name.escapedText === "setup");
+				if (!props$1 && setup && ts.isPropertyAssignment(setup)) {
+					const value = setup.initializer;
+					if (ts.isFunctionLike(value)) setupFn = value;
+				}
+			} else if (ts.isFunctionLike(arg)) setupFn = arg;
+			else throw new Error("[@vue.ts/tsx-auto-props] Invalid defineComponent argument");
+			const props = setupFn?.parameters[0];
+			if (props) {
+				const propsList = typeChecker.getTypeAtLocation(props).getProperties().map((p) => p.name);
+				const { variableList, variable } = getNodeAssignNode(node);
+				if (propsList.length > 0 && variableList && variable) s.appendRight(variableList.getEnd() + 1, generateDefineProps(variable.name.getText(ast), propsList));
+			}
+		}
+	});
+	return {
+		code: s.toString(),
+		map: s.generateMap({ hires: true })
+	};
+}
+
+//#endregion
+//#region src/index.ts
+const unpluginFactory = (options = {}) => {
+	const resolvedOptions = resolveOptions(options);
+	const filter = createFilter(resolvedOptions.include, resolvedOptions.exclude);
+	return {
+		name: "@vue.ts/tsx-auto-props",
+		buildStart() {
+			const resolvedOptions$1 = resolveOptions(options);
+			ensureLanguage(resolvedOptions$1.tsconfigPath);
+		},
+		transform(code, id) {
+			if (!filter(id)) return;
+			return transform(code, id);
+		}
+	};
+};
+const unplugin = /* @__PURE__ */ createUnplugin(unpluginFactory);
+var src_default = unplugin;
+
+//#endregion
+export { src_default, unplugin, unpluginFactory };

package/dist/types-BsMRL-YJ.d.ts

@@ -0,0 +1,15 @@
+import { FilterPattern } from "@rollup/pluginutils";
+
+//#region ../common/src/types.d.ts
+interface BaseOptions {
+  include?: FilterPattern;
+  exclude?: FilterPattern;
+}
+//#endregion
+//#region src/types.d.ts
+interface Options extends BaseOptions {
+  tsconfigPath?: string;
+}
+type ResolvedOptions = Required<Options>;
+//#endregion
+export { Options, ResolvedOptions };

package/dist/types.d.ts

@@ -1,8 +1,2 @@
-import { BaseOptions } from '@vue.ts/common';
-
-interface Options extends BaseOptions {
-    tsconfigPath?: string;
-}
-type ResolvedOptions = Required<Options>;
-
-export type { Options, ResolvedOptions };
+import { Options, ResolvedOptions } from "./types-BsMRL-YJ.js";
+export { Options, ResolvedOptions };

package/dist/vite-CO8uPslf.js

@@ -0,0 +1,8 @@
+import { unpluginFactory } from "./src-CWmlC_RH.js";
+import { createVitePlugin } from "unplugin";
+
+//#region src/vite.ts
+var vite_default = createVitePlugin(unpluginFactory);
+
+//#endregion
+export { vite_default };

package/dist/vite.d.ts

@@ -1,7 +1,7 @@
-import * as vite from 'vite';
-import { Options } from './types.js';
-import '@vue.ts/common';
+import { Options } from "./types-BsMRL-YJ.js";
+import * as vite0 from "vite";
 
-declare const _default: (options?: Options | undefined) => vite.Plugin<any> | vite.Plugin<any>[];
-
-export { _default as default };
+//#region src/vite.d.ts
+declare const _default: (options?: Options | undefined) => vite0.Plugin<any> | vite0.Plugin<any>[];
+//#endregion
+export { _default as default };

package/dist/vite.js

@@ -0,0 +1,4 @@
+import "./src-CWmlC_RH.js";
+import { vite_default } from "./vite-CO8uPslf.js";
+
+export { vite_default as default };

package/dist/webpack-Bs4ZyN2r.js

@@ -0,0 +1,8 @@
+import { unpluginFactory } from "./src-CWmlC_RH.js";
+import { createWebpackPlugin } from "unplugin";
+
+//#region src/webpack.ts
+var webpack_default = createWebpackPlugin(unpluginFactory);
+
+//#endregion
+export { webpack_default };

package/dist/webpack.d.ts

@@ -1,7 +1,7 @@
-import { WebpackPluginInstance } from 'unplugin';
-import { Options } from './types.js';
-import '@vue.ts/common';
+import { Options } from "./types-BsMRL-YJ.js";
+import * as webpack0 from "webpack";
 
-declare const _default: (options: Options) => WebpackPluginInstance;
-
-export { _default as default };
+//#region src/webpack.d.ts
+declare const _default: (options?: Options | undefined) => webpack0.WebpackPluginInstance;
+//#endregion
+export { _default as default };

package/dist/webpack.js

@@ -0,0 +1,4 @@
+import "./src-CWmlC_RH.js";
+import { webpack_default } from "./webpack-Bs4ZyN2r.js";
+
+export { webpack_default as default };

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@vue.ts/tsx-auto-props",
-  "version": "0.6.0",
+  "version": "1.0.0-beta.2",
   "author": "Ray <i@mk1.io> (@so1ve)",
+  "type": "module",
   "description": "Automatically add props definition for Vue 3 TSX.",
   "keywords": [
     "astro",
+    "farm",
     "nuxt",
+    "rolldown",
     "rollup",
     "rspack",
     "transform",
@@ -14,6 +17,7 @@
     "unplugin",
     "vite",
     "vue",
+    "vue.ts",
     "webpack"
   ],
   "homepage": "https://github.com/so1ve/vue.ts/tree/main/packages/tsx-auto-props#readme",
@@ -28,46 +32,21 @@
   "license": "MIT",
   "sideEffects": false,
   "exports": {
-    ".": {
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
-    },
-    "./*": "./*",
-    "./astro": {
-      "require": "./dist/astro.cjs",
-      "import": "./dist/astro.mjs"
-    },
-    "./esbuild": {
-      "require": "./dist/esbuild.cjs",
-      "import": "./dist/esbuild.mjs"
-    },
-    "./nuxt": {
-      "require": "./dist/nuxt.cjs",
-      "import": "./dist/nuxt.mjs"
-    },
-    "./rollup": {
-      "require": "./dist/rollup.cjs",
-      "import": "./dist/rollup.mjs"
-    },
-    "./rspack": {
-      "require": "./dist/rspack.cjs",
-      "import": "./dist/rspack.mjs"
-    },
-    "./types": {
-      "require": "./dist/types.cjs",
-      "import": "./dist/types.mjs"
-    },
-    "./vite": {
-      "require": "./dist/vite.cjs",
-      "import": "./dist/vite.mjs"
-    },
-    "./webpack": {
-      "require": "./dist/webpack.cjs",
-      "import": "./dist/webpack.mjs"
-    }
+    ".": "./dist/index.js",
+    "./astro": "./dist/astro.js",
+    "./esbuild": "./dist/esbuild.js",
+    "./farm": "./dist/farm.js",
+    "./nuxt": "./dist/nuxt.js",
+    "./rolldown": "./dist/rolldown.js",
+    "./rollup": "./dist/rollup.js",
+    "./rspack": "./dist/rspack.js",
+    "./types": "./dist/types.js",
+    "./vite": "./dist/vite.js",
+    "./webpack": "./dist/webpack.js"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "dist/index.d.ts",
   "typesVersions": {
     "*": {
       "*": [
@@ -83,25 +62,57 @@
     "access": "public"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.8.1",
-    "magic-string": "^0.30.5",
-    "unplugin": "^1.5.0",
-    "@vue.ts/common": "0.6.0",
-    "@vue.ts/language": "0.6.0"
+    "@nuxt/kit": "^3.17.6",
+    "magic-string": "^0.30.17",
+    "unplugin": "^2.3.5",
+    "@vue.ts/common": "1.0.0-beta.2",
+    "@vue.ts/language": "1.0.0-beta.2"
   },
   "devDependencies": {
-    "@nuxt/schema": "^3.8.1",
-    "rollup": "^4.3.0",
-    "unbuild": "^2.0.0",
-    "vite": "^5.0.2",
-    "webpack": "^5.89.0"
+    "@nuxt/schema": "^3.17.6",
+    "rolldown": "1.0.0-beta.27",
+    "rollup": "^4.44.2",
+    "vite": "^7.0.4",
+    "webpack": "^5.100.1"
   },
   "peerDependencies": {
-    "typescript": "^5.2.2",
-    "vue": "^3.3.7"
+    "@farmfe/core": ">=1",
+    "@nuxt/kit": "^3 || ^4",
+    "@nuxt/schema": "^3 || ^4",
+    "esbuild": "*",
+    "rolldown": "*",
+    "rollup": "^3",
+    "vite": ">=3",
+    "webpack": "^4 || ^5"
+  },
+  "peerDependenciesMeta": {
+    "@farmfe/core": {
+      "optional": true
+    },
+    "@nuxt/kit": {
+      "optional": true
+    },
+    "@nuxt/schema": {
+      "optional": true
+    },
+    "esbuild": {
+      "optional": true
+    },
+    "rolldown": {
+      "optional": true
+    },
+    "rollup": {
+      "optional": true
+    },
+    "vite": {
+      "optional": true
+    },
+    "webpack": {
+      "optional": true
+    }
   },
   "scripts": {
-    "build": "unbuild",
-    "stub": "unbuild --stub"
+    "build": "tsdown",
+    "watch": "tsdown --watch"
   }
 }

package/dist/astro.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-const index = require('./index.cjs');
-require('@vue.ts/common');
-require('@vue.ts/language');
-require('unplugin');
-require('magic-string');
-require('typescript');
-require('node:path');
-
-const astro = (options) => ({
-  name: "@vue.ts/complex-types",
-  hooks: {
-    "astro:config:setup": async (astro) => {
-      var _a;
-      (_a = astro.config.vite).plugins || (_a.plugins = []);
-      astro.config.vite.plugins.push(index.vite(options));
-    }
-  }
-});
-
-module.exports = astro;

package/dist/astro.d.cts

@@ -1,11 +0,0 @@
-import { Options } from './types.cjs';
-import '@vue.ts/common';
-
-declare const _default: (options: Options) => {
-    name: string;
-    hooks: {
-        "astro:config:setup": (astro: any) => Promise<void>;
-    };
-};
-
-export { _default as default };