Wuic Angular Framework Library

0.2.0 verified Sat Apr 25 auth: no javascript

WuicFrameworkLib is an Angular library (v0.2.0) generated with Angular CLI 18.2.0, providing UI components and utilities for Wuic-based applications. It requires Angular 21+, PrimeNG 21+, Bootstrap 5, Dexie for IndexedDB, FullCalendar, Rete for node editors, Monaco Editor via ngx-monaco-editor, and Syncfusion Spreadsheet. Types are included. This library integrates multiple large dependencies like FullCalendar, Rete, Monaco, and Syncfusion, making setup complex. Release cadence is unknown as it is pre-1.0. It differentiates by bundling a comprehensive set of third-party UI libraries under a single Angular library, but this also means high maintenance overhead and potential version conflicts.

Common errors

error Error: Can't resolve 'monaco-editor' in '...node_modules/@materia-ui/ngx-monaco-editor' ↓

cause Missing monaco-editor peer dependency.

fix

npm install monaco-editor

error ERROR in node_modules/wuic-framework-lib/lib/wuic.component.d.ts:... Type 'unknown' is not assignable to type 'string'. ↓

cause TypeScript strict mode incompatibility with library types.

fix

Set 'strict': false or 'strictTemplates': false in tsconfig.json, or use type assertions.

error NullInjectorError: No provider for DexieService! ↓

cause Dexie dependency not installed or not imported properly.

fix

Install dexie and ensure WuicFrameworkLibModule is imported.

error License validation failed: The Syncfusion Spreadsheet is not registered. ↓

cause Missing Syncfusion license key.

fix

Call registerLicense('your-license-key') in app.module.

Warnings

breaking Library requires Angular 21+. Using with older Angular versions will cause build failures. ↓

fix Upgrade Angular to version 21 or later.

deprecated This library is pre-1.0 (v0.2.0) and may change APIs without notice. ↓

fix Pin exact version and review changelog before upgrading.

gotcha Multiple large peer dependencies (FullCalendar, Rete, Syncfusion, Monaco) must be installed separately. Missing any will cause runtime errors. ↓

fix Install all peer dependencies listed in package.json.

gotcha Library ships TypeScript types but may not fully support strict mode. Expect compilation errors in strict template type checking. ↓

fix Set 'strictTemplates': false in tsconfig.json or adjust type assertions.

gotcha Syncfusion Spreadsheet requires a license key. Without it, the component may show a watermark or throw errors. ↓

fix Register a Syncfusion license key via registerLicense() in app.module.

gotcha Monaco Editor via ngx-monaco-editor requires additional Webpack configuration (monaco-editor-webpack-plugin). ↓

fix Install monaco-editor-webpack-plugin and add it to angular.json build options.

Install

npm install wuic-framework-lib

yarn add wuic-framework-lib

pnpm add wuic-framework-lib

Imports

WuicFrameworkLibModule

wrong

import { WuicFrameworkLibModule } from '@angular/common';

correct

import { WuicFrameworkLibModule } from 'wuic-framework-lib';

Named export from the main library module.

WuicComponent

wrong

import WuicComponent from 'wuic-framework-lib';

correct

import { WuicComponent } from 'wuic-framework-lib';

Named export, not default. Requires Angular 21+.

WuicService

wrong

const WuicService = require('wuic-framework-lib');

correct

import { WuicService } from 'wuic-framework-lib';

ESM only; CommonJS require() will fail. Use import syntax.

Quickstart

Shows how to import WuicFrameworkLibModule into an Angular app module to use the library components.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { WuicFrameworkLibModule } from 'wuic-framework-lib';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    WuicFrameworkLibModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }