@ibyar/types
v0.3.0
Published
Create and define a usable 'custom elements', that compatible with other frameworks, using Typescript
Downloads
2
Maintainers
Readme
Aurora Types
aurora types, this project provide a wildcard modules helper to import different non-js files to a typescript project as a module.
With the help of @ibyar/esmpack
can provide some functionality to these modules.
by replacing the import/export statement itself, with the required code.
Bindings imported are called live bindings because they are updated by the module that exported the binding.
the esmpack will fetch the data, not inject it to the js module. so, while fetching, the object with be undefined
.
Install
npm i --save-dev @ibyar/types
yarn add @ibyar/types --dev
*Wildcard Structural
declare module '*.html' {
export default value;
export const value: string;
export const url: string;
export const promise: Promise<string>;
}
available modules
- Text: '.html', '.css', '.txt', '.json'
- Stream: '.formData', '.blob', '.buf', '.buff', '.b64', '.pdf'
- Image: '.apng', '.bmp', '.gif', '.ico','.cur','.jpg', '.jpeg', '.jfif', '.pjpeg', '.pjp', '.png', '.svg', '.tif', '.tiff'
- Audio: '.webp', '.3gp', '.flac', '.mpg', '.mpeg', '.mp3'
- Video: '.mp4', '.m4a', '.oga', '.ogg', '.wav', '.webm'
How to use:
in your main index.ts file insert:
/// <reference types="@ibyar/types" />
import bootstrap from 'bootstrap/dist/css/bootstrap.min.css';