44 < meta charset ="UTF-8 ">
55 < meta name ="viewport " content ="width=device-width,initial-scale=1 ">
66 < meta name ="turbo-root " content ="/CodeGRITS ">
7- < meta name ="turbo-cache-control " content ="no-cache " data-turbo-track ="reload " data-track-token ="3.5.0.757052090030 ">
7+ < meta name ="turbo-cache-control " content ="no-cache " data-turbo-track ="reload " data-track-token ="3.5.0.757068653393 ">
88
99 <!-- See retype.com -->
1010 < meta name ="generator " content ="Retype 3.5.0 ">
3232 < script data-cfasync ="false "> ( function ( ) { var el = document . documentElement , m = localStorage . getItem ( "doc_theme" ) , wm = window . matchMedia ; if ( m === "dark" || ( ! m && wm && wm ( "(prefers-color-scheme: dark)" ) . matches ) ) { el . classList . add ( "dark" ) } else { el . classList . remove ( "dark" ) } } ) ( ) ; </ script >
3333
3434 < link href ="../favicon.png " rel ="icon ">
35- < link href ="../resources/css/retype.css?v=3.5.0.757052090030 " rel ="stylesheet ">
35+ < link href ="../resources/css/retype.css?v=3.5.0.757068653393 " rel ="stylesheet ">
3636
37- < script data-cfasync ="false " src ="../resources/js/config.js?v=3.5.0.757052090030 " data-turbo-eval ="false " defer > </ script >
37+ < script data-cfasync ="false " src ="../resources/js/config.js?v=3.5.0.757068653393 " data-turbo-eval ="false " defer > </ script >
3838 < script data-cfasync ="false " src ="../resources/js/retype.js?v=3.5.0 " data-turbo-eval ="false " defer > </ script >
39- < script id ="lunr-js " data-cfasync ="false " src ="../resources/js/lunr.js?v=3.5.0.757052090030 " data-turbo-eval ="false " defer > </ script >
40- < script id ="prism-js " data-cfasync ="false " src ="../resources/js/prism.js?v=3.5.0.757052090030 " defer > </ script >
39+ < script id ="lunr-js " data-cfasync ="false " src ="../resources/js/lunr.js?v=3.5.0.757068653393 " data-turbo-eval ="false " defer > </ script >
40+ < script id ="prism-js " data-cfasync ="false " src ="../resources/js/prism.js?v=3.5.0.757068653393 " defer > </ script >
4141</ head >
4242< body >
4343 < div id ="docs-app " class ="relative text-base antialiased text-gray-700 bg-white font-body dark:bg-dark-850 dark:text-dark-300 ">
@@ -321,6 +321,16 @@ <h3>
321321< p > We provide a real-time data API for future JetBrains plugin developers and researchers to get real-time data from
322322IDE tracker and eye tracker separately. The API is based on the < doc-anchor-trigger to ="#ide-tracker "> IDE Tracker</ doc-anchor-trigger >
323323and < doc-anchor-trigger to ="#eye-tracker "> Eye Tracker</ doc-anchor-trigger > .</ p >
324+ < doc-anchor-target id ="example-project ">
325+ < h4 >
326+ < doc-anchor-trigger class ="header-anchor-trigger " to ="#example-project "> #</ doc-anchor-trigger >
327+ < span > Example Project</ span >
328+ </ h4 >
329+ </ doc-anchor-target >
330+ < p > We provide an example project < a href ="https://github.com/codegrits/DataStreamReceiver "> DataStreamReceiver</ a >
331+ that builds on top of the real-time data API. It is designed to receive real-time IDE tracking and eye tracking data and
332+ directly visualize them in two separate windows. You could refer to the source code of the example project to learn how
333+ to use the API.</ p >
324334< doc-anchor-target id ="configuration ">
325335 < h3 >
326336 < doc-anchor-trigger class ="header-anchor-trigger " to ="#configuration "> #</ doc-anchor-trigger >
@@ -337,6 +347,11 @@ <h3>
337347 plugins.set(file("path-to-CodeGRITS-dependency"))
338348}</ code > </ pre >
339349</ doc-codeblock > </ div >
350+ < p > You also need to add the following to < code v-pre > ./src/main/resources/META-INF/plugin.xml</ code > .</ p >
351+ < div class ="codeblock-wrapper "> < doc-codeblock >
352+ < pre class ="language-markup "> < code v-pre class ="language-markup ">
353+ <depends>com.nd.codegrits</depends></ code > </ pre >
354+ </ doc-codeblock > </ div >
340355< doc-anchor-target id ="quick-start ">
341356 < h3 >
342357 < doc-anchor-trigger class ="header-anchor-trigger " to ="#quick-start "> #</ doc-anchor-trigger >
@@ -348,13 +363,13 @@ <h3>
348363the < code v-pre > ideTrackerDataHandler</ code > or < code v-pre > eyeTrackerDataHandler</ code > to handle the real-time data. Finally, call the < code v-pre > startTracking()</ code >
349364method to start tracking.</ p >
350365< div class ="codeblock-wrapper "> < doc-codeblock >
351- < pre class ="language-java "> < code v-pre class ="language-java "> IDETracker ideTracker = IDETracker.getInstance();
352- ideTracker.setIsRealTimeDataTransmitting(true);
353- ideTracker.setIdeTrackerDataHandler(element -> {
354- String formattedStr = "Event: " + element.getAttribute("id");
355- System.out.println(formattedStr);
356- });
357- ideTracker.startTracking(currentProject);</ code > </ pre >
366+ < pre class ="language-java "> < code v-pre class ="language-java "> IDETracker ideTracker= IDETracker.getInstance();
367+ ideTracker.setIsRealTimeDataTransmitting(true);
368+ ideTracker.setIdeTrackerDataHandler(element->{
369+ String formattedStr= "Event: "+ element.getAttribute("id");
370+ System.out.println(formattedStr);
371+ });
372+ ideTracker.startTracking(currentProject);</ code > </ pre >
358373</ doc-codeblock > </ div >
359374< div class ="flex mb-6 ">
360375 < div class ="shrink-0 w-1 rounded-tl rounded-bl bg-blue-500 dark:bg-blue-400 "> </ div >
0 commit comments