Camera Kit for Web

Hey @Thor @stevenxu @Mikalai @JacekC

I'm struggling to merge the code from the exemple (CatFacts) into the index.js from the official doc containg the session etc
(var cameraKit = await bootstrapCameraKit({ ...)

Could you share me the piece of code I'm missing to integrate the SpecId + RequestHandler ? 🙏
I read all the doc and found nothing except this CatFact example.

edit: The code was correct, I just had to precise the right camera-kit version in the package.json, here 0.13.1 and import everything related to RemoteApiService on top of the index.js
Leaving everthing here in case another one is in the same boat.
Would be great to have a full template available tho..

`
import {
bootstrapCameraKit,
createMediaStreamSource,
Transform2D,
Injectable,
RemoteApiService,
RemoteApiServices,
RemoteApiRequest,
RemoteApiRequestHandler,
RemoteApiStatus,
remoteApiServicesFactory

@} from '@snap/camera-kit'

(async function () {

const myService = {

    apiSpecId: "<apiSpecId>",

    getRequestHandler(request) {
        if (request.endpointId !== "<endpoint>") return;
        return (reply) => {
            fetch("https://<url>/<id>", {
                headers: {
                    Accept: "application/json",
                },
            })
                .then((res) => res.text())
                .then((res) =>
                    reply({
                        status: "success",
                        metadata: {},
                        body: new TextEncoder().encode(res),
                    })
                );
        };
    },
};

var cameraKit = await bootstrapCameraKit({ apiToken: '<API_TOKEN>' }, (container) =>
    container.provides(
        Injectable(
            remoteApiServicesFactory.token,
            [remoteApiServicesFactory.token],
            (existing) => [...existing, myService]
        )
    )
);
const session = await cameraKit.createSession();

document.getElementById('canvas').replaceWith(session.output.live);

const { lenses } = await cameraKit.lensRepository.loadLensGroups(['<lensGroup>']);

session.applyLens(lenses[0]);

let mediaStream = await navigator.mediaDevices.getUserMedia({
    video: {
        facingMode: 'environment' //back camera, remove if front
    }
});

const source = createMediaStreamSource(mediaStream, {
    // transform: Transform2D.MirrorX, //use with front cam
    fpsLimit: 30,
    cameraType: 'back', //back camera
});

await session.setSource(source)

session.setSource(source)

session.source.setRenderSize(window.innerWidth, window.innerHeight)

session.play();

})()
`

Hey @BastienSarolea You didn't mention it, so I'm curious: are you attempting to use the CatFacts lens or something else? The Remote API feature functions with lenses that are compatible with it.