Annotations doesn't seems to work when importing code from a file into a codeblock

[aromko]

Hey,
I'm trying to use annotations when importing code from a file. It works in the old version but in the new version it seems that I'm missing something.

I tried this:

<CH.Code style={{ height: 500 }}>

`tsx TabsActionExample.tsx use-v1
// !focus(14:22)
!from ./_components/TabsActionExample.tsx
`

`tsx Link.tsx
// from ./_components/Link.tsx
`

</CH.Code>

This leads to:

When I remove // !focus(14:22) the code is loaded.

What am I doing wrong?

[pomber]

you are using v1.0.0, right? yes, currently you can only have the !from inside the codeblock. you can put annotations inside the imported file if it helps, but the idea is to make it more flexible soon, allowing annotations, extra code, extra froms.

related #401

[aromko]

Yeah. sorry I'm trying to upgrade to the new version.

[pomber]

no problem, let me know any other issue you have

[aromko]

So you mean I can use the annotations in the .tsx files? e.g

const App = () => (
  // !focus(14:22)
  <MarigoldProvider theme={theme} className="h-[340px]">
    <Tabs defaultActiveTab="description">
...

That doesn't seems to work and I think I don't want it into my components :-D So I need to wait until it is supported :-/

[aromko]

@pomber Are they plans to support !from outside a codeblock like in the old version in the near future?

[pomber]

@pomber Are they plans to support !from outside a codeblock like in the old version in the near future?

you mean annotations outside of the imported files right? if not, provide an example of what you need. I'll work on some !from improvements soon.

[aromko]

Yes, exactly. Nice to hear. I'm waiting for it to continue migration 😁