[graphiql] cm6-graphql | Cannot use import statement outside a module | import { getTokenAtPosition, getTypeInfo, getAutocompleteSuggestions, getDiagnostics } from 'graphql-language-service';

[Kyrylo-Usichenko]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

I am using CM6 in my project and want to add graphQL.

I am trying to import

<script lang="ts">
	import { graphql } from 'cm6-graphql';
</script>

And have a lib error: "Cannot use import statement outside a module"

~/node_modules/cm6-graphql/dist/index.js:1
import { getTokenAtPosition, getTypeInfo, getAutocompleteSuggestions, getDiagnostics } from 'graphql-language-service';
^^^^^^

Expected Behavior

At first I've tried it in prod project, then created PoC app. I am expecting this import to work.

Steps To Reproduce

1. Just create PoC app: pnpm create svelte@latest codemirror-graphql
2. Create src/routes/+page

<script lang="ts">
	import { graphql } from 'cm6-graphql';
</script>

3. run dev pnpm run dev
4. open http://localhost:5173/ in browser

Environment

• cm6-graphql Version: 0.0.14
• svelte Version: 4.2.7
• Bundler: vite 5.0.3

System

• OS: MacOS Sonoma 14.4.1

Anything else?

No response