vatts 1.1.2 → 1.1.4-alpha.1

package/dist/builder.js

@@ -20,14 +20,6 @@ const path = require('path');
 const Console = require("./api/console").default;
 const fs = require('fs');
 const { readdir, stat, rm } = require("node:fs/promises");
-// Tenta carregar o Sharp para otimização de imagens
-let sharp;
-try {
-    sharp = require('sharp');
-}
-catch (e) {
-    Console.warn("Sharp não encontrado. Otimização de imagem (resize) desativada. Instale com: npm install sharp");
-}
 // Plugins Oficiais do Rollup
 const nodeResolve = require('@rollup/plugin-node-resolve').default;
 const commonjs = require('@rollup/plugin-commonjs').default;
@@ -194,8 +186,9 @@ const customPostCssPlugin = (isProduction) => {
                 });
                 // Lógica unificada: Usa arquivo externo tanto em Dev quanto Prod.
                 // Isso libera a memória que seria usada para stringificar o CSS dentro do JS.
+                // FIX: O Rollup pode retornar um objeto URL ao invés de string. String() força a conversão.
                 return `
-                    const cssUrl = import.meta.ROLLUP_FILE_URL_${referenceId};
+                    const cssUrl = String(import.meta.ROLLUP_FILE_URL_${referenceId});
                     if (typeof document !== 'undefined') {
                         const link = document.createElement('link');
                         link.rel = 'stylesheet';
@@ -210,8 +203,8 @@ const customPostCssPlugin = (isProduction) => {
     };
 };
 /**
- * Plugin Inteligente para Assets (Otimizado para RAM e agora com Sharp)
- * - Suporta redimensionamento via query params: import img from './image.png?w=200&h=200'
+ * Plugin Inteligente para Assets (Otimizado para RAM)
+ * - Agora utiliza emissão de arquivos também em DEV para arquivos grandes.
  */
 const smartAssetPlugin = (isProduction) => {
     // 4KB - Arquivos maiores que isso viram referência externa.
@@ -220,8 +213,7 @@ const smartAssetPlugin = (isProduction) => {
     return {
         name: 'smart-asset-loader',
         async load(id) {
-            // Separa o ID dos parâmetros de query
-            const [cleanId, queryParams] = id.split('?');
+            const cleanId = id.split('?')[0];
             if (cleanId.startsWith('\0'))
                 return null;
             const ext = path.extname(cleanId).slice(1).toLowerCase();
@@ -245,46 +237,6 @@ const smartAssetPlugin = (isProduction) => {
                 return `export default ${JSON.stringify(content)};`;
             }
             let buffer = await fs.promises.readFile(cleanId);
-            // --- VATTS IMAGE OPTIMIZATION (SHARP) ---
-            // Verifica se tem sharp e se tem parâmetros de resize (w=, h=, q=)
-            if (sharp && queryParams && ['png', 'jpg', 'jpeg', 'webp', 'avif'].includes(ext)) {
-                try {
-                    const params = new URLSearchParams(queryParams);
-                    const width = params.get('w') || params.get('width');
-                    const height = params.get('h') || params.get('height');
-                    const quality = params.get('q') || params.get('quality');
-                    if (width || height || quality) {
-                        let transformer = sharp(buffer);
-                        if (width || height) {
-                            transformer = transformer.resize({
-                                width: width ? parseInt(width) : null,
-                                height: height ? parseInt(height) : null,
-                                fit: 'cover', // Padrão 'cover' para manter aspect ratio preenchendo
-                                withoutEnlargement: true // Não aumenta se a imagem original for menor
-                            });
-                        }
-                        // Aplica qualidade/compressão se solicitado
-                        if (quality) {
-                            const q = parseInt(quality);
-                            if (ext === 'jpeg' || ext === 'jpg')
-                                transformer.jpeg({ quality: q });
-                            if (ext === 'webp')
-                                transformer.webp({ quality: q });
-                            if (ext === 'avif')
-                                transformer.avif({ quality: q });
-                            if (ext === 'png')
-                                transformer.png({ quality: q });
-                        }
-                        buffer = await transformer.toBuffer();
-                        // Atualiza o tamanho para a decisão de inline/emit abaixo
-                    }
-                }
-                catch (e) {
-                    Console.warn(`Failed to optimize image ${path.basename(cleanId)}:`, e.message);
-                    // Falha silenciosa: usa o buffer original
-                }
-            }
-            // ------------------------------------------
             const size = buffer.length;
             // Tratamento especial para SVG (inline SVG vs URL)
             if (type === 'svg') {
@@ -305,28 +257,31 @@ const smartAssetPlugin = (isProduction) => {
                     });
                     const content = buffer.toString('utf8');
                     buffer = null; // GC Hint
+                    // FIX: O Rollup pode retornar um objeto URL. String() resolve o erro de startsWith.
                     return `
-                        export default import.meta.ROLLUP_FILE_URL_${referenceId};
+                        export default String(import.meta.ROLLUP_FILE_URL_${referenceId});
                         export const svgContent = ${JSON.stringify(content)};
                     `;
                 }
             }
             // Para outros assets:
-            // Se for pequeno (ou ficou pequeno após resize), Base64
+            // Se for pequeno, Base64 (reduz requests HTTP)
+            // Se for grande, Arquivo (reduz uso de RAM e tamanho do bundle JS)
+            // Essa lógica agora aplica para DEV e PROD. Base64 em Dev para arquivos grandes era o vilão da RAM.
             if (size < INLINE_LIMIT) {
                 const base64 = buffer.toString('base64');
                 buffer = null; // Libera memória do buffer bruto imediatamente
                 return `export default "data:${type};base64,${base64}";`;
             }
             else {
-                // Se ainda for grande, emite arquivo
                 const referenceId = this.emitFile({
                     type: 'asset',
-                    name: path.basename(cleanId), // O nome será hasheado pelo Rollup output options
+                    name: path.basename(cleanId),
                     source: buffer
                 });
                 buffer = null; // Libera memória
-                return `export default import.meta.ROLLUP_FILE_URL_${referenceId};`;
+                // FIX: O Rollup pode retornar um objeto URL. String() resolve o erro de startsWith.
+                return `export default String(import.meta.ROLLUP_FILE_URL_${referenceId});`;
             }
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vatts",
-  "version": "1.1.2",
+  "version": "1.1.4-alpha.1",
   "description": "Vatts.js is a high-level framework for building web applications with ease and speed. It provides a robust set of tools and features to streamline development and enhance productivity.",
   "types": "dist/index.d.ts",
   "author": "itsmuzin",