Registry / web-framework / tannijs-compiler

tannijs-compiler

library0.2.5jsnpmunverified

The SFC (Single File Component) compiler for the Tanni framework, a modern UI library. This package compiles .tanni files into render functions, handling template parsing, style extraction, and script transformation. Current version 0.2.5 is in early development, with weekly releases. Key differentiator: specifically built for Tanni's reactive runtime, pairing tightly with @tannijs/core.

web-framework

npm install tannijs-compiler

package ↗

INSTALL

IMPORT

SIG · TANNIJS-COMPILER

tannijs-compiler

web-frameworkjavascriptv0.2.5

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

compile

✓ import { compile } from '@tannijs/compiler'

✗ const compile = require('@tannijs/compiler').compile

ESM only; no CommonJS support before v1.0

CompiledResult

✓ import type { CompiledResult } from '@tannijs/compiler'

✗ import { CompiledResult } from '@tannijs/compiler'

Type-only import for TypeScript users

default

✓ import compiler from '@tannijs/compiler'

✗ import { default as compiler } from '@tannijs/compiler'

Default export is the compiler object with methods like compile()

Demonstrates compiling a Tanni SFC string into JavaScript render code, with source map and error handling.

import { compile } from '@tannijs/compiler'; const source = ` <template> <div>{{ message }}</div> </template> <script> export default { data() { return { message: 'Hello Tanni' } } } </script> <style> div { color: blue; } </style>`; const result = compile(source, { filename: 'App.tanni', sourceMap: true }); console.log(result.code); console.log(result.map); console.log(result.errors);

Debug

Known issues

breakingDeprecated compileSync removed in 0.2.0; use async compile only.

fix

Replace compileSync(source) with await compile(source).

affects: >=0.2.0

gotchaUnused imports cause compile errors.

fix

Remove unused imports from <script> blocks to avoid parse failures.

affects: >=0.1.0

gotchaStyle scoping not applied automatically; use data-tanni-id attribute.

fix

Add `scoped` attribute to <style> or manually apply data-tanni-id using the hash from compiled result.

affects: >=0.1.0 <0.3.0

Errors

Common errors & fixes

Cannot find module '@tannijs/compiler'

Package not installed or missing dependency.

fix

Run `npm install @tannijs/compiler` in your project root.

compile is not a function

Importing default instead of named export compile.

fix

Use `import { compile } from '@tannijs/compiler'` instead of default import.

Expected ';' at column 23 in <script> block

Syntax error in the component script section.

fix

Check the <script> block for missing semicolons or incorrect JavaScript syntax.

Upgrade

Version history

0.2.5latest on npm

Audit

Dependencies

@tannijs/corerequiredTanni runtime required for compiled components

Agent activity

3 hits · last 30 days

node

Resources

packagehttps://www.npmjs.com/package/tannijs-compiler ↗