framer-code-link 0.2.4 → 0.2.5

package/dist/index.mjs

@@ -117,6 +117,7 @@ let LogLevel = /* @__PURE__ */ function(LogLevel$1) {
 let currentLevel = LogLevel.INFO;
 let lastMessage = "";
 let lastMessageCount = 0;
+let lastWasFileSync = false;
 const CLEAR_LINE = "\x1B[2K";
 const MOVE_CURSOR_UP = "\x1B[1A";
 function rewriteLastLine(text) {
@@ -144,12 +145,14 @@ function flushDedupe() {
 /**
 * Log with deduplication - repeated messages within window get counted
 */
-function logWithDedupe(message, writer) {
+function logWithDedupe(message, writer, isFileSync = false) {
 	if (message === lastMessage) {
 		lastMessageCount++;
 		dedupeMessage(message, lastMessageCount);
 		return;
 	}
+	if (isFileSync && !lastWasFileSync) console.log();
+	lastWasFileSync = isFileSync;
 	lastMessage = message;
 	lastMessageCount = 1;
 	writer();
@@ -215,19 +218,19 @@ function success(message, ...args) {
 function fileDown(fileName) {
 	if (currentLevel <= LogLevel.INFO) {
 		const msg = `  ${import_picocolors.default.blue("↓")} ${fileName}`;
-		logWithDedupe(msg, () => console.log(msg));
+		logWithDedupe(msg, () => console.log(msg), true);
 	}
 }
 function fileUp(fileName) {
 	if (currentLevel <= LogLevel.INFO) {
 		const msg = `  ${import_picocolors.default.green("↑")} ${fileName}`;
-		logWithDedupe(msg, () => console.log(msg));
+		logWithDedupe(msg, () => console.log(msg), true);
 	}
 }
 function fileDelete(fileName) {
 	if (currentLevel <= LogLevel.INFO) {
 		const msg = `  ${import_picocolors.default.red("×")} ${fileName}`;
-		logWithDedupe(msg, () => console.log(msg));
+		logWithDedupe(msg, () => console.log(msg), true);
 	}
 }
 /**
@@ -1083,15 +1086,31 @@ const REACT_DOM_TYPES_VERSION = "18.3.1";
 const CORE_LIBRARIES = ["framer-motion", "framer"];
 const JSON_EXTENSION_REGEX = /\.json$/i;
 /**
+* Packages that are officially supported for type acquisition.
+* Use --unsupported-npm flag to allow other packages.
+*/
+const SUPPORTED_PACKAGES = new Set([
+	"framer",
+	"framer-motion",
+	"react",
+	"@types/react",
+	"eventemitter3",
+	"csstype",
+	"motion-dom",
+	"motion-utils"
+]);
+/**
 * Installer class for managing automatic type acquisition.
 */
 var Installer = class {
 	projectDir;
+	allowUnsupportedNpm;
 	ata;
 	processedImports = /* @__PURE__ */ new Set();
 	initializationPromise = null;
 	constructor(config) {
 		this.projectDir = config.projectDir;
+		this.allowUnsupportedNpm = config.allowUnsupportedNpm ?? false;
 		const seenPackages = /* @__PURE__ */ new Set();
 		this.ata = setupTypeAcquisition({
 			projectName: "framer-code-link",
@@ -1174,18 +1193,37 @@ var Installer = class {
 		});
 	}
 	async processImports(fileName, content) {
-		const imports = extractImports(content).filter((imp) => imp.type === "npm");
+		const allImports = extractImports(content).filter((imp) => imp.type === "npm");
+		if (allImports.length === 0) return;
+		const imports = this.allowUnsupportedNpm ? allImports : allImports.filter((imp) => this.isSupportedPackage(imp.name));
+		if (allImports.length - imports.length > 0 && !this.allowUnsupportedNpm) debug(`Skipping unsupported packages: ${allImports.filter((imp) => !this.isSupportedPackage(imp.name)).map((imp) => imp.name).join(", ")} (use --unsupported-npm to enable)`);
 		if (imports.length === 0) return;
 		const hash = imports.map((imp) => imp.name).sort().join(",");
 		if (this.processedImports.has(hash)) return;
 		this.processedImports.add(hash);
 		debug(`Processing imports for ${fileName} (${imports.length} packages)`);
+		const filteredContent = this.allowUnsupportedNpm ? content : this.buildFilteredImports(imports);
 		try {
-			await this.ata(content);
+			await this.ata(filteredContent);
 		} catch (err) {
 			warn(`ATA failed for ${fileName}`, err);
 		}
 	}
+	/**
+	* Check if a package is in the supported list.
+	* Also checks for subpath imports (e.g., "framer/build" -> "framer")
+	*/
+	isSupportedPackage(pkgName) {
+		if (SUPPORTED_PACKAGES.has(pkgName)) return true;
+		const basePkg = pkgName.startsWith("@") ? pkgName.split("/").slice(0, 2).join("/") : pkgName.split("/")[0];
+		return SUPPORTED_PACKAGES.has(basePkg);
+	}
+	/**
+	* Build synthetic import statements for ATA from filtered imports
+	*/
+	buildFilteredImports(imports) {
+		return imports.map((imp) => `import "${imp.name}";`).join("\n");
+	}
 	async writeTypeFile(receivedPath, code) {
 		const normalized = receivedPath.replace(/^\//, "");
 		const destination = path.join(this.projectDir, normalized);
@@ -2380,7 +2418,10 @@ async function start(config) {
 			}
 		});
 		if (config.projectDir && !installer) {
-			installer = new Installer({ projectDir: config.projectDir });
+			installer = new Installer({
+				projectDir: config.projectDir,
+				allowUnsupportedNpm: config.allowUnsupportedNpm
+			});
 			await installer.initialize();
 			startWatcher();
 		}
@@ -2520,7 +2561,7 @@ program.exitOverride((err) => {
 	}
 	throw err;
 });
-program.name("framer-code-link").description("Sync Framer code components to your local filesystem").version("0.1.0").argument("[projectHash]", "Framer Project ID Hash (auto-detected from package.json if omitted)").option("-n, --name <name>", "Project name (optional)").option("-d, --dir <directory>", "Explicit project directory").option("-v, --verbose", "Enable verbose logging").option("--log-level <level>", "Set log level (debug, info, warn, error)").option("--dangerously-auto-delete", "Automatically delete remote files without confirmation").action(async (projectHash, options) => {
+program.name("framer-code-link").description("Sync Framer code components to your local filesystem").version("0.1.0").argument("[projectHash]", "Framer Project ID Hash (auto-detected from package.json if omitted)").option("-n, --name <name>", "Project name (optional)").option("-d, --dir <directory>", "Explicit project directory").option("-v, --verbose", "Enable verbose logging").option("--log-level <level>", "Set log level (debug, info, warn, error)").option("--dangerously-auto-delete", "Automatically delete remote files without confirmation").option("--unsupported-npm", "Allow type acquisition for unsupported npm packages").action(async (projectHash, options) => {
 	if (!projectHash) {
 		const detected = await getProjectHashFromCwd();
 		if (detected) projectHash = detected;
@@ -2548,6 +2589,7 @@ program.name("framer-code-link").description("Sync Framer code components to you
 		projectDir: null,
 		filesDir: null,
 		dangerouslyAutoDelete: options.dangerouslyAutoDelete ?? false,
+		allowUnsupportedNpm: options.unsupportedNpm ?? false,
 		explicitDir: options.dir,
 		explicitName: options.name
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framer-code-link",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "CLI tool for syncing Framer code components - controller-centric architecture",
   "main": "dist/index.mjs",
   "type": "module",