chore(dev-deps): update eslint, prettier, vitest (#333)

Author: AriPerkkio

CONTRIBUTING.md

@@ -21,6 +21,7 @@ cd tutorialkit
 
 4. Run `pnpm run dev` to build sources in watch mode
   - Development environment starts in http://localhost:4321/
+  - You can use `TUTORIALKIT_VITE_INSPECT` environment variable to enable [`vite-plugin-inspect`](https://github.com/antfu-collective/vite-plugin-inspect) during deveplopment.
 
 5. Run `pnpm run test` to run core tests
 

docs/tutorialkit.dev/src/components/Buttons/Button/Button.tsx

@@ -1,7 +1,6 @@
-import type { FC, ReactNode } from 'react';
 import type { ButtonTheme } from '@components/Buttons/Button/ButtonTheme';
-
 import cn from 'classnames';
+import type { FC, ReactNode } from 'react';
 import styles from './Button.module.scss';
 
 interface Props {

docs/tutorialkit.dev/src/components/react-examples/ExampleFileTree.tsx

@@ -1,5 +1,5 @@
-import { useState, type ComponentProps } from 'react';
 import FileTree from '@tutorialkit/react/core/FileTree';
+import { useState, type ComponentProps } from 'react';
 
 export default function ExampleFileTree() {
   const [files, setFiles] = useState(INITIAL_FILES);

docs/tutorialkit.dev/src/components/react-examples/ExampleTerminal.tsx

@@ -1,6 +1,6 @@
+import type { Terminal as XTerm } from '@xterm/xterm';
 import { Suspense, lazy, useEffect, useState } from 'react';
 import { useTheme } from './hooks/useTheme';
-import type { Terminal as XTerm } from '@xterm/xterm';
 import { useWebContainer } from './hooks/useWebcontainer';
 
 const Terminal = lazy(() => import('@tutorialkit/react/core/Terminal'));

docs/tutorialkit.dev/src/content/config.ts

@@ -1,5 +1,5 @@
-import { defineCollection } from 'astro:content';
 import { docsSchema } from '@astrojs/starlight/schema';
+import { defineCollection } from 'astro:content';
 
 export const collections = {
   docs: defineCollection({ schema: docsSchema() }),

extensions/vscode/scripts/build.mjs

@@ -1,11 +1,11 @@
-import { watch } from 'chokidar';
-import * as esbuild from 'esbuild';
-import { execa } from 'execa';
 import fs from 'node:fs';
 import { createRequire } from 'node:module';
-import { join, dirname } from 'path';
-import { Worker } from 'node:worker_threads';
+import { join, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
+import { Worker } from 'node:worker_threads';
+import { watch } from 'chokidar';
+import * as esbuild from 'esbuild';
+import { execa } from 'execa';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const require = createRequire(import.meta.url);

extensions/vscode/scripts/load-schema-worker.mjs

@@ -1,5 +1,5 @@
 import { parentPort } from 'node:worker_threads';
-import { zodToJsonSchema } from 'zod-to-json-schema';
 import { contentSchema } from '@tutorialkit/types';
+import { zodToJsonSchema } from 'zod-to-json-schema';
 
 parentPort.postMessage(zodToJsonSchema(contentSchema));

extensions/vscode/src/commands/tutorialkit.add.ts

@@ -1,8 +1,8 @@
-import { cmd } from '.';
-import { Node, NodeType } from '../models/Node';
 import * as vscode from 'vscode';
+import { Node, NodeType } from '../models/Node';
 import { FILES_FOLDER, SOLUTION_FOLDER } from '../models/tree/constants';
 import { updateNodeMetadataInVFS } from '../models/tree/update';
+import { cmd } from '.';
 
 let kebabCase: (string: string) => string;
 let capitalize: (string: string) => string;

extensions/vscode/src/commands/tutorialkit.delete.ts

@@ -1,8 +1,8 @@
-import { cmd } from '.';
 import * as vscode from 'vscode';
-import { Node } from '../models/Node';
 import { getLessonsTreeView } from '../global-state';
+import { Node } from '../models/Node';
 import { updateNodeMetadataInVFS } from '../models/tree/update';
+import { cmd } from '.';
 
 export async function deleteNode(selectedNode: Node | undefined, selectedNodes: Node[] | undefined) {
   let nodes: readonly Node[] = (selectedNodes ? selectedNodes : [selectedNode]).filter((node) => node !== undefined);

extensions/vscode/src/commands/tutorialkit.initialize.ts

@@ -1,6 +1,6 @@
 import * as vscode from 'vscode';
-import { cmd } from '.';
 import isTutorialKitWorkspace from '../utils/isTutorialKit';
+import { cmd } from '.';
 
 export async function initialize(toastIfEmpty = false) {
   const tutorialWorkpaces = (vscode.workspace.workspaceFolders || []).filter(isTutorialKitWorkspace);

extensions/vscode/src/commands/tutorialkit.load-tutorial.ts

@@ -1,7 +1,7 @@
 import * as vscode from 'vscode';
 import { extContext } from '../extension';
-import { LessonsTreeDataProvider } from '../views/lessonsTree';
 import { setLessonsTreeDataProvider, setLessonsTreeView } from '../global-state';
+import { LessonsTreeDataProvider } from '../views/lessonsTree';
 
 export async function loadTutorial(uri: vscode.Uri) {
   const treeDataProvider = new LessonsTreeDataProvider(uri, extContext);

extensions/vscode/src/commands/tutorialkit.select-tutorial.ts

@@ -1,6 +1,6 @@
 import * as vscode from 'vscode';
-import { cmd } from '.';
 import isTutorialKitWorkspace from '../utils/isTutorialKit';
+import { cmd } from '.';
 
 export async function selectTutorial() {
   const tutorialWorkpaces = (vscode.workspace.workspaceFolders || []).filter(isTutorialKitWorkspace);

extensions/vscode/src/extension.ts

@@ -1,9 +1,9 @@
 import * as serverProtocol from '@volar/language-server/protocol';
 import { createLabsInfo } from '@volar/vscode';
 import * as vscode from 'vscode';
+import * as lsp from 'vscode-languageclient/node';
 import { useCommands } from './commands';
 import { useLessonTree } from './views/lessonsTree';
-import * as lsp from 'vscode-languageclient/node';
 
 export let extContext: vscode.ExtensionContext;
 

extensions/vscode/src/global-state.ts

@@ -1,6 +1,6 @@
 import type { TreeView } from 'vscode';
-import type { LessonsTreeDataProvider } from './views/lessonsTree';
 import type { Node } from './models/Node';
+import type { LessonsTreeDataProvider } from './views/lessonsTree';
 
 let lessonsTreeDataProvider: LessonsTreeDataProvider;
 let lessonsTreeView: TreeView<Node>;

extensions/vscode/src/models/Node.ts

@@ -1,5 +1,5 @@
-import * as vscode from 'vscode';
 import type { TutorialSchema, PartSchema, ChapterSchema, LessonSchema } from '@tutorialkit/types';
+import * as vscode from 'vscode';
 
 export class Node {
   /**

extensions/vscode/src/models/tree/load.ts

@@ -1,8 +1,8 @@
-import * as vscode from 'vscode';
 import grayMatter from 'gray-matter';
+import * as vscode from 'vscode';
+import { Utils } from 'vscode-uri';
 import { Metadata, Node } from '../Node';
 import { METADATA_FILES, FILES_FOLDER, SOLUTION_FOLDER } from './constants';
-import { Utils } from 'vscode-uri';
 
 export async function loadTutorialTree(tutorialFolderPath: vscode.Uri, tutorialName: string): Promise<Node> {
   const metaFilePath = vscode.Uri.joinPath(tutorialFolderPath, 'meta.md');

extensions/vscode/src/models/tree/update.ts

@@ -1,5 +1,5 @@
-import * as vscode from 'vscode';
 import grayMatter from 'gray-matter';
+import * as vscode from 'vscode';
 import { Node } from '../Node';
 
 export async function updateNodeMetadataInVFS(node: Node) {

extensions/vscode/src/utils/isTutorialKit.ts

@@ -1,5 +1,5 @@
-import * as fs from 'fs';
-import * as path from 'path';
+import * as fs from 'node:fs';
+import * as path from 'node:path';
 import * as vscode from 'vscode';
 
 /**

extensions/vscode/src/views/lessonsTree.ts

@@ -1,10 +1,10 @@
+import path from 'node:path';
 import * as vscode from 'vscode';
-import path from 'path';
 import { cmd } from '../commands';
 import { Node } from '../models/Node';
-import { getIcon } from '../utils/getIcon';
-import { loadChildrenForNode, loadTutorialTree } from '../models/tree/load';
 import { METADATA_FILES } from '../models/tree/constants';
+import { loadChildrenForNode, loadTutorialTree } from '../models/tree/load';
+import { getIcon } from '../utils/getIcon';
 
 export const tutorialMimeType = 'application/tutorialkit.unit';
 

integration/cli/create-tutorial.test.ts

@@ -1,8 +1,8 @@
-import path from 'node:path';
 import fs from 'node:fs/promises';
-import { describe, beforeEach, afterAll, expect, it } from 'vitest';
+import path from 'node:path';
 import { execa } from 'execa';
 import { temporaryDirectory } from 'tempy';
+import { describe, beforeEach, afterAll, expect, it } from 'vitest';
 
 const baseDir = path.resolve(__dirname, '../..');
 

integration/package.json

@@ -8,6 +8,6 @@
   "dependencies": {
     "execa": "^9.2.0",
     "tempy": "^3.1.0",
-    "vitest": "^1.6.0"
+    "vitest": "^2.1.1"
   }
 }

package.json

@@ -22,16 +22,16 @@
   "license": "MIT",
   "packageManager": "pnpm@8.15.6",
   "devDependencies": {
-    "@blitz/eslint-plugin": "0.1.0",
+    "@blitz/eslint-plugin": "0.1.2",
     "@commitlint/config-conventional": "^19.2.2",
     "add-stream": "^1.0.0",
     "chalk": "^5.3.0",
     "commitlint": "^19.3.0",
     "conventional-changelog": "^6.0.0",
-    "eslint-plugin-astro": "^1.2.3",
+    "eslint-plugin-astro": "^1.2.4",
     "husky": "^9.0.11",
     "is-ci": "^3.0.1",
-    "prettier": "^3.3.2",
+    "prettier": "^3.3.3",
     "prettier-plugin-astro": "^0.14.1",
     "tempfile": "^5.0.0"
   },

packages/astro/package.json

@@ -70,7 +70,7 @@
     "execa": "^9.2.0",
     "typescript": "^5.4.5",
     "vite-plugin-inspect": "0.8.4",
-    "vitest": "^1.6.0"
+    "vitest": "^2.1.1"
   },
   "peerDependencies": {
     "astro": "^4.15.0"

packages/astro/scripts/build.js

@@ -1,11 +1,11 @@
 import assert from 'node:assert';
-import path from 'node:path';
 import { existsSync, rmSync, copyFileSync } from 'node:fs';
 import { cp, rm } from 'node:fs/promises';
-import { execa } from 'execa';
+import path from 'node:path';
 import chokidar from 'chokidar';
 import esbuild from 'esbuild';
 import { nodeExternalsPlugin } from 'esbuild-node-externals';
+import { execa } from 'execa';
 
 const isWatch = process.argv.includes('--watch');
 
@@ -46,6 +46,7 @@ async function buildJS() {
     outdir: 'dist',
     define: {
       'process.env.TUTORIALKIT_DEV': JSON.stringify(process.env.TUTORIALKIT_DEV ?? null),
+      'process.env.TUTORIALKIT_VITE_INSPECT': JSON.stringify(process.env.TUTORIALKIT_VITE_INSPECT ?? null),
     },
     plugins: [nodeExternalsPlugin()],
   });

packages/astro/src/default/components/WorkspacePanelWrapper.tsx

@@ -1,7 +1,7 @@
-import { useEffect } from 'react';
 import { useStore } from '@nanostores/react';
 import { WorkspacePanel } from '@tutorialkit/react';
 import type { Lesson } from '@tutorialkit/types';
+import { useEffect } from 'react';
 import { themeStore } from '../stores/theme-store.js';
 import { tutorialStore } from './webcontainer.js';
 

packages/astro/src/default/components/webcontainer.ts

@@ -1,4 +1,4 @@
-// must be imported first
+// eslint-disable-next-line -- must be imported first
 import { useAuth } from './setup.js';
 
 import { safeBoot, TutorialStore } from '@tutorialkit/runtime';

packages/astro/src/default/utils/content.ts

@@ -1,12 +1,12 @@
+import path from 'node:path';
 import type { ChapterSchema, Lesson, LessonSchema, PartSchema, Tutorial, TutorialSchema } from '@tutorialkit/types';
 import { interpolateString } from '@tutorialkit/types';
 import { getCollection } from 'astro:content';
-import path from 'node:path';
 import { DEFAULT_LOCALIZATION } from './content/default-localization';
+import { getFilesRefList } from './content/files-ref';
 import { squash } from './content/squash.js';
 import { logger } from './logger';
 import { joinPaths } from './url';
-import { getFilesRefList } from './content/files-ref';
 
 export async function getTutorial(): Promise<Tutorial> {
   const collection = sortCollection(await getCollection('tutorial'));

packages/astro/src/default/utils/content/files-ref.ts

@@ -1,7 +1,7 @@
+import path from 'node:path';
 import type { FilesRefList } from '@tutorialkit/types';
 import { folderPathToFilesRef } from '@tutorialkit/types';
 import glob from 'fast-glob';
-import path from 'node:path';
 import { IGNORED_FILES } from '../constants';
 
 const CONTENT_DIR = path.join(process.cwd(), 'src/content/tutorial');

packages/astro/src/default/utils/content/squash.spec.ts

@@ -1,5 +1,5 @@
-import { describe, it, test, expect } from 'vitest';
 import type { Lesson } from '@tutorialkit/types';
+import { describe, it, test, expect } from 'vitest';
 import { squash } from './squash.js';
 
 type Metadata = Partial<Lesson['data']>;

packages/astro/src/index.ts

@@ -1,11 +1,11 @@
-import type { AstroConfig, AstroIntegration } from 'astro';
 import { fileURLToPath } from 'node:url';
+import type { AstroConfig, AstroIntegration } from 'astro';
 import { extraIntegrations } from './integrations.js';
 import { updateMarkdownConfig } from './remark/index.js';
 import { tutorialkitCore } from './vite-plugins/core.js';
 import { userlandCSS, watchUserlandCSS } from './vite-plugins/css.js';
-import { tutorialkitStore } from './vite-plugins/store.js';
 import { overrideComponents, type OverrideComponentsOptions } from './vite-plugins/override-components.js';
+import { tutorialkitStore } from './vite-plugins/store.js';
 import { WebContainerFiles } from './webcontainer-files/index.js';
 
 export interface Options {
@@ -101,7 +101,7 @@ export default function createPlugin({
               tutorialkitStore,
               tutorialkitCore,
               overrideComponents({ components, defaultRoutes: !!defaultRoutes }),
-              process.env.TUTORIALKIT_DEV ? (await import('vite-plugin-inspect')).default() : null,
+              process.env.TUTORIALKIT_VITE_INSPECT ? (await import('vite-plugin-inspect')).default() : null,
             ],
           },
         });

packages/astro/src/integrations.ts

@@ -3,9 +3,9 @@ import mdx from '@astrojs/mdx';
 import react from '@astrojs/react';
 import { pluginCollapsibleSections } from '@expressive-code/plugin-collapsible-sections';
 import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers';
+import { getInlineContentForPackage } from '@tutorialkit/theme';
 import expressiveCode from 'astro-expressive-code';
 import UnoCSS from 'unocss/astro';
-import { getInlineContentForPackage } from '@tutorialkit/theme';
 
 export function extraIntegrations({ root }: { root: string }) {
   return [

packages/astro/src/remark/import-file.ts

@@ -1,9 +1,9 @@
+import fs from 'node:fs';
+import path from 'node:path';
 import type { BaseSchema, ChapterSchema, LessonSchema, PartSchema, TutorialSchema } from '@tutorialkit/types';
 import frontMatter from 'front-matter';
 import * as kleur from 'kleur/colors';
 import type { Root } from 'mdast';
-import fs from 'node:fs';
-import path from 'node:path';
 import type { Transformer } from 'unified';
 import { visit } from 'unist-util-visit';
 

packages/astro/src/vite-plugins/css.ts

@@ -6,11 +6,11 @@
  * the correct location to make sure the CSS customization are added after the
  * default values.
  */
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import type { AstroIntegrationLogger } from 'astro';
 import { watch } from 'chokidar';
-import fs from 'fs/promises';
-import path from 'path';
 import type { ViteDevServer, VitePlugin } from '../types.js';
-import type { AstroIntegrationLogger } from 'astro';
 
 const CUSTOM_PATHS = ['theme.css', 'theme/index.css'];
 

packages/astro/src/webcontainer-files/cache.ts

@@ -1,6 +1,6 @@
+import path from 'node:path';
 import type { AstroIntegrationLogger } from 'astro';
 import { dim } from 'kleur/colors';
-import path from 'node:path';
 import type { ViteDevServer } from '../types.js';
 import { withResolvers } from '../utils.js';
 import { FILES_FOLDER_NAME, SOLUTION_FOLDER_NAME } from './constants.js';

packages/astro/src/webcontainer-files/filesmap.ts

@@ -1,7 +1,7 @@
-import type { AstroIntegrationLogger } from 'astro';
-import glob from 'fast-glob';
 import fs from 'node:fs';
 import path from 'node:path';
+import type { AstroIntegrationLogger } from 'astro';
+import glob from 'fast-glob';
 import { z } from 'zod';
 import type { Files } from '../types';
 import { EXTEND_CONFIG_FILEPATH, IGNORED_FILES } from './constants';

packages/astro/src/webcontainer-files/index.ts

@@ -1,8 +1,8 @@
-import { FSWatcher, watch } from 'chokidar';
-import { dim } from 'kleur/colors';
 import fs from 'node:fs';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
+import { FSWatcher, watch } from 'chokidar';
+import { dim } from 'kleur/colors';
 import type { AstroBuildDoneOptions, AstroServerSetupOptions } from '../types.js';
 import { FilesMapCache } from './cache.js';
 import { FILES_FOLDER_NAME, IGNORED_FILES, SOLUTION_FOLDER_NAME } from './constants.js';

packages/cli/package.json

@@ -53,7 +53,7 @@
     "esbuild-node-externals": "^1.13.1",
     "fs-extra": "^11.2.0",
     "tempy": "^3.1.0",
-    "vitest": "^1.6.0"
+    "vitest": "^2.1.1"
   },
   "engines": {
     "node": ">=18.18.0"