Front End Installation

ImportMate Client Side can be installed as a Anguler lib to your project

install the latest version of ImportMate from npm repository https://www.npmjs.com/package/techbootstrap-import-mate

Importing Admin Component

Component TS

import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { TechbootstrapImportMateModule } from 'techbootstrap-import-mate';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet, TechbootstrapImportMateModule],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css'
})
export class AppComponent {
   title = 'my-plugin-workspace';
  _apiBasePath="http://localhost:3000";//ImportMate Backend Application Path
  _bearToken="your application bearer token";
}

Component HTML

<app-tb-import-mate [apiBasePath]="_apiBasePath" [bearToken]="_bearToken"></app-tb-import-mate>

Note: _apiBasePath and _bearToken values are key variables for the plugin

_bearToken is your product or application jwt token

_apiBasePath is the full dns or public ip path where you have installed and run the ImportMate backend application