introduce settings component in Sherlock 🕵️‍♂️

[felixhaeberle]

@NilsJacobsen this is your playground for the settings component in sherlock

TODO's:

• bug: can't pass an object easily in HTML, we need some sort of framework to run the lit component in. does lit itself provide a runtime?

-> we are now ging with serializable props as decided in https://linear.app/opral/issue/INLMC-26/do-the-ui-component-props-need-to-be-serializable

• move out of the sidebar into big window screen
• introduce settings icon to open settings window
• add styling to component

[changeset-bot]

🦋 Changeset detected

Latest commit: e58678b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
vs-code-extension	Minor
@inlang/message-lint-rule-identical-pattern	Patch
@inlang/plugin-next-intl	Patch
@inlang/plugin-i18next	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[felixhaeberle]

@NilsJacobsen I removed your assignment until we get the component working in the vs code webview environment inside of a framework we run there, and in this framework we then import the component.

rn, I tried to use the component as is in HTML which is a bit cumbersome (but was my preferred way up until now)

[felixhaeberle]

@opral/inlang-paraglide-js @opral/inlang-fink any ideas why CI is failing? something according to editor & paraglidejs ?

edit: false alarm. flaky github env.

[NilsJacobsen]

Thanks for creating it. Gonna have a look.

[felixhaeberle]

it still has a problem with settings object passing — would be cool if you can fix this!:)

[felixhaeberle]

@NilsJacobsen I assign you until this is fixed from your side (I saw you have another branch open). Please assign back if you are ready and this works.

related #2400

[NilsJacobsen]

No you should be able to use the component as in the html example: https://github.com/opral/monorepo/blob/main/inlang/source-code/settings-component/src/stories/inlang-settings.stories.ts

[felixhaeberle]

@NilsJacobsen I updated to lit-html & the new API – can you investigate why this new API isn't working? "No Inlang project found" even tho I pass one in. Thanks!:)

[NilsJacobsen]

@felixhaeberle the new api is not merged yet, it is blocked by a lix issue. But thanks for adding lit-html. Gonna have a look when it's ready.

[felixhaeberle]

@NilsJacobsen can you link the issue instead of saying "a lix issue"? I also looked in your draft PR and can't find a link.

offtopic: is the ease of linking gone now with app switching between github&linear ?

[NilsJacobsen]

I guess the problem is that this PR is not linked in linear.
Lix issue: https://linear.app/opral/issue/LIX-36/build-error-message-skd-uses-node-specific-import