Merge pull request #333 from ieedan/fix-vue-compiler-issue

ieedan · Jan 6, 2025 · ae44f8b · ae44f8b
2 parents 689306c + 22b53f0
commit ae44f8b
Show file tree

Hide file tree

Showing 6 changed files with 66 additions and 15 deletions.
diff --git a/.changeset/odd-tables-clean.md b/.changeset/odd-tables-clean.md
@@ -0,0 +1,5 @@
+---
+"jsrepo": patch
+---
+
+Ensure vue compiler has `fs` access.
diff --git a/examples/registry/blocks/vue/Test.vue b/examples/registry/blocks/vue/Test.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+	import type { PropType } from './type';
+
+	const props = defineProps<PropType>();
+</script>
+
+<template>
+	<div>
+		{{ value }}
+	</div>
+</template>
diff --git a/examples/registry/blocks/vue/type.ts b/examples/registry/blocks/vue/type.ts
@@ -0,0 +1 @@
+export type PropType = { value: string };
diff --git a/examples/registry/jsrepo-manifest.json b/examples/registry/jsrepo-manifest.json
@@ -220,5 +220,44 @@
 				"devDependencies": []
 			}
 		]
+	},
+	{
+		"name": "vue",
+		"blocks": [
+			{
+				"name": "Test",
+				"directory": "blocks/vue",
+				"category": "vue",
+				"tests": false,
+				"subdirectory": false,
+				"list": true,
+				"files": [
+					"Test.vue"
+				],
+				"localDependencies": [
+					"vue/type"
+				],
+				"_imports_": {
+					"./type": "{{vue/type}}"
+				},
+				"dependencies": [],
+				"devDependencies": []
+			},
+			{
+				"name": "type",
+				"directory": "blocks/vue",
+				"category": "vue",
+				"tests": false,
+				"subdirectory": false,
+				"list": true,
+				"files": [
+					"type.ts"
+				],
+				"localDependencies": [],
+				"_imports_": {},
+				"dependencies": [],
+				"devDependencies": []
+			}
+		]
 	}
 ]
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -15,24 +15,12 @@
 	"bugs": {
 		"url": "https://github.com/ieedan/jsrepo/issues"
 	},
-	"keywords": [
-		"repo",
-		"cli",
-		"svelte",
-		"vue",
-		"typescript",
-		"javascript",
-		"shadcn",
-		"registry"
-	],
+	"keywords": ["repo", "cli", "svelte", "vue", "typescript", "javascript", "shadcn", "registry"],
 	"type": "module",
 	"exports": "./dist/index.js",
 	"bin": "./dist/index.js",
 	"main": "./dist/index.js",
-	"files": [
-		"./schemas/**/*",
-		"dist"
-	],
+	"files": ["./schemas/**/*", "dist"],
 	"scripts": {
 		"start": "tsup --silent && node ./dist/index.js",
 		"build": "tsup",

diff --git a/packages/cli/src/utils/language-support.ts b/packages/cli/src/utils/language-support.ts
@@ -390,7 +390,14 @@ const vue: Lang = {
 
 		let compiled: v.SFCScriptBlock;
 		try {
-			compiled = v.compileScript(parsed.descriptor, { id: 'shut-it' }); // you need this id to remove a warning
+			compiled = v.compileScript(parsed.descriptor, {
+				id: 'shut-it',
+				fs: {
+					fileExists: fs.existsSync,
+					readFile: (file) => fs.readFileSync(file).toString(),
+					realpath: fs.realpathSync,
+				},
+			}); // you need this id to remove a warning
 		} catch (err) {
 			return Err(`Compile error: ${err}`);
 		}