Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

For devtools a11y testing #6

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Conversation

alexvy86
Copy link
Owner

@alexvy86 alexvy86 commented Jun 13, 2024

Description

Shows which changes need to be made in order to run an example app using tinylicious in Codespaces, in a way that several people can collaborate in it.

This requires first building routerlicious in the repo (pnpm i + pnpm run build from server/routerlicious. The client app then uses the in-repo version of tinylicious which is updated here to work when exposed through the URL provided by VSCode when exposing a port publicly.

If installing tinylicious from npm, one could also go to the js file that corresponds to the source file shown in this PR, and make the necessary updates there.

Reviewer Guidance

The review process is outlined on this wiki page.

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The URL used here is the one provided by VSCode after exposing a port publicly in a Codespaces instance.

Comment on lines +39 to +47
function initializeTinyliciousClient(logger?: ITelemetryBaseLogger): TinyliciousClient {
console.log(`Initializing Tinylicious client...`);
return new TinyliciousClient({
connection: {
port: 443,
domain: "https://alexvy86-super-doodle-j677467qg2pwvp-7070.preview.app.github.dev",
},
logger,
});
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is the kind of change needed on an app that uses TinyliciousClient. The URL should match the one used in the updates to server/routerlicious/packages/tinylicious/src/resourcesFactory.ts.

When I originally did this, devtools-example worked like that, but we've since moved it to use the more low-level approach of directly creating a loader, so this change doesn't work in this app anymore but I kept the merge conflict here to show what needs to be done.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant