jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui): removed tracker docs promise

Browse source
This commit is contained in:
Shekar Siri 2024-11-04 13:56:52 +01:00
parent 369adfc3f5
commit 8deb37e8b0
10 changed files with 24 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/app/components/Client/Integrations/ProfilerDoc/ProfilerDoc.js
View file

@ -18,8 +18,7 @@ import trackerProfiler from '@openreplay/tracker-profiler';
const tracker = new OpenReplay({
projectKey: '${projectKey}'
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
//...
export const profiler = tracker.use(trackerProfiler());
//...
@ -35,8 +34,7 @@ const tracker = new OpenReplay({
//...
function SomeFunctionalComponent() {
useEffect(() => { // or componentDidMount in case of Class approach
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, [])
//...
export const profiler = tracker.use(trackerProfiler());

6
frontend/app/components/Client/Integrations/Tracker/AssistDoc/AssistNpm.tsx
View file

@ -10,8 +10,7 @@ import trackerAssist from '@openreplay/tracker-assist';
const tracker = new OpenReplay({
projectKey: '${props.projectKey}',
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
tracker.use(trackerAssist(options)); // check the list of available options below`;
const usageCjs = `import OpenReplay from '@openreplay/tracker/cjs';
@ -23,8 +22,7 @@ const trackerAssist = tracker.use(trackerAssist(options)); // check the list of
//...
function MyApp() {
useEffect(async () => { // use componentDidMount in case of React Class Component
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, [])
//...
}`;

6
frontend/app/components/Client/Integrations/Tracker/GraphQLDoc/GraphQLDoc.js
View file

@ -16,8 +16,7 @@ import trackerGraphQL from '@openreplay/tracker-graphql';
const tracker = new OpenReplay({
projectKey: '${projectKey}'
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
//...
export const recordGraphQL = tracker.use(trackerGraphQL());`
const usageCjs = `import OpenReplay from '@openreplay/tracker/cjs';
@ -29,8 +28,7 @@ const tracker = new OpenReplay({
//...
function SomeFunctionalComponent() {
useEffect(() => { // or componentDidMount in case of Class approach
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, [])
}
//...

6
frontend/app/components/Client/Integrations/Tracker/MobxDoc/MobxDoc.js
View file

@ -18,8 +18,7 @@ const tracker = new OpenReplay({
projectKey: '${projectKey}'
});
tracker.use(trackerMobX(<options>)); // check list of available options below
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... );
tracker.start();
`
const mobxUsageCjs = `import OpenReplay from '@openreplay/tracker/cjs';
@ -32,8 +31,7 @@ tracker.use(trackerMobX(<options>)); // check list of available options below
//...
function SomeFunctionalComponent() {
useEffect(() => { // or componentDidMount in case of Class approach
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, [])
}`

6
frontend/app/components/Client/Integrations/Tracker/NgRxDoc/NgRxDoc.js
View file

@ -18,8 +18,7 @@ import trackerNgRx from '@openreplay/tracker-ngrx';
const tracker = new OpenReplay({
projectKey: '${projectKey}'
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
//...
const metaReducers = [tracker.use(trackerNgRx(<options>))]; // check list of available options below
//...
@ -38,8 +37,7 @@ const tracker = new OpenReplay({
//...
function SomeFunctionalComponent() {
useEffect(() => { // or componentDidMount in case of Class approach
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, [])
//...
const metaReducers = [tracker.use(trackerNgRx(<options>))]; // check list of available options below

6
frontend/app/components/Client/Integrations/Tracker/PiniaDoc/PiniaDoc.tsx
View file

@ -21,8 +21,7 @@ import trackerVuex from '@openreplay/tracker-vuex';
const tracker = new OpenReplay({
projectKey: '${projectKey}'
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
//...
const examplePiniaStore = useExamplePiniaStore()
// check list of available options below
@ -47,8 +46,7 @@ const tracker = new OpenReplay({
//...
// start tracker when the app is mounted
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
//...
const examplePiniaStore = useExamplePiniaStore()

6
frontend/app/components/Client/Integrations/Tracker/ReduxDoc/ReduxDoc.js
View file

@ -18,8 +18,7 @@ import trackerRedux from '@openreplay/tracker-redux';
const tracker = new OpenReplay({
projectKey: '${projectKey}'
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
//...
const store = createStore(
reducer,
@ -35,8 +34,7 @@ const tracker = new OpenReplay({
//...
function SomeFunctionalComponent() {
useEffect(() => { // or componentDidMount in case of Class approach
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, [])
//...
const store = createStore(

6
frontend/app/components/Client/Integrations/Tracker/VueDoc/VueDoc.js
View file

@ -18,8 +18,7 @@ import trackerVuex from '@openreplay/tracker-vuex';
const tracker = new OpenReplay({
projectKey: '${projectKey}'
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
//...
const store = new Vuex.Store({
//...
@ -35,8 +34,7 @@ const tracker = new OpenReplay({
//...
function SomeFunctionalComponent() {
useEffect(() => { // or componentDidMount in case of Class approach
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, [])
//...
const store = new Vuex.Store({

6
frontend/app/components/Onboarding/components/OnboardingTabs/InstallDocs/InstallDocs.js
View file

@ -12,8 +12,7 @@ const tracker = new Tracker({
projectKey: "PROJECT_KEY",
ingestPoint: "https://${window.location.hostname}/ingest",
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )`;
tracker.start()`;
const usageCodeSST = `import Tracker from '@openreplay/tracker/cjs';
const tracker = new Tracker({
@ -23,8 +22,7 @@ const tracker = new Tracker({
function MyApp() {
useEffect(() => { // use componentDidMount in case of React Class Component
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, []);
//...

6
frontend/app/components/shared/TrackingCodeModal/InstallDocs/InstallDocs.js
View file

@ -11,8 +11,7 @@ const tracker = new Tracker({
ingestPoint: "https://${window.location.hostname}/ingest",
});
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )`
tracker.start()`
const usageCodeSST = `import Tracker from '@openreplay/tracker/cjs';
const tracker = new Tracker({
@ -22,8 +21,7 @@ const tracker = new Tracker({
function MyApp() {
useEffect(() => { // use componentDidMount in case of React Class Component
// .start() returns a promise
tracker.start().then(sessionData => ... ).catch(e => ... )
tracker.start()
}, []);
//...