@ibyar/types

Create and define a usable 'custom elements', that compatible with other frameworks, using Typescript

Usage no npm install needed!

<script type="module">
  import ibyarTypes from 'https://cdn.skypack.dev/@ibyar/types';
</script>

README

Aurora Types

NPM Version NPM Downloads LICENSE npm-dependencies lerna GitHub contributors

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';