chore: refresh lock file

Author: daKmoR

packages/cli/tsconfig.json

@@ -15,9 +15,6 @@
  {
  "path": "../plugins-manager/tsconfig.json"
  },
- {
- "path": "../mdjs-core/tsconfig.json"
- },
  {
  "path": "../engine/tsconfig.json"
  }

packages/engine/src/dev-server/devServerAdjustAssetUrls.js

@@ -46,7 +46,8 @@ export function devServerAdjustAssetUrls({
  const outputFilePath = getOutputFilePath(sourceFilePath);
  const sourceRelativeFilePath = path.relative(inputDir, sourceFilePath);
  const outputRelativeFilePath = path.relative(outputDir, outputFilePath);
- const newBody = await adjustAssetUrl.transform(context.body, {
+ const body = /** @type {string} */ (context.body);
+ const newBody = await adjustAssetUrl.transform(body, {
  sourceFilePath,
  sourceRelativeFilePath,
  outputFilePath,

packages/engine/src/formats/markdown.js

@@ -4,6 +4,7 @@ import 'rehype-prism';
 import '@lit-labs/ssr/lib/install-global-dom-shim.js';
 
 /* eslint-disable @typescript-eslint/ban-ts-comment */
+// @ts-ignore
 import { mdjsProcess } from '@mdjs/core';
 import { existsSync } from 'fs';
 import { readFile, writeFile } from 'fs/promises';

packages/engine/test-node/14c-components-e2e.spec.js

@@ -179,41 +179,57 @@ test.describe('hydration', async () => {
  await cleanup();
  });
 
- test("55: hydrate onMedia('(min-width: 640px)') || onClick", async ({ page }) => {
+ test("55: hydrate onMedia('(min-width: 640px)') || onClick - on desktop", async ({ page }) => {
  const { engine, cleanup } = await setupTestEngine(
  'fixtures/14-components/55-hydration-onMedia-or-onClick/docs',
  );
  await engine.start();
  const { port } = engine.devServer.config;
 
+ // 1. start on small screen
  await page.setViewportSize({
- width: 640,
+ width: 320,
  height: 480,
  });
  await page.goto(`localhost:${port}`);
  const myEl = await page.locator('my-el');
  const hydrated1 = await myEl.getAttribute('hydrated');
  expect(hydrated1).toBe(null); // not hydrated
 
+ // 2. go bigger
+ await page.setViewportSize({
+ width: 640,
+ height: 480,
+ });
  await page.waitForLoadState('networkidle0');
 
  const hydrated2 = await myEl.getAttribute('hydrated');
  expect(hydrated2).toBe(''); // boolean attribute is there
 
- // revisit page on "mobile"
+ await cleanup();
+ });
+
+ test("55b: hydrate onMedia('(min-width: 640px)') || onClick - on mobile", async ({ page }) => {
+ const { engine, cleanup } = await setupTestEngine(
+ 'fixtures/14-components/55-hydration-onMedia-or-onClick/docs',
+ );
+ await engine.start();
+ const { port } = engine.devServer.config;
+
  await page.setViewportSize({
  width: 320,
  height: 480,
  });
- await page.reload();
- const myEl2 = await page.locator('my-el');
- const hydrated3 = await myEl2.getAttribute('hydrated');
+ await page.goto(`localhost:${port}`);
+ const myEl = await page.locator('my-el');
+
+ const hydrated3 = await myEl.getAttribute('hydrated');
  expect(hydrated3).toBe(null); // not hydrated
 
  await myEl.click();
  await page.waitForLoadState('networkidle0');
 
- const hydrated4 = await myEl2.getAttribute('hydrated');
+ const hydrated4 = await myEl.getAttribute('hydrated');
  expect(hydrated4).toBe(''); // boolean attribute is there
 
  await cleanup();
@@ -243,7 +259,7 @@ test.describe('hydration', async () => {
  const focusInEv = await myEl.getAttribute('focusin-ev');
  expect(focusInEv).toBe('');
 
- // NOTE: focus event is NOT supported as it does not bubble
+ // NOTE: we are using the focusin event as the focus event is NOT supported as it does not bubble
  await cleanup();
  });
 });

packages/engine/tsconfig.json

@@ -14,9 +14,6 @@
  "references": [
  {
  "path": "../plugins-manager/tsconfig.json"
- },
- {
- "path": "../mdjs-core/tsconfig.json"
  }
  ],
  "include": [

packages/launch/tsconfig.json

@@ -15,9 +15,6 @@
  {
  "path": "../plugins-manager/tsconfig.json"
  },
- {
- "path": "../mdjs-core/tsconfig.json"
- },
  {
  "path": "../engine/tsconfig.json"
  },

packages/search/tsconfig.json

@@ -15,9 +15,6 @@
  {
  "path": "../plugins-manager/tsconfig.json"
  },
- {
- "path": "../mdjs-core/tsconfig.json"
- },
  {
  "path": "../engine/tsconfig.json"
  },

site/pages/pageTreeData.rocketGenerated.json

@@ -2529,6 +2529,11 @@
  "text": "Simulator states",
  "id": "simulator-states",
  "level": 2
+ },
+ {
+ "text": "Extending mdjs-preview",
+ "id": "extending-mdjs-preview",
+ "level": 2
  }
  ],
  "name": "Preview",

tsconfig.json

@@ -7,9 +7,6 @@
  {
  "path": "./packages/plugins-manager/tsconfig.json"
  },
- {
- "path": "./packages/mdjs-core/tsconfig.json"
- },
  {
  "path": "./packages/engine/tsconfig.json"
  },

workspace-packages.mjs

@@ -6,7 +6,7 @@ const packages = [
  { name: 'search', type: 'js', environment: 'node-esm' },
  // { name: 'check-html-links', type: 'js', environment: 'node-esm' },
  // { name: 'drawer', type: 'js', environment: 'browser' },
- { name: 'mdjs-core', type: 'js', environment: 'node' },
+ // { name: 'mdjs-core', type: 'js', environment: 'node' },
  // { name: 'mdjs-preview', type: 'js', environment: 'browser' },
  // { name: 'mdjs-story', type: 'js', environment: 'browser' },
 ];