Understanding the dot notation and import syntax in JavaScript schemas.

Hi all. I have a bit of a newbie question, mostly related to JS. I decided to use this snippet https://www.sanity.io/schemas/nested-navigation-structure-757f39ee
I’m just wondering what is the dot notation on the schema name, like in

name: navigation.section

and how do I import those? is it namespacing?
I ask because I can’t find anything about it on the documentation and VSCode is yelling at me when I try to import for example



and


I know I can just import

link

or

section

, but what is the purpose of it?

The dot notation is used for accessing an object keys. If you have an object

var obj = { foo: "bar" }

, you can access the value

bar

as

obj.foo

.

So you can’t import a key from an object. You need to import the whole thing, and then you can read its keys (if it's an object).

Ah wait, I’m talking about something else. I just checked the link you shared. 😄

I mean, everything I said is true, but that's not what's relevant here.

So in that article, the names like

navigation.link

are just made this way for clarity. It‘s a convention, if you will. It’s just a name as a string. It could contain anything, and could just as well be

navigationLink

.

So it’s

name: "navigation.link”

, not

name: navigation.link

. That’s an important difference, because the first one is a literal string, while the second one is attempting to read an object

navigation

and its key

link

. Which is not what is happening here.

Regarding the imports, you can name that variable whatever you want. It doens’t have to match the Sanity name. So:
Indeed, variables can‘t contain dots in JS (because of the whole object thing I explained above), that's why your code is throwing an error.

The quotes around the name and the naming of the import variables whatever I wanted were the key here. Thank you so much! That dot naming convention threw me totally off!
Thank you!

for future reference 👆