Vite-plugin-lxr NPM

vite-plugin-lxr

A Vite plugin for developing LeanIX Custom Reports.

Get Started

Install vite and this plugin with your favorite package manager, here use npm as example:

npm install vite vite-plugin-lxr

Create a vite.config.ts file in your project root to config vite to actually use this plugin:

   import { defineConfig } from 'vite'
   import leanix from 'vite-plugin-lxr'
   import { fileURLToPath, URL } from 'node:url'

   export default defineConfig({
     plugins: [leanix()],
     resolve: {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url))
       }
     },
     build: {
       rollupOptions: {
         input: {
           app: './index.html'
         }
       }
     }
   })

Create an ./index.html file that will be the entry point to you app:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

Create an ./src/main.js file that you can use to add some behavior to your HTML page and/or import a framework such as Vue, React, etc.
Add the following commands to the "script" section of your package.json file:

{
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "upload": "vite build --mode upload"
  }
}

Create a new section in the package.json file as follows:

{
  "leanixReport": {
    "id": "<your report id in dot notation, e.g. leanix.net.report.demo>",
    "title": "Your Report Title",
    "defaultConfig": {}
  }
}

Finally add a lxr.json file into your project root folder with the following contents:

{
  "host": "<your workspace instance here, e.g. demo-eu.leanix.net>",
  "apitoken": "<your workspace api token here>"
}

You are now ready to start developing your report by issuing the following command

npm run dev

vite-plugin leanix

node-forge

@infinitebrahmanuniverse/nolb-vite-plugin-l @everything-registry/sub-chunk-3060

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago