Package Exports

@fynixorg/types-fynix
@fynixorg/types-fynix/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@fynixorg/types-fynix) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

TypeScript Fynix Plugin

A TypeScript language service plugin that enables full TypeScript support for Fynix (.fnx) single file components.

Features

Module resolution for .fnx files
TypeScript IntelliSense and autocomplete
Type checking and error detection
Go to definition and references
Hover information
Automatic transformation of .fnx to .tsx

Installation

npm install typescript-fynix-plugin

Usage

Add the plugin to your tsconfig.json:

{
  "compilerOptions": {
    "jsx": "react",
    "moduleResolution": "node",
    "plugins": [
      {
        "name": "typescript-fynix-plugin"
      }
    ]
  }
}

Then restart your TypeScript server or reload your IDE.

What it does

This plugin allows you to import .fnx files in TypeScript:

import MyComponent from "./components/MyComponent.fnx";

The plugin automatically:

Resolves .fnx file imports
Transforms Fynix single file components to TypeScript/TSX
Provides full TypeScript language features

Fynix File Format

Fynix files use a .fnx extension with this structure:

<logic setup="ts">
  import { useState } from "react"; const [count, setCount] = useState(0);
</logic>

<view>
  <div>
    <h1>Count: {count}</h1>
    <button onClick="{()" ="">setCount(count + 1)}>Increment</button>
  </div>
</view>

<style scoped>
  h1 {
    color: blue;
  }
</style>

Requirements

TypeScript >= 4.0.0
Node.js >= 14.0.0

License

MIT

Author

Resty Gonzales restygonzales749@gmail.com