I have a Topmate profile. You can check my available times for having a call. topmate.io/mohit_kumar_toshniwal . Otherwise I am mostly available through my LinkedIn and X handles.

I have not explored theming yet.

I would suggest you to check out the documentation they are quite good. electron-vite.org/guide/build

Can't guarantee, maybe in future and I think the composable part one should be extendable to nuxt 3 without a lot of changes.

Kindly check whether your mobile supports Webxr api or not using immersive-web.github.io/webxr-samples/immersive-ar-session.html

Can't say. I have not tried it and I am not able to find a good use case for it as well.

Yes it is possible. You can use the Dom overlay api to have the sidenavbar inside it.

Glad you found them helpful 😁

Easiest way would be to deploy to vercel and whenever you make changes just redploy otherwise you can do usb debugging as well. I think I have shared the link on how to do usb debugging with mobile in the video description.

​@@mohitkumartoshniwal I have deployed on vercel and now using my mobile Now with my mobile when I click on enter AR Nothing happens but in my laptop browser it opens I want to see real demo that you showed in the starting in the video you played. I want to see real demo with my mobile

The live link which I had shown in the video is r3f-fiber-draft.vercel.app/xr-hit-cube. If this works, then cross check your project's package dependencies versions with the GitHub repository one and if this doesn't work in your mobile then I am not aware of what might be the issue other than webxr not being compatible with your mobile.

This should help you to get started with konvajs.org/docs/sandbox/Editable_Text.html

I'll check it. 🤓

hey, is this the case: The shapes in our file are being rendered in some order so even if i draw a square after a circle it is below circle ?

Yup, check this out konvajs.org/docs/react/zIndex.html

Glad you found it helpful!!

damn bro , are also working on the git commands generator from natural language from codemate.ai?

Sorry but I am not able to understand the point you have raised. If its about event bus, it has been deprecated in Vue 3 and if you are talking about emitting the event from a child to a parent then yes you can do that. It is a trade-off one needs to make with regards to the data flow.

If you are talking about those animation buttons, then I am using Dom overlay api for it. You can get more clarity in the playlist which I have created.

@@mohitkumartoshniwal thank u, it worked

Oh it seems i have accidentally removed the description, I will add it back with the GitHub link as well

Done. Thanks for pointing it out

I have not explored it much with regards to saving and retrieving but I believe it should be somewhat similar to storing data in the form of a json and when the application loads up, we can use that json to load up the previous state. For some more reference, you can check out the server driven ui in my RU-vid channel.

Can you clarify if you had placed the cubes while in the AR scene, then you had exited the scene? If that is the scenario then extra handling needs to be done using isPresenting from react-xr to show a different component when you are in a webxr session and another component normally so that both of them don't interfere with each other.

@@mohitkumartoshniwal I am just adding the below logic. const placeCube = (e: XRInteractionEvent) => { const position = e.intersection?.object.position.clone(); console.log(session); if (position) { setCubePosition(position); } }; console.log(isPresenting); return ( <> <OrbitControls /> <ambientLight /> {isPresenting && cubePosition && <Cube position={cubePosition} />} {isPresenting && ( <Interactive onSelect={placeCube}> <mesh ref={reticleRef} rotation-x={-Math.PI / 2}> <ringGeometry args={[0.1, 0.25, 32]} /> <meshStandardMaterial color={'white'} /> </mesh> </Interactive> )} {!isPresenting && <Cube />} </> ); cubePosition is not array in my case

@@mohitkumartoshniwal Yes, I have placed the cubes in the AR Scene and exited the scene. I have the below code const placeCube = (e: XRInteractionEvent) => { const position = e.intersection?.object.position.clone(); if (position) { setCubePosition(position); } }; return ( <> <OrbitControls /> <ambientLight /> {isPresenting && cubePosition && <Cube position={cubePosition} />} {isPresenting && ( <Interactive onSelect={placeCube}> <mesh ref={reticleRef} rotation-x={-Math.PI / 2}> <ringGeometry args={[0.1, 0.25, 32]} /> <meshStandardMaterial color="white" /> </mesh> </Interactive> )} {!isPresenting && <Cube />} </> ); Note that cubePosition is not an array in my case

Thanks 😄

Not yet but surely in future.

Honestly speaking, No difference with regards to the features as such instead JSON Crack has a lot more features. Planning to add some of them as I go along. And technically speaking JSONLens uses Reactflow and JSON Crack uses something else, can't recall it correctly right now.

Can you specify the features you are talking about. Thanks.

A data structure needs to be maintained and whenever any changes are made by the user that data structure needs to be updated and stored in some storage. When the user reloads the site the next time, then the data structure is parsed and the GUI elements are added in the viewport. If you are interested in diving more deep, I would suggest you to checkout excalidraw's blogs. They have explained their architecture in depth and from there you can take references to go forward.

@@mohitkumartoshniwal thx for replying.I will check their blog.

konvajs.org/api/Konva.Group.html For React, try out below code <Group> <Rect x={20} y={20} width={50} height={50} fill="red" /> <Rect x={100} y={100} width={50} height={50} fill="blue" /> </Group>

Can you be specific on what you meant by the entire environment?

​@@mohitkumartoshniwal All commands like 'npm run dev' or 'npm build:win', every step to achieve the best development and production experience.

​@@mikemixsosa4264Well those were created by electron-vite itself. It takes care of the scaffolding aspects of the project and I would suggest you to check out its documentation in the meantime. Maybe when making future videos on electron, I will consider explaining those as well.

​@@mohitkumartoshniwal Could you please provide the link to the documentation? Thank you!

@@mikemixsosa4264 electron-vite.org/

that seems intense