import { tryLoadAndStartRecorder } from '@alwaysmeticulous/recorder-loader'

async function startApp() {
  // Record all sessions on localhost, staging stacks and preview URLs
   if (!isProduction()) {
    await tryLoadAndStartRecorder({    
    projectId: '...',
    isProduction: false,
   });
 }
 
 ReactDOM.render(component, document.getElementById('root'));
}

function isProduction() {
  return window.location.hostname.indexOf("your-production-site.com") > -1;
}

startApp();

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import {tryLoadAndStartRecorder} from '@alwaysmeticulous/recorder-loader';

async function startApp() {
   if (!isProduction()) {
    await tryLoadAndStartRecorder({    
    projectId: '...'
    isProduction: false,
   });
 }
 
 new Vue({
   router,
   store,
   render: h => h(App)
   }).$mount("#app");
}

function isProduction() {
 return window.location.hostname.indexOf("your-production-site.com") > -1;
}

startApp();

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
    import { AppModule } from './app/app.module';
    import { tryLoadAndStartRecorder } from '@alwaysmeticulous/recorder-loader'
    async function startApp() {
        if (!isProduction()) {
          await tryLoadAndStartRecorder({    
            projectId: '...',
            isProduction: false,
          });
        } 
        
        // Initalise app after the Meticulous recorder is ready, for example:
        platformBrowserDynamic().bootstrapModule(AppModule)
         .catch(err => console.error(err));
    }
    
    function isProduction() {
        return window.location.hostname.indexOf("your-production-site.com") > -1;
    }
    
    startApp();

{
 head: {
  script: process.env.NODE_ENV === "production" ? [] : [
   {
    src: 'https://snippet.meticulous.ai/v1/meticulous.js',
     ["data-project-id"]: '...',
     ["data-is-production-environment"] false,
    }
   ],
  }
}

<svelte:head>
{#if !import.meta.env.PROD}
  <script
   data-project-id="..."
   data-is-production-environment="false"
   src="https://snippet.meticulous.ai/v1/meticulous.js"
  ></script> 
 {/if}
<svelte:head>