@fukict/vite-plugin 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Fukict Team
+
+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

@@ -0,0 +1,247 @@
+# @fukict/vite-plugin
+
+Official Vite plugin for Fukict framework.
+
+## Features
+
+- ✅ Zero-config setup
+- ✅ TypeScript support (built-in)
+- ✅ Auto component wrapping with `defineFukict`
+- ✅ JSX to hyperscript transformation
+- ✅ Development mode enhancements
+- ✅ Source map support
+
+## Installation
+
+```bash
+pnpm add -D @fukict/vite-plugin
+pnpm add @fukict/basic
+```
+
+## Usage
+
+### Basic Setup
+
+**vite.config.ts**:
+
+```typescript
+import fukict from '@fukict/vite-plugin';
+
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [fukict()],
+});
+```
+
+That's it! The plugin will automatically:
+
+1. Transform JSX to `hyperscript()` calls
+2. Auto-wrap components with `defineFukict()`
+3. Handle TypeScript syntax
+4. Inject `displayName` in development mode
+
+### With Options
+
+```typescript
+import fukict from '@fukict/vite-plugin';
+
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [
+    fukict({
+      // Include patterns (default: /\.[jt]sx$/)
+      include: /\.[jt]sx$/,
+
+      // Exclude patterns (default: /node_modules/)
+      exclude: /node_modules/,
+
+      // Babel options
+      babel: {
+        // Development mode (default: NODE_ENV !== 'production')
+        development: true,
+
+        // TypeScript support (default: true)
+        typescript: true,
+      },
+    }),
+  ],
+});
+```
+
+## Options
+
+### `include`
+
+**Type**: `RegExp | RegExp[]`
+**Default**: `/\.[jt]sx$/`
+
+Files to include for transformation.
+
+**Example**:
+
+```typescript
+fukict({
+  include: [/\.tsx$/, /\.jsx$/],
+});
+```
+
+### `exclude`
+
+**Type**: `RegExp | RegExp[]`
+**Default**: `/node_modules/`
+
+Files to exclude from transformation.
+
+**Example**:
+
+```typescript
+fukict({
+  exclude: [/node_modules/, /\.spec\.tsx$/],
+});
+```
+
+### `babel.development`
+
+**Type**: `boolean`
+**Default**: `process.env.NODE_ENV !== 'production'`
+
+Enable development mode features (like `displayName` injection).
+
+### `babel.typescript`
+
+**Type**: `boolean`
+**Default**: `true`
+
+Enable TypeScript support.
+
+## How It Works
+
+The plugin uses `@fukict/babel-preset` under the hood to transform your code:
+
+```tsx
+// Input
+const Greeting = ({ name }) => <div>Hello {name}</div>;
+
+// Output
+import { defineFukict, hyperscript } from '@fukict/basic';
+
+const Greeting = defineFukict(({ name }) =>
+  hyperscript('div', null, ['Hello ', name])
+);
+Greeting.displayName = 'Greeting'; // in development mode
+Greeting.__COMPONENT_TYPE__ = 'function';
+```
+
+## TypeScript Configuration
+
+**tsconfig.json**:
+
+```json
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "@fukict/basic"
+  }
+}
+```
+
+## Examples
+
+### Basic Counter
+
+```tsx
+// src/Counter.tsx
+export const Counter = () => {
+  let count = 0;
+
+  const increment = () => {
+    count++;
+    // Re-render logic here
+  };
+
+  return (
+    <div>
+      <p>Count: {count}</p>
+      <button on:click={increment}>+</button>
+    </div>
+  );
+};
+```
+
+### With Class Component
+
+```tsx
+import { Fukict } from '@fukict/basic';
+
+export class Timer extends Fukict<{}> {
+  private count = 0;
+  private timer?: number;
+
+  mounted() {
+    this.timer = setInterval(() => {
+      this.count++;
+      this.update(this.props);
+    }, 1000);
+  }
+
+  beforeUnmount() {
+    clearInterval(this.timer);
+  }
+
+  render() {
+    return <div>Timer: {this.count}</div>;
+  }
+}
+```
+
+## FAQ
+
+### Q: Do I need to manually configure Babel?
+
+**A**: No! The plugin automatically configures everything for you.
+
+### Q: Can I use this with other Vite plugins?
+
+**A**: Yes, just add it to the `plugins` array along with other plugins.
+
+### Q: Does it work with TypeScript?
+
+**A**: Yes, TypeScript support is built-in and enabled by default.
+
+### Q: How do I disable auto component wrapping?
+
+**A**: Use the `@nofukict` comment:
+
+```tsx
+/** @nofukict */
+const MyFunction = () => <div />;
+```
+
+## Troubleshooting
+
+### JSX not transforming
+
+**Check**:
+
+1. File extension is `.jsx` or `.tsx`
+2. `tsconfig.json` has `"jsx": "preserve"`
+3. Plugin is added to Vite config
+
+### TypeScript errors
+
+**Check**:
+
+1. `@fukict/basic` is installed
+2. `jsxImportSource` is set to `"@fukict/basic"`
+3. TypeScript version >= 5.0.0
+
+## Related Packages
+
+- **@fukict/basic** - Fukict runtime (required)
+- **@fukict/babel-preset** - Babel preset (used internally)
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+import type { Plugin } from 'vite';
+/**
+ * Plugin options
+ */
+export interface FukictPluginOptions {
+    /**
+     * Include patterns (minimatch)
+     * @default [/\.[jt]sx$/]
+     */
+    include?: RegExp | RegExp[];
+    /**
+     * Exclude patterns (minimatch)
+     * @default [/node_modules/]
+     */
+    exclude?: RegExp | RegExp[];
+    /**
+     * Babel preset options
+     */
+    babel?: {
+        /**
+         * Development mode
+         * @default process.env.NODE_ENV !== 'production'
+         */
+        development?: boolean;
+        /**
+         * Enable TypeScript support
+         * @default true
+         */
+        typescript?: boolean;
+    };
+}
+/**
+ * Fukict Vite Plugin
+ *
+ * Transforms JSX and TypeScript using @fukict/babel-preset
+ *
+ * @example
+ * ```ts
+ * import { defineConfig } from 'vite';
+ * import fukict from '@fukict/vite-plugin';
+ *
+ * export default defineConfig({
+ *   plugins: [fukict()],
+ * });
+ * ```
+ */
+export default function fukict(options?: FukictPluginOptions): Plugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE;QACN;;;WAGG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QAEtB;;;WAGG;QACH,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;CACH;AA4BD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,GAAE,mBAAwB,GAAG,MAAM,CA2ExE"}

package/dist/index.js

@@ -0,0 +1,103 @@
+/**
+ * @fukict/vite-plugin
+ *
+ * Vite plugin for Fukict framework
+ */
+import { transformSync } from '@babel/core';
+/**
+ * Default include patterns
+ */
+var DEFAULT_INCLUDE = /\.[jt]sx$/;
+/**
+ * Default exclude patterns
+ */
+var DEFAULT_EXCLUDE = /node_modules/;
+/**
+ * Check if file matches pattern
+ */
+function matchPattern(id, patterns, defaultPattern) {
+    if (!patterns) {
+        return defaultPattern.test(id);
+    }
+    var patternList = Array.isArray(patterns) ? patterns : [patterns];
+    return patternList.some(function (pattern) { return pattern.test(id); });
+}
+/**
+ * Fukict Vite Plugin
+ *
+ * Transforms JSX and TypeScript using @fukict/babel-preset
+ *
+ * @example
+ * ```ts
+ * import { defineConfig } from 'vite';
+ * import fukict from '@fukict/vite-plugin';
+ *
+ * export default defineConfig({
+ *   plugins: [fukict()],
+ * });
+ * ```
+ */
+export default function fukict(options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.include, include = _a === void 0 ? DEFAULT_INCLUDE : _a, _b = options.exclude, exclude = _b === void 0 ? DEFAULT_EXCLUDE : _b, _c = options.babel, babel = _c === void 0 ? {} : _c;
+    var _d = babel.development, development = _d === void 0 ? process.env.NODE_ENV !== 'production' : _d, _e = babel.typescript, typescript = _e === void 0 ? true : _e;
+    return {
+        name: '@fukict/vite-plugin',
+        enforce: 'pre',
+        transform: function (code, id) {
+            // Check exclude patterns first
+            if (matchPattern(id, exclude, DEFAULT_EXCLUDE)) {
+                return null;
+            }
+            // Check include patterns
+            if (!matchPattern(id, include, DEFAULT_INCLUDE)) {
+                return null;
+            }
+            try {
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment
+                var result = transformSync(code, {
+                    presets: [
+                        [
+                            '@fukict/babel-preset',
+                            {
+                                development: development,
+                                typescript: typescript,
+                            },
+                        ],
+                    ],
+                    filename: id,
+                    sourceMaps: true,
+                    configFile: false,
+                    babelrc: false,
+                });
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                if (!result || !result.code) {
+                    return null;
+                }
+                return {
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
+                    code: result.code,
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
+                    map: result.map,
+                };
+            }
+            catch (error) {
+                console.error("[fukict] Transform error in ".concat(id, ":"));
+                console.error(error);
+                this.error({
+                    message: "Failed to transform ".concat(id, ": ").concat(error instanceof Error ? error.message : String(error)),
+                    cause: error instanceof Error ? error : new Error(String(error)),
+                });
+            }
+        },
+        config: function () {
+            return {
+                esbuild: {
+                    // Disable esbuild's JSX transform
+                    jsx: 'preserve',
+                },
+            };
+        },
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAsC5C;;GAEG;AACH,IAAM,eAAe,GAAG,WAAW,CAAC;AAEpC;;GAEG;AACH,IAAM,eAAe,GAAG,cAAc,CAAC;AAEvC;;GAEG;AACH,SAAS,YAAY,CACnB,EAAU,EACV,QAAuC,EACvC,cAAsB;IAEtB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACpE,OAAO,WAAW,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAhB,CAAgB,CAAC,CAAC;AACvD,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAiC;IAAjC,wBAAA,EAAA,YAAiC;IAE5D,IAAA,KAGE,OAAO,QAHgB,EAAzB,OAAO,mBAAG,eAAe,KAAA,EACzB,KAEE,OAAO,QAFgB,EAAzB,OAAO,mBAAG,eAAe,KAAA,EACzB,KACE,OAAO,MADC,EAAV,KAAK,mBAAG,EAAE,KAAA,CACA;IAGV,IAAA,KAEE,KAAK,YAF4C,EAAnD,WAAW,mBAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,KAAA,EACnD,KACE,KAAK,WADU,EAAjB,UAAU,mBAAG,IAAI,KAAA,CACT;IAEV,OAAO;QACL,IAAI,EAAE,qBAAqB;QAC3B,OAAO,EAAE,KAAK;QAEd,SAAS,YAAC,IAAI,EAAE,EAAE;YAChB,+BAA+B;YAC/B,IAAI,YAAY,CAAC,EAAE,EAAE,OAAO,EAAE,eAAe,CAAC,EAAE,CAAC;gBAC/C,OAAO,IAAI,CAAC;YACd,CAAC;YAED,yBAAyB;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,OAAO,EAAE,eAAe,CAAC,EAAE,CAAC;gBAChD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,IAAI,CAAC;gBACH,sGAAsG;gBACtG,IAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE;oBACjC,OAAO,EAAE;wBACP;4BACE,sBAAsB;4BACtB;gCACE,WAAW,aAAA;gCACX,UAAU,YAAA;6BACX;yBACF;qBACF;oBACD,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,IAAI;oBAChB,UAAU,EAAE,KAAK;oBACjB,OAAO,EAAE,KAAK;iBACf,CAAC,CAAC;gBAEH,sEAAsE;gBACtE,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;oBAC5B,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,OAAO;oBACL,+GAA+G;oBAC/G,IAAI,EAAE,MAAM,CAAC,IAAI;oBACjB,+GAA+G;oBAC/G,GAAG,EAAE,MAAM,CAAC,GAAG;iBAChB,CAAC;YACJ,CAAC;YAAC,OAAO,KAAc,EAAE,CAAC;gBACxB,OAAO,CAAC,KAAK,CAAC,sCAA+B,EAAE,MAAG,CAAC,CAAC;gBACpD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACrB,IAAI,CAAC,KAAK,CAAC;oBACT,OAAO,EAAE,8BAAuB,EAAE,eAAK,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAE;oBAC/F,KAAK,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACjE,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,MAAM;YACJ,OAAO;gBACL,OAAO,EAAE;oBACP,kCAAkC;oBAClC,GAAG,EAAE,UAAU;iBAChB;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@fukict/vite-plugin",
+  "version": "0.1.0",
+  "description": "Vite plugin for Fukict framework",
+  "keywords": [
+    "fukict",
+    "vite",
+    "plugin",
+    "jsx",
+    "typescript"
+  ],
+  "bugs": {
+    "url": "https://github.com/fukict/fukict/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fukict/fukict.git",
+    "directory": "packages/vite-plugin"
+  },
+  "license": "MIT",
+  "author": "Fukict Team",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/core": "^7.26.0",
+    "@fukict/babel-preset": "0.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.3"
+  },
+  "peerDependencies": {
+    "vite": "^6.3.6"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "lint": "tsc --noEmit",
+    "typecheck": "tsc --noEmit"
+  }
+}