@vue.ts/tsx-auto-props 0.5.0 → 1.0.0-beta.1

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

@@ -1,6 +1,6 @@
-# unplugin-vue-tsx-auto-props
+# @vue.ts/tsx-auto-props
 
-[![NPM version](https://img.shields.io/npm/v/unplugin-vue-tsx-auto-props?color=a1b858&label=)](https://www.npmjs.com/package/unplugin-vue-tsx-auto-props)
+[![NPM version](https://img.shields.io/npm/v/@vue.ts/tsx-auto-props?color=a1b858&label=)](https://www.npmjs.com/package/@vue.ts/tsx-auto-props)
 
 ## Why?
 
@@ -37,9 +37,9 @@ Object.defineProperty(Foo, "props", {
 ## 📦 Installation
 
 ```bash
-$ npm install -D unplugin-vue-tsx-auto-props
-$ yarn add -D unplugin-vue-tsx-auto-props
-$ pnpm add -D unplugin-vue-tsx-auto-props
+$ npm install -D @vue.ts/tsx-auto-props
+$ yarn add -D @vue.ts/tsx-auto-props
+$ pnpm add -D @vue.ts/tsx-auto-props
 ```
 
 ## 🚀 Usage
@@ -49,7 +49,7 @@ $ pnpm add -D unplugin-vue-tsx-auto-props
 
 ```ts
 // vite.config.ts
-import VueTsxAutoProps from "unplugin-vue-tsx-auto-props/vite";
+import VueTsxAutoProps from "@vue.ts/tsx-auto-props/vite";
 
 export default defineConfig({
 	plugins: [
@@ -62,12 +62,31 @@ 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>
 
 ```ts
 // rollup.config.js
-import VueTsxAutoProps from "unplugin-vue-tsx-auto-props/rollup";
+import VueTsxAutoProps from "@vue.ts/tsx-auto-props/rollup";
 
 export default {
 	plugins: [
@@ -89,7 +108,7 @@ export default {
 module.exports = {
 	/* ... */
 	plugins: [
-		require("unplugin-vue-tsx-auto-props/webpack")({
+		require("@vue.ts/tsx-auto-props/webpack")({
 			/* options */
 		}),
 	],
@@ -104,7 +123,7 @@ module.exports = {
 ```ts
 // nuxt.config.ts
 export default defineNuxtConfig({
-	modules: ["unplugin-vue-tsx-auto-props/nuxt"],
+	modules: ["@vue.ts/tsx-auto-props/nuxt"],
 });
 ```
 
@@ -118,7 +137,7 @@ export default defineNuxtConfig({
 module.exports = {
 	configureWebpack: {
 		plugins: [
-			require("unplugin-vue-tsx-auto-props/webpack")({
+			require("@vue.ts/tsx-auto-props/webpack")({
 				/* options */
 			}),
 		],
@@ -136,7 +155,7 @@ module.exports = {
 module.exports = {
 	vitePlugins: [
 		[
-			"unplugin-vue-tsx-auto-props/vite",
+			"@vue.ts/tsx-auto-props/vite",
 			{
 				/* options */
 			},
@@ -147,12 +166,12 @@ module.exports = {
 
 ```ts
 // quasar.conf.js [Webpack]
-const VueTsxAutoPropsPlugin = require("unplugin-vue-tsx-auto-props/webpack");
+const VueTsxAutoPropsPlugin = require("@vue.ts/tsx-auto-props/webpack");
 
 module.exports = {
 	build: {
 		chainWebpack(chain) {
-			chain.plugin("unplugin-vue-tsx-auto-props").use(
+			chain.plugin("@vue.ts/tsx-auto-props").use(
 				VueTsxAutoPropsPlugin({
 					/* options */
 				}),
@@ -174,7 +193,7 @@ import { build } from "esbuild";
 build({
 	/* ... */
 	plugins: [
-		require("unplugin-vue-tsx-auto-props/esbuild")({
+		require("@vue.ts/tsx-auto-props/esbuild")({
 			/* options */
 		}),
 	],
@@ -188,7 +207,7 @@ build({
 
 ```ts
 // astro.config.mjs
-import VueTsxAutoProps from "unplugin-vue-tsx-auto-props/astro";
+import VueTsxAutoProps from "@vue.ts/tsx-auto-props/astro";
 
 export default defineConfig({
 	integrations: [

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 };