@fluffjs/cli 0.4.1 → 0.4.3

package/CodeGenerator.d.ts

@@ -59,7 +59,7 @@ export declare class CodeGenerator {
     private readonly collectedTemplates;
     constructor(componentSelectors?: Set<string>, componentSelector?: string);
     static resetGlobalState(): void;
-    private static internString;
+    static internString(str: string): number;
     static getStringTable(): string[];
     generateRenderMethod(template: ParsedTemplate, styles?: string): string;
     generateHtml(template: ParsedTemplate): string;

package/ComponentCompiler.js

@@ -1,9 +1,11 @@
 import * as babel from '@babel/core';
 import { parse } from '@babel/parser';
 import * as t from '@babel/types';
+import cssnano from 'cssnano';
 import * as esbuild from 'esbuild';
 import * as fs from 'fs';
 import { minify as minifyHtml } from 'html-minifier-terser';
+import postcss from 'postcss';
 import * as parse5 from 'parse5';
 import * as path from 'path';
 import { SourceMapConsumer, SourceMapGenerator } from 'source-map';
@@ -116,6 +118,8 @@ export class ComponentCompiler {
             styles = inlineStyles;
         }
         if (minify && styles) {
+            const nanoResult = await postcss([cssnano({ preset: 'default' })]).process(styles, { from: undefined });
+            styles = nanoResult.css;
             const cssResult = await esbuild.transform(styles, {
                 loader: 'css', minify: true
             });

package/Generator.js

@@ -102,8 +102,8 @@ export class Generator {
             private: true,
             type: 'module',
             scripts: {
-                build: 'npx @fluffjs/cli build',
-                serve: 'npx @fluffjs/cli serve'
+                build: 'fluff build',
+                serve: 'fluff serve'
             },
             dependencies: {
                 '@fluffjs/fluff': `^${cliVersion}`

package/PeerDependencies.d.ts

@@ -0,0 +1,6 @@
+export interface PeerDependency {
+    name: string;
+    version: string;
+}
+export declare function getCliPeerDependencies(): PeerDependency[];
+//# sourceMappingURL=PeerDependencies.d.ts.map

package/PeerDependencies.js

@@ -0,0 +1,7 @@
+export function getCliPeerDependencies() {
+    return [
+        { name: 'cssnano', version: '^7.1.2' },
+        { name: 'postcss', version: '^8.5.6' },
+        { name: 'jsesc', version: '^3.1.0' }
+    ];
+}

package/babel-plugin-reactive.js

@@ -1,5 +1,6 @@
 import { types as t } from '@babel/core';
 import { buildHostBindingUpdateStatement, findDecoratorIndex, getDecoratorName } from './BabelHelpers.js';
+import { CodeGenerator } from './CodeGenerator.js';
 export const reactivePropertiesMap = new Map();
 export default function reactivePlugin() {
     // noinspection JSUnusedGlobalSymbols
@@ -349,7 +350,8 @@ export default function reactivePlugin() {
                     const propertyArgs = useOptionsObject
                         ? [t.objectExpression(propertyOptions)]
                         : [initialValue];
-                    const createPropCall = t.callExpression(t.memberExpression(t.thisExpression(), t.identifier('__createProp')), [t.stringLiteral(propName), ...propertyArgs]);
+                    const propNameIdx = CodeGenerator.internString(propName);
+                    const createPropCall = t.callExpression(t.memberExpression(t.thisExpression(), t.identifier('__createProp')), [t.numericLiteral(propNameIdx), ...propertyArgs]);
                     const privateField = t.classProperty(t.identifier(privateName), createPropCall);
                     propsToRemove.push(memberPath);
                     privateFields.push(privateField);

package/fluff-esbuild-plugin.js

@@ -137,7 +137,7 @@ export function fluffPlugin(options) {
                     plugins: ['typescript', 'decorators']
                 });
                 const exprTableImport = t.importDeclaration([], t.stringLiteral(VIRTUAL_EXPR_TABLE_ID));
-                ast.program.body.push(exprTableImport);
+                ast.program.body.unshift(exprTableImport);
                 const output = generate(ast, { compact: false });
                 return {
                     contents: output.code,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluffjs/cli",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",
@@ -29,21 +29,23 @@
     "@babel/preset-typescript": "^7.28.5",
     "@babel/traverse": "^7.28.6",
     "@babel/types": "^7.28.6",
+    "cssnano": "^7.1.2",
     "esbuild": "^0.27.2",
     "he": "^1.2.0",
     "html-minifier-terser": "^7.2.0",
     "http-proxy": "^1.18.1",
-    "picomatch": "^4.0.2",
+    "jsesc": "^3.1.0",
     "parse5": "^8.0.0",
     "parse5-sax-parser": "^8.0.0",
+    "picomatch": "^4.0.2",
+    "postcss": "^8.5.6",
     "source-map": "^0.7.6",
     "tslib": "^2.3.0"
   },
   "devDependencies": {
     "@types/he": "^1.2.3",
     "@types/http-proxy": "^1.17.16",
-    "@types/jsesc": "^3.0.3",
-    "jsesc": "^3.1.0"
+    "@types/jsesc": "^3.0.3"
   },
   "publishConfig": {
     "access": "public"