Fix: Operation row and imports (#6)

* Fix file imports

* Fix reading operationName in OperationDefinition

If you use query.refetch() then the order in the definitions array changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "apollo-link-printer",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Pretty logger of Apollo GraphQL network operations packaged in a Apollo link",
   "type": "module",
   "scripts": {

src/index.ts

@@ -1 +1 @@
-export { PrinterLink } from './printerLink';
+export { PrinterLink } from './printerLink.js';

src/printerLink.ts

@@ -1,6 +1,6 @@
 import { ApolloLink, NextLink, Operation } from '@apollo/client';
-import { fragmentRow, messageRow, operationRow, variablesRow } from './rows';
-import { TLinkOptions } from './printerLink.types';
+import { fragmentRow, messageRow, operationRow, variablesRow } from './rows/index.js';
+import { TLinkOptions } from './printerLink.types.js';
 
 const prepareSubrows = (operation: Operation) => {
     const result = {

src/rows/index.ts

@@ -67,8 +67,9 @@ export const fragmentRow = ({ query: { definitions } }: Operation) => {
  * @param {Operation} operation
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const operationRow = ({ query: { definitions }, operationName }: Operation | any) => {
-    const [{ operation: operationType }] = definitions;
+export const operationRow = ({ query: { definitions = [] }, operationName }: Operation | any) => {
+    const definition = definitions.find(({ kind }) => kind === 'OperationDefinition');
+    const operationType = definition.operation || 'unknown'
 
     return [
         `%c ${operationType.toUpperCase()} %c ${operationName}`,