@techno-d/widget-types NPM

@techno-d/widget-types

Type definitions for the TDWidget — a browser widget loaded via CDN and exposed as a global variable.

This package provides TypeScript declarations for the global TDWidget object, allowing you to work with it in a type-safe way when integrating the widget into your application.

📌 This package contains only TypeScript types. It does not include the widget itself or any runtime code.

📦 Installation

Install as a development dependency using your preferred package manager:

npm install --save-dev @techno-d/widget-types
# or
yarn add --dev @techno-d/widget-types
# or
pnpm add -D @techno-d/widget-types

⚙️ TypeScript Configuration

To enable the global types in your project, add this package to the types array in your tsconfig.json:

{
  "compilerOptions": {
    "types": ["@techno-d/widget-types"]
  }
}

This ensures that TypeScript recognizes the global TDWidget variable and its API.

🌐 Loading the Widget

The widget must be included in your HTML via a CDN <script> tag. For example:

<script type="module" src="https://cdn.techno-d.ru/widget/gruz/1.0.0/index.min.js"></script>

Once included, the global variable TDWidget will be available in the browser.

💻 Usage in TypeScript

const target = TDWidget.create({
  //options
});

🛠 Notes

This package is for development only.
It provides type declarations for a widget loaded via CDN.
No modules are exported — types are added to the global scope.
The widget itself must be loaded separately via a <script type="module" /> tag.