@vertesia/create-plugin 0.67.0 → 0.68.0

package/lib/WebTemplateInit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebTemplateInit.d.ts","sourceRoot":"","sources":["../src/WebTemplateInit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG9D,qBAAa,eAAgB,SAAQ,YAAY;gBACjC,OAAO,EAAE,WAAW;IAIhC,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAO9B,cAAc,IAAI,WAAW;IAgC7B,kBAAkB,IAAI,MAAM,EAAE;IAuB9B,sBAAsB,IAAI,MAAM,EAAE;CAOrC"}
+{"version":3,"file":"WebTemplateInit.d.ts","sourceRoot":"","sources":["../src/WebTemplateInit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG9D,qBAAa,eAAgB,SAAQ,YAAY;gBACjC,OAAO,EAAE,WAAW;IAIhC,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAO9B,cAAc,IAAI,WAAW;IAkC7B,kBAAkB,IAAI,MAAM,EAAE;IAuB9B,sBAAsB,IAAI,MAAM,EAAE;CAOrC"}

package/lib/WebTemplateInit.js

@@ -23,8 +23,10 @@ export class WebTemplateInit extends TemplateInit {
                 "dist"
             ],
             scripts: {
-                "dev": "vite",
-                "build": "vite build",
+                "dev": "vite dev",
+                "build:app": "vite build --mode app",
+                "build:lib": "vite build --mode lib",
+                "build": "vite build --mode app && vite build --mode lib",
                 "lint": "eslint .",
                 "preview": "vite preview"
             },
@@ -42,13 +44,14 @@ export class WebTemplateInit extends TemplateInit {
     }
     getDevDependencies() {
         return [
-            "@vertesia/plugin-builder",
             "@eslint/js",
+            "@vertesia/plugin-builder",
+            "@vitejs/plugin-basic-ssl",
+            "@vitejs/plugin-react",
             "@tailwindcss/vite",
             "@types/node",
             "@types/react",
             "@types/react-dom",
-            "@vitejs/plugin-react",
             "eslint",
             "eslint-plugin-react-hooks",
             "eslint-plugin-react-refresh",
@@ -59,7 +62,6 @@ export class WebTemplateInit extends TemplateInit {
             "typescript",
             "typescript-eslint",
             "vite",
-            "vite-plugin-dts",
         ];
     }
     getRuntimeDependencies() {

package/lib/WebTemplateInit.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebTemplateInit.js","sourceRoot":"","sources":["../src/WebTemplateInit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAe,MAAM,mBAAmB,CAAC;AAG9D,MAAM,OAAO,eAAgB,SAAQ,YAAY;IAC7C,YAAY,OAAoB;QAC5B,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAED,OAAO;QACH,OAAO;YACH,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK;YACnC,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,QAAQ;SACzD,CAAA;IACL,CAAC;IAED,cAAc;QACV,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,OAAO;YACH,IAAI,EAAE,MAAM,CAAC,WAAW;YACxB,OAAO,EAAE,MAAM,CAAC,cAAc,IAAI,OAAO;YACzC,WAAW,EAAE,MAAM,CAAC,kBAAkB,IAAI,EAAE;YAC5C,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,QAAQ,MAAM,CAAC,WAAW,KAAK;YACrC,MAAM,EAAE,QAAQ,MAAM,CAAC,WAAW,KAAK;YACvC,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE;gBACH,MAAM;aACT;YACD,OAAO,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,YAAY;gBACrB,MAAM,EAAE,UAAU;gBAClB,SAAS,EAAE,cAAc;aAC5B;YACD,gBAAgB,EAAE;gBACd,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,SAAS;aACzB;YACD,MAAM,EAAE;gBACJ,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK;gBAC5B,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,UAAU;gBAC9C,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,MAAM;aACjB;SACJ,CAAC;IACN,CAAC;IAED,kBAAkB;QACd,OAAO;YACH,0BAA0B;YAC1B,YAAY;YACZ,mBAAmB;YACnB,aAAa;YACb,cAAc;YACd,kBAAkB;YAClB,sBAAsB;YACtB,QAAQ;YACR,2BAA2B;YAC3B,6BAA6B;YAC7B,SAAS;YACT,OAAO;YACP,WAAW;YACX,aAAa;YACb,YAAY;YACZ,mBAAmB;YACnB,MAAM;YACN,iBAAiB;SACpB,CAAA;IACL,CAAC;IAED,sBAAsB;QAClB,OAAO;YACH,kBAAkB;YAClB,cAAc;SACjB,CAAA;IACL,CAAC;CAEJ"}
+{"version":3,"file":"WebTemplateInit.js","sourceRoot":"","sources":["../src/WebTemplateInit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAe,MAAM,mBAAmB,CAAC;AAG9D,MAAM,OAAO,eAAgB,SAAQ,YAAY;IAC7C,YAAY,OAAoB;QAC5B,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAED,OAAO;QACH,OAAO;YACH,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK;YACnC,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,QAAQ;SACzD,CAAA;IACL,CAAC;IAED,cAAc;QACV,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,OAAO;YACH,IAAI,EAAE,MAAM,CAAC,WAAW;YACxB,OAAO,EAAE,MAAM,CAAC,cAAc,IAAI,OAAO;YACzC,WAAW,EAAE,MAAM,CAAC,kBAAkB,IAAI,EAAE;YAC5C,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,QAAQ,MAAM,CAAC,WAAW,KAAK;YACrC,MAAM,EAAE,QAAQ,MAAM,CAAC,WAAW,KAAK;YACvC,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE;gBACH,MAAM;aACT;YACD,OAAO,EAAE;gBACL,KAAK,EAAE,UAAU;gBACjB,WAAW,EAAE,uBAAuB;gBACpC,WAAW,EAAE,uBAAuB;gBACpC,OAAO,EAAE,gDAAgD;gBACzD,MAAM,EAAE,UAAU;gBAClB,SAAS,EAAE,cAAc;aAC5B;YACD,gBAAgB,EAAE;gBACd,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,SAAS;aACzB;YACD,MAAM,EAAE;gBACJ,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK;gBAC5B,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,UAAU;gBAC9C,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,MAAM;aACjB;SACJ,CAAC;IACN,CAAC;IAED,kBAAkB;QACd,OAAO;YACH,YAAY;YACZ,0BAA0B;YAC1B,0BAA0B;YAC1B,sBAAsB;YACtB,mBAAmB;YACnB,aAAa;YACb,cAAc;YACd,kBAAkB;YAClB,QAAQ;YACR,2BAA2B;YAC3B,6BAA6B;YAC7B,SAAS;YACT,OAAO;YACP,WAAW;YACX,aAAa;YACb,YAAY;YACZ,mBAAmB;YACnB,MAAM;SACT,CAAA;IACL,CAAC;IAED,sBAAsB;QAClB,OAAO;YACH,kBAAkB;YAClB,cAAc;SACjB,CAAA;IACL,CAAC;CAEJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertesia/create-plugin",
-  "version": "0.67.0",
+  "version": "0.68.0",
   "description": "Initialize a Vertesia plugin package",
   "type": "module",
   "bin": {

package/templates/web/src/env.ts.tmpl

@@ -0,0 +1,20 @@
+import { Env } from "@vertesia/ui/env";
+
+Env.init({
+    name: "${plugin_title}",
+    version: "1.0.0",
+    isLocalDev: true,
+    isDocker: false,
+    type: "development",
+    endpoints: {
+        studio: "http://127.0.0.1:8091",
+        zeno: "http://127.0.0.1:8092",
+    },
+    firebase: {
+        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
+        authDomain: window.location.host,
+        projectId: "dengenlabs",
+        appId: "1:265888598630:web:6e5e76c8ecde887e5afba7"
+    },
+    datadog: false,
+});

package/templates/web/src/main.tsx.tmpl

@@ -1,10 +1,18 @@
+import { VertesiaShell } from '@vertesia/ui/shell'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import ${ PluginComponent } from './index.tsx'
 import './index.css'
+import ${ PluginComponent } from './plugin'
+// initialize dev environment
+import { RouterProvider } from '@vertesia/ui/router'
+import "./env"
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <${PluginComponent} slot="page" />
+    <VertesiaShell>
+      <RouterProvider routes={[]}>
+        <${ PluginComponent} slot="page" />
+      </RouterProvider>
+    </VertesiaShell>
   </StrictMode>,
 )

package/templates/web/vite.config.ts

@@ -1,47 +1,92 @@
 import tailwindcss from '@tailwindcss/vite';
-import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts'; // Generates TypeScript declarations
 import { vertesiaPluginBuilder } from '@vertesia/plugin-builder';
+import basicSsl from '@vitejs/plugin-basic-ssl';
+import react from '@vitejs/plugin-react';
+import { defineConfig, type ConfigEnv, type UserConfig } from 'vite';
 
+/**
+ * List of external dependencies that should not be bundled when
+ * buildiong the plugin library
+ */
 const EXTERNALS = [
-  'react',
-  'react-dom',
-  'react/jsx-runtime',
-  'react-dom/client',
-  '@vertesia/ui',
-  /^@vertesia\/ui\/.*/,
-  // add any other external dependencies here
+    'react',
+    'react-dom',
+    'react/jsx-runtime',
+    'react-dom/client',
+    '@vertesia/common',
+    '@vertesia/ui',
+    /^@vertesia\/ui\/.*/,
+    // add any other external dependencies here
 ];
 
-// https://vite.dev/config/
-export default defineConfig(({ command }) => {
-  // Check if we're running "vite build"
-  const isBuildMode = command === 'build';
-
-  return {
-    plugins: [
-      tailwindcss(),
-      react(),
-      dts({
-        rollupTypes: true,
-        tsconfigPath: './tsconfig.app.json',
-        logLevel: 'info'
-      }),
-      vertesiaPluginBuilder(),
-    ],
-    optimizeDeps: isBuildMode ? {
-    } : undefined,
-    build: {
-      lib: isBuildMode ? {
-        entry: './src/index.tsx', // Main entry point of your library
-        formats: ['es'], // Build ESM versions
-        fileName: "plugin",
-      } : undefined,
-      minify: false,
-      rollupOptions: {
-        external: isBuildMode ? EXTERNALS : [],
-      }
+/**
+ * Vite configuration to build the plugin as a library or as a standalone application or to run the application in dev mode.
+ * Use `vite build --mode lib` to build a library (plugin)
+ * Use `vite build` or `vite build --mode app`to build a standalone application
+ * Use `vite dev` to run the applicaiton in dev mode.
+ */
+export default defineConfig((env) => {
+    if (env.mode === 'lib') {
+        return defineLibConfig(env);
+    } else {
+        return defineAppConfig();
     }
-  }
 })
+
+/**
+ * Vite configuration to build a library (plugin).
+ * @param env - Vite configuration environment
+ * @returns
+ */
+function defineLibConfig({ command }: ConfigEnv): UserConfig {
+    const isBuildMode = command === 'build';
+    if (!isBuildMode) {
+        throw new Error("Library config is only available in 'build' mode. Please use 'lib' mode for library builds.");
+    }
+    return {
+        plugins: [
+            tailwindcss(),
+            react(),
+            vertesiaPluginBuilder(),
+        ],
+        build: {
+            outDir: 'lib', // the plugin will be generated in the `lib` directory
+            lib: {
+                entry: './src/plugin.tsx', // Main entry point of your library
+                formats: ['es'], // Build ESM versions
+                fileName: "plugin",
+            },
+            minify: true,
+            sourcemap: true,
+            rollupOptions: {
+                external: EXTERNALS,
+            }
+        }
+    }
+}
+
+/**
+ * Vite configuration to run the applicaiton in dev mode
+ * or to build a standalone application.
+ * @returns
+ */
+function defineAppConfig(): UserConfig {
+
+    return {
+        plugins: [
+            tailwindcss(),
+            react(),
+            // we need to use https for the firebase authentication to work
+            basicSsl()
+        ],
+        // for authentication with Firebase
+        server: {
+            proxy: {
+                '/__/auth': {
+                    target: 'https://dengenlabs.firebaseapp.com',
+                    changeOrigin: true,
+                }
+            }
+        },
+    }
+}