@lvce-editor/static-server 0.97.25 → 0.98.1

package/static/{134dcba → 4a2a394}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -5548,6 +5548,324 @@ const restoreState = savedState => {
   };
 };
 
+const escapeMarkdown = value => {
+  return value.replaceAll('\\', '\\\\').replaceAll('[', '\\[').replaceAll(']', '\\]');
+};
+const getPublishedText = (publishedAt, now) => {
+  if (!publishedAt) {
+    return 'Publication date unavailable';
+  }
+  const date = new Date(publishedAt);
+  if (Number.isNaN(date.getTime())) {
+    return 'Publication date unavailable';
+  }
+  return `Published ${formatCreated(date.getTime(), now)}`;
+};
+const getGithubReleasesMarkdown = (releases, githubRepository, now = Date.now()) => {
+  if (releases.length === 0) {
+    return `# Changelog\n\nNo GitHub releases were found for **${escapeMarkdown(githubRepository.owner)}/${escapeMarkdown(githubRepository.repository)}**.`;
+  }
+  return releases.map(release => {
+    const title = release.name || release.tagName;
+    const body = release.body.trim() || '_No release notes were provided._';
+    return `# [${escapeMarkdown(title)}](${release.htmlUrl})\n\n${getPublishedText(release.publishedAt, now)} · \`${release.tagName}\`\n\n${body}`;
+  }).join('\n\n---\n\n');
+};
+
+class GithubReleasesError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'GithubReleasesError';
+  }
+}
+
+const bucketName = 'changelog-cache';
+const cacheName = 'lvce-editor/changelog-cache';
+const cachedAtHeader = 'X-Lvce-Editor-Cached-At';
+const maxAge = 60 * 60 * 1000;
+const getCacheKey = uri => {
+  return `https://-/changelog/${encodeURIComponent(uri)}`;
+};
+const isFresh = (cachedAt, now) => {
+  return Number.isFinite(cachedAt) && now - cachedAt <= maxAge;
+};
+const get = async (uri, now = Date.now(), getCacheFunction = getCache) => {
+  try {
+    const cache = await getCacheFunction(cacheName, bucketName);
+    const response = await cache.match(getCacheKey(uri));
+    if (!response) {
+      return undefined;
+    }
+    const cachedAt = Number(response.headers.get(cachedAtHeader));
+    if (!isFresh(cachedAt, now)) {
+      return undefined;
+    }
+    return response.text();
+  } catch {
+    return undefined;
+  }
+};
+const set$1 = async (uri, value, now = Date.now(), getCacheFunction = getCache) => {
+  try {
+    const cache = await getCacheFunction(cacheName, bucketName);
+    await cache.put(getCacheKey(uri), new Response(value, {
+      headers: {
+        [cachedAtHeader]: `${now}`,
+        'Content-Length': `${value.length}`,
+        'Content-Type': 'application/markdown'
+      }
+    }));
+  } catch {
+    return;
+  }
+};
+
+const ChangelogCache = {
+  __proto__: null,
+  get,
+  set: set$1
+};
+
+const error = async error => {
+  // TODO send message to error worker or log worker
+  // @ts-ignore
+  console.error(error);
+};
+
+const loadChangelogContent = async (path, cache = ChangelogCache) => {
+  try {
+    const changelogUrl = join(path, 'CHANGELOG.md');
+    const cachedContent = await cache.get(changelogUrl);
+    if (cachedContent !== undefined) {
+      return cachedContent;
+    }
+    const changelogContent = await readFile(changelogUrl);
+    await cache.set(changelogUrl, changelogContent);
+    return changelogContent;
+  } catch (error$1) {
+    if (isEnoentError(error$1)) {
+      return '';
+    }
+    await error(new VError(error$1, 'Failed to load Changelog content'));
+    return `${error$1}`;
+  }
+};
+
+const pageSize = 100;
+const maximumReleases = 100;
+const getErrorMessage = async response => {
+  try {
+    const body = await response.clone().json();
+    if (body && hasProperty(body, 'message') && typeof body.message === 'string') {
+      return body.message;
+    }
+  } catch {
+    // The status code still provides a useful error when the error body is invalid.
+  }
+  return '';
+};
+const getHttpError = async response => {
+  const apiMessage = await getErrorMessage(response);
+  const rateLimitRemaining = response.headers.get('x-ratelimit-remaining');
+  if (response.status === 429 || response.status === 403 && (rateLimitRemaining === '0' || apiMessage.toLowerCase().includes('rate limit'))) {
+    const resetValue = Number(response.headers.get('x-ratelimit-reset'));
+    const retry = Number.isFinite(resetValue) && resetValue > 0 ? ` Try again after ${new Date(resetValue * 1000).toLocaleString()}.` : ' Please try again later.';
+    return new GithubReleasesError(`GitHub API rate limit exceeded.${retry}`);
+  }
+  if (response.status === 404) {
+    return new GithubReleasesError('The GitHub repository could not be found or is not publicly reachable.');
+  }
+  if (response.status >= 500) {
+    return new GithubReleasesError(`GitHub is temporarily unavailable (server error ${response.status}). Please try again later.`);
+  }
+  if (response.status >= 400) {
+    const detail = apiMessage ? `: ${apiMessage}` : '';
+    return new GithubReleasesError(`GitHub rejected the releases request (${response.status} ${response.statusText || 'Client Error'})${detail}.`);
+  }
+  return new GithubReleasesError(`GitHub returned an unexpected HTTP status (${response.status}).`);
+};
+const parseNullableString = value => {
+  if (typeof value === 'string') {
+    return value;
+  }
+  if (value === null) {
+    return '';
+  }
+  return undefined;
+};
+const parseRelease = value => {
+  if (!value || !hasProperty(value, 'body') || !hasProperty(value, 'html_url') || !hasProperty(value, 'name') || !hasProperty(value, 'published_at') || !hasProperty(value, 'tag_name')) {
+    return undefined;
+  }
+  const body = parseNullableString(value.body);
+  const name = parseNullableString(value.name);
+  const publishedAt = parseNullableString(value.published_at);
+  if (body === undefined || name === undefined || publishedAt === undefined || typeof value.html_url !== 'string' || typeof value.tag_name !== 'string') {
+    return undefined;
+  }
+  try {
+    const htmlUrl = new URL(value.html_url);
+    if (htmlUrl.protocol !== 'https:' || htmlUrl.hostname !== 'github.com') {
+      return undefined;
+    }
+  } catch {
+    return undefined;
+  }
+  return {
+    body,
+    htmlUrl: value.html_url,
+    name,
+    publishedAt,
+    tagName: value.tag_name
+  };
+};
+const parsePage = async response => {
+  let value;
+  try {
+    value = await response.json();
+  } catch {
+    throw new GithubReleasesError('GitHub returned an invalid response instead of JSON release data. Please try again later.');
+  }
+  if (!Array.isArray(value)) {
+    throw new GithubReleasesError('GitHub returned invalid release data. Please try again later.');
+  }
+  const releases = value.map(parseRelease);
+  if (releases.some(release => !release)) {
+    throw new GithubReleasesError('GitHub returned invalid release data. Please try again later.');
+  }
+  return releases;
+};
+const loadGithubReleases = async ({
+  owner,
+  repository
+}) => {
+  const releases = [];
+  for (let page = 1;; page++) {
+    const url = `https://api.github.com/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repository)}/releases?per_page=${pageSize}&page=${page}`;
+    let response;
+    try {
+      response = await request(url);
+    } catch {
+      throw new GithubReleasesError('GitHub releases could not be loaded because GitHub is not reachable. Check your connection and try again.');
+    }
+    if (!response.ok) {
+      throw await getHttpError(response);
+    }
+    const pageReleases = await parsePage(response);
+    const remaining = maximumReleases - releases.length;
+    if (pageReleases.length > remaining) {
+      releases.push(...pageReleases.slice(0, remaining));
+      return {
+        isTruncated: true,
+        releases
+      };
+    }
+    releases.push(...pageReleases);
+    if (pageReleases.length < pageSize) {
+      return {
+        isTruncated: false,
+        releases
+      };
+    }
+  }
+};
+
+const releaseBatchSize = 100;
+const mergeMarkdownVirtualDoms = chunks => {
+  let root;
+  const children = [];
+  for (const chunk of chunks) {
+    const [chunkRoot, ...chunkChildren] = chunk;
+    if (!chunkRoot) {
+      continue;
+    }
+    root = root ? {
+      ...root,
+      childCount: root.childCount + chunkRoot.childCount
+    } : chunkRoot;
+    children.push(...chunkChildren);
+  }
+  return root ? [root, ...children] : [];
+};
+const renderGithubReleases = async (result, githubRepository, cacheName, languages, locationProtocol) => {
+  const chunks = [];
+  const {
+    isTruncated,
+    releases
+  } = result;
+  const releaseGroups = releases.length === 0 ? [[]] : Array.from({
+    length: Math.ceil(releases.length / releaseBatchSize)
+  }, (_, index) => {
+    return releases.slice(index * releaseBatchSize, (index + 1) * releaseBatchSize);
+  });
+  const baseUrl = `https://github.com/${githubRepository.owner}/${githubRepository.repository}/blob/HEAD/`;
+  for (const [index, releaseGroup] of releaseGroups.entries()) {
+    const limitMessage = index === 0 && isTruncated ? `> Showing the newest ${releases.length} GitHub releases. Older releases are not displayed to keep the editor responsive.\n\n` : '';
+    const markdown = limitMessage + getGithubReleasesMarkdown(releaseGroup, githubRepository);
+    const html = await renderMarkdown(markdown, {
+      baseUrl,
+      languages,
+      linksExternal: true,
+      locationProtocol
+    }, cacheName);
+    chunks.push([...(await getMarkdownVirtualDom(html))]);
+  }
+  return addScrollToTopVirtualDom(mergeMarkdownVirtualDoms(chunks));
+};
+const selectTabChangelog = async state => {
+  const {
+    baseUrl,
+    cacheName,
+    extension,
+    extensionUri,
+    languages,
+    locationProtocol,
+    tabs
+  } = state;
+  const githubRepository = getGithubRepository(extension);
+  let changelogDom;
+  if (githubRepository) {
+    try {
+      const result = await loadGithubReleases(githubRepository);
+      changelogDom = await renderGithubReleases(result, githubRepository, cacheName, languages, locationProtocol);
+    } catch (error) {
+      const message = error instanceof GithubReleasesError ? error.message : 'GitHub releases could not be loaded. Please try again later.';
+      const html = await renderMarkdown(`# Changelog\n\n${message}`, {
+        baseUrl,
+        languages,
+        linksExternal: true,
+        locationProtocol
+      }, cacheName);
+      changelogDom = await getMarkdownVirtualDom(html, {
+        scrollToTopEnabled: true
+      });
+    }
+  } else {
+    const changelogContent = await loadChangelogContent(extensionUri);
+    const html = await renderMarkdown(changelogContent, {
+      baseUrl,
+      languages,
+      linksExternal: true,
+      locationProtocol
+    }, cacheName);
+    changelogDom = await getMarkdownVirtualDom(html, {
+      scrollToTopEnabled: true
+    });
+  }
+  const newTabs = tabs.map(tab => {
+    return {
+      ...tab,
+      selected: tab.name === Changelog
+    };
+  });
+  return {
+    ...state,
+    changelogVirtualDom: changelogDom,
+    selectedTab: Changelog,
+    tabs: newTabs
+  };
+};
+
 const isEnabled = tab => {
   return tab.enabled;
 };
@@ -5688,6 +6006,9 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
   if (selectedTab === Features) {
     return selectFeature(loadedState, actualSelectedFeature);
   }
+  if (selectedTab === Changelog) {
+    return selectTabChangelog(loadedState);
+  }
   return loadedState;
 };
 const loadContent = async (state, platform, savedState, isTest = false) => {
@@ -5705,595 +6026,277 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
       errorTitle: unableToLoadExtension(),
       extensionId,
       initial: false
-    };
-  }
-};
-
-const handleExtensionsChanged = async state => {
-  const {
-    platform
-  } = state;
-  return loadContent(state, platform, {});
-};
-
-const handleExtensionsStatusUpdate = async state => {
-  const {
-    extension
-  } = state;
-  const details = await getRuntimeStatusDetails(extension);
-  return {
-    ...state,
-    ...details
-  };
-};
-
-const handleHeaderContextMenu = async state => {
-  return state;
-};
-
-const handleIconError = state => {
-  const {
-    assetDir,
-    iconSrc
-  } = state;
-  if (iconSrc === extensionDefaultIcon(assetDir)) {
-    return state;
-  }
-  return {
-    ...state,
-    iconSrc: extensionDefaultIcon(assetDir)
-  };
-};
-
-const ExtensionDetailIconContextMenu = 4091;
-
-const handleImageContextMenu = async (state, eventX, eventY) => {
-  const {
-    uid
-  } = state;
-  await show2(uid, ExtensionDetailIconContextMenu, eventX, eventY, {
-    menuId: ExtensionDetailIconContextMenu
-  });
-  return state;
-};
-
-const markdownImageErrorNode = {
-  childCount: 1,
-  className: MarkdownImageError,
-  type: Span
-};
-const getMarkdownImageErrorVirtualDom = () => {
-  return [markdownImageErrorNode, text(imageCannotBeLoaded())];
-};
-
-const isMatchingImageSrc = (nodeSrc, failedSrc) => {
-  if (typeof nodeSrc !== 'string' || !failedSrc) {
-    return false;
-  }
-  const normalizedNodeSrc = nodeSrc.startsWith('./') ? nodeSrc.slice(2) : nodeSrc;
-  return nodeSrc === failedSrc || failedSrc.endsWith(nodeSrc) || nodeSrc.endsWith(failedSrc) || failedSrc.endsWith(`/${normalizedNodeSrc}`);
-};
-const replaceMarkdownImageWithError = (dom, failedSrc) => {
-  let replaced = false;
-  const newDom = [];
-  for (const node of dom) {
-    if (node.type === Img && isMatchingImageSrc(node.src, failedSrc)) {
-      if (node.childCount > 0) {
-        newDom.push({
-          childCount: node.childCount + 1,
-          type: Span
-        });
-      }
-      newDom.push(...getMarkdownImageErrorVirtualDom());
-      replaced = true;
-    } else {
-      newDom.push(node);
-    }
-  }
-  if (!replaced) {
-    return dom;
-  }
-  return newDom;
-};
-
-const handleMarkdownImageError = (state, failedSrc) => {
-  const {
-    changelogVirtualDom: oldChangelogVirtualDom,
-    detailsVirtualDom: oldDetailsVirtualDom
-  } = state;
-  const detailsVirtualDom = replaceMarkdownImageWithError(oldDetailsVirtualDom, failedSrc);
-  const changelogVirtualDom = replaceMarkdownImageWithError(oldChangelogVirtualDom, failedSrc);
-  if (detailsVirtualDom === oldDetailsVirtualDom && changelogVirtualDom === oldChangelogVirtualDom) {
-    return state;
-  }
-  return {
-    ...state,
-    changelogVirtualDom,
-    detailsVirtualDom
-  };
-};
-
-const previewColorTheme = async colorThemeId => {
-  await invoke$1('ColorTheme.previewColorTheme', colorThemeId);
-};
-const disablePreviewColorTheme = async () => {
-  await invoke$1('ColorTheme.disablePreviewColorTheme');
-};
-
-const handleMouseEnterEnable = async state => {
-  const {
-    extension
-  } = state;
-  const colorThemeId = getColorThemeId(extension);
-  if (!colorThemeId) {
-    return state;
-  }
-  try {
-    await previewColorTheme(colorThemeId);
-  } catch (error) {
-    console.warn(error);
-  }
-  return state;
-};
-
-const handleMouseLeaveEnable = async state => {
-  try {
-    await disablePreviewColorTheme();
-  } catch (error) {
-    console.warn(error);
-  }
-  return state;
-};
-
-const openExternalElectron = async uri => {
-  await openExternal$1(uri);
-};
-const openExternalWeb = async uri => {
-  await openUrl(uri);
-};
-const openExternal = async (uri, platform) => {
-  if (platform === Electron$1) {
-    await openExternalElectron(uri);
-  } else {
-    await openExternalWeb(uri);
-  }
-};
-
-const handleReadmeLinkClick = async (linkProtectionEnabled, platform, href) => {
-  // TODO what to do about relative links? open them in editor?
-  // TODO what to do about mail links?
-  if (linkProtectionEnabled) {
-    const message = `Do you want to open this external link?\n\n${href}`;
-    const confirmed = await invoke$5('ConfirmPrompt.prompt', message);
-    if (!confirmed) {
-      return;
-    }
-  }
-  await openExternal(href, platform);
-};
-
-const isExternalLink$1 = href => {
-  return href.startsWith('http://') || href.startsWith('https://');
-};
-const handleReadmeClick = async (state, nodeName, href) => {
-  const {
-    linkProtectionEnabled,
-    platform
-  } = state;
-  if (!href || !isExternalLink$1(href)) {
-    return state;
-  }
-  // TODO what to do about relative links? open them in editor?
-  // TODO what to do about mail links?
-  await handleReadmeLinkClick(linkProtectionEnabled, platform, href);
-  return state;
-};
-
-const handleReadmeContextMenu = async (state, x, y, nodeName, href) => {
-  const {
-    uid
-  } = state;
-  // TODO maybe also pass other args
-  await show2(uid, ExtensionDetailReadme, x, y, {
-    href,
-    menuId: ExtensionDetailReadme,
-    nodeName
-  });
-  // TODO
-  return state;
-};
-
-const getOpenUri = uri => {
-  if (!uri.includes('://')) {
-    return uri;
-  }
-  const url = new URL(uri);
-  if (url.protocol === 'file:') {
-    return decodeURIComponent(url.pathname);
-  }
-  if (url.pathname.startsWith('/remote/')) {
-    return decodeURIComponent(url.pathname.slice('/remote'.length));
-  }
-  return uri;
-};
-
-const isExternalLink = href => {
-  return href.startsWith('http://') || href.startsWith('https://');
-};
-const handleResourceLinkClick = async (state, href, themePath = '') => {
-  if (themePath) {
-    const {
-      extensionUri
-    } = state;
-    const themeUri = getOpenUri(join(extensionUri, themePath));
-    // Opening another main-area view hides this one, so waiting here would deadlock the renderer.
-    void invoke$1('Main.openUri', themeUri);
-    return state;
+    };
   }
+};
+
+const handleExtensionsChanged = async state => {
   const {
-    linkProtectionEnabled,
     platform
   } = state;
-  if (!href || !isExternalLink(href)) {
-    return state;
-  }
-  await handleReadmeLinkClick(linkProtectionEnabled, platform, href);
-  return state;
+  return loadContent(state, platform, {});
 };
 
-const handleScroll = (state, scrollTop, scrollSource = Script) => {
+const handleExtensionsStatusUpdate = async state => {
   const {
-    selectedTab
+    extension
   } = state;
-  const newScrollTop = Math.max(0, scrollTop);
-  if (selectedTab === Changelog) {
-    return {
-      ...state,
-      changelogScrollTop: newScrollTop,
-      scrollSource
-    };
-  }
+  const details = await getRuntimeStatusDetails(extension);
   return {
     ...state,
-    readmeScrollTop: newScrollTop,
-    scrollSource
+    ...details
   };
 };
 
-const handleSelectionChange = async (state, selection) => {
-  // console.log('selection change')
+const handleHeaderContextMenu = async state => {
   return state;
 };
 
-const handleTabFocus = (state, name) => {
+const handleIconError = state => {
   const {
-    focusedTabIndex,
-    tabs
+    assetDir,
+    iconSrc
   } = state;
-  const tabIndex = tabs.findIndex(tab => tab.name === name);
-  const newFocusedTabIndex = tabIndex === -1 ? focusedTabIndex : tabIndex;
+  if (iconSrc === extensionDefaultIcon(assetDir)) {
+    return state;
+  }
   return {
     ...state,
-    focus: FocusExtensionDetailTabs,
-    focusedTabIndex: newFocusedTabIndex
+    iconSrc: extensionDefaultIcon(assetDir)
   };
 };
 
-const escapeMarkdown = value => {
-  return value.replaceAll('\\', '\\\\').replaceAll('[', '\\[').replaceAll(']', '\\]');
+const ExtensionDetailIconContextMenu = 4091;
+
+const handleImageContextMenu = async (state, eventX, eventY) => {
+  const {
+    uid
+  } = state;
+  await show2(uid, ExtensionDetailIconContextMenu, eventX, eventY, {
+    menuId: ExtensionDetailIconContextMenu
+  });
+  return state;
 };
-const getPublishedText = (publishedAt, now) => {
-  if (!publishedAt) {
-    return 'Publication date unavailable';
-  }
-  const date = new Date(publishedAt);
-  if (Number.isNaN(date.getTime())) {
-    return 'Publication date unavailable';
-  }
-  return `Published ${formatCreated(date.getTime(), now)}`;
+
+const markdownImageErrorNode = {
+  childCount: 1,
+  className: MarkdownImageError,
+  type: Span
 };
-const getGithubReleasesMarkdown = (releases, githubRepository, now = Date.now()) => {
-  if (releases.length === 0) {
-    return `# Changelog\n\nNo GitHub releases were found for **${escapeMarkdown(githubRepository.owner)}/${escapeMarkdown(githubRepository.repository)}**.`;
-  }
-  return releases.map(release => {
-    const title = release.name || release.tagName;
-    const body = release.body.trim() || '_No release notes were provided._';
-    return `# [${escapeMarkdown(title)}](${release.htmlUrl})\n\n${getPublishedText(release.publishedAt, now)} · \`${release.tagName}\`\n\n${body}`;
-  }).join('\n\n---\n\n');
+const getMarkdownImageErrorVirtualDom = () => {
+  return [markdownImageErrorNode, text(imageCannotBeLoaded())];
 };
 
-class GithubReleasesError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'GithubReleasesError';
+const isMatchingImageSrc = (nodeSrc, failedSrc) => {
+  if (typeof nodeSrc !== 'string' || !failedSrc) {
+    return false;
   }
-}
-
-const bucketName = 'changelog-cache';
-const cacheName = 'lvce-editor/changelog-cache';
-const cachedAtHeader = 'X-Lvce-Editor-Cached-At';
-const maxAge = 60 * 60 * 1000;
-const getCacheKey = uri => {
-  return `https://-/changelog/${encodeURIComponent(uri)}`;
-};
-const isFresh = (cachedAt, now) => {
-  return Number.isFinite(cachedAt) && now - cachedAt <= maxAge;
+  const normalizedNodeSrc = nodeSrc.startsWith('./') ? nodeSrc.slice(2) : nodeSrc;
+  return nodeSrc === failedSrc || failedSrc.endsWith(nodeSrc) || nodeSrc.endsWith(failedSrc) || failedSrc.endsWith(`/${normalizedNodeSrc}`);
 };
-const get = async (uri, now = Date.now(), getCacheFunction = getCache) => {
-  try {
-    const cache = await getCacheFunction(cacheName, bucketName);
-    const response = await cache.match(getCacheKey(uri));
-    if (!response) {
-      return undefined;
-    }
-    const cachedAt = Number(response.headers.get(cachedAtHeader));
-    if (!isFresh(cachedAt, now)) {
-      return undefined;
+const replaceMarkdownImageWithError = (dom, failedSrc) => {
+  let replaced = false;
+  const newDom = [];
+  for (const node of dom) {
+    if (node.type === Img && isMatchingImageSrc(node.src, failedSrc)) {
+      if (node.childCount > 0) {
+        newDom.push({
+          childCount: node.childCount + 1,
+          type: Span
+        });
+      }
+      newDom.push(...getMarkdownImageErrorVirtualDom());
+      replaced = true;
+    } else {
+      newDom.push(node);
     }
-    return response.text();
-  } catch {
-    return undefined;
   }
-};
-const set$1 = async (uri, value, now = Date.now(), getCacheFunction = getCache) => {
-  try {
-    const cache = await getCacheFunction(cacheName, bucketName);
-    await cache.put(getCacheKey(uri), new Response(value, {
-      headers: {
-        [cachedAtHeader]: `${now}`,
-        'Content-Length': `${value.length}`,
-        'Content-Type': 'application/markdown'
-      }
-    }));
-  } catch {
-    return;
+  if (!replaced) {
+    return dom;
   }
+  return newDom;
 };
 
-const ChangelogCache = {
-  __proto__: null,
-  get,
-  set: set$1
-};
-
-const error = async error => {
-  // TODO send message to error worker or log worker
-  // @ts-ignore
-  console.error(error);
-};
-
-const loadChangelogContent = async (path, cache = ChangelogCache) => {
-  try {
-    const changelogUrl = join(path, 'CHANGELOG.md');
-    const cachedContent = await cache.get(changelogUrl);
-    if (cachedContent !== undefined) {
-      return cachedContent;
-    }
-    const changelogContent = await readFile(changelogUrl);
-    await cache.set(changelogUrl, changelogContent);
-    return changelogContent;
-  } catch (error$1) {
-    if (isEnoentError(error$1)) {
-      return '';
-    }
-    await error(new VError(error$1, 'Failed to load Changelog content'));
-    return `${error$1}`;
+const handleMarkdownImageError = (state, failedSrc) => {
+  const {
+    changelogVirtualDom: oldChangelogVirtualDom,
+    detailsVirtualDom: oldDetailsVirtualDom
+  } = state;
+  const detailsVirtualDom = replaceMarkdownImageWithError(oldDetailsVirtualDom, failedSrc);
+  const changelogVirtualDom = replaceMarkdownImageWithError(oldChangelogVirtualDom, failedSrc);
+  if (detailsVirtualDom === oldDetailsVirtualDom && changelogVirtualDom === oldChangelogVirtualDom) {
+    return state;
   }
+  return {
+    ...state,
+    changelogVirtualDom,
+    detailsVirtualDom
+  };
 };
 
-const pageSize = 100;
-const maximumReleases = 100;
-const getErrorMessage = async response => {
-  try {
-    const body = await response.clone().json();
-    if (body && hasProperty(body, 'message') && typeof body.message === 'string') {
-      return body.message;
-    }
-  } catch {
-    // The status code still provides a useful error when the error body is invalid.
-  }
-  return '';
-};
-const getHttpError = async response => {
-  const apiMessage = await getErrorMessage(response);
-  const rateLimitRemaining = response.headers.get('x-ratelimit-remaining');
-  if (response.status === 429 || response.status === 403 && (rateLimitRemaining === '0' || apiMessage.toLowerCase().includes('rate limit'))) {
-    const resetValue = Number(response.headers.get('x-ratelimit-reset'));
-    const retry = Number.isFinite(resetValue) && resetValue > 0 ? ` Try again after ${new Date(resetValue * 1000).toLocaleString()}.` : ' Please try again later.';
-    return new GithubReleasesError(`GitHub API rate limit exceeded.${retry}`);
-  }
-  if (response.status === 404) {
-    return new GithubReleasesError('The GitHub repository could not be found or is not publicly reachable.');
-  }
-  if (response.status >= 500) {
-    return new GithubReleasesError(`GitHub is temporarily unavailable (server error ${response.status}). Please try again later.`);
-  }
-  if (response.status >= 400) {
-    const detail = apiMessage ? `: ${apiMessage}` : '';
-    return new GithubReleasesError(`GitHub rejected the releases request (${response.status} ${response.statusText || 'Client Error'})${detail}.`);
-  }
-  return new GithubReleasesError(`GitHub returned an unexpected HTTP status (${response.status}).`);
+const previewColorTheme = async colorThemeId => {
+  await invoke$1('ColorTheme.previewColorTheme', colorThemeId);
 };
-const parseNullableString = value => {
-  if (typeof value === 'string') {
-    return value;
-  }
-  if (value === null) {
-    return '';
-  }
-  return undefined;
+const disablePreviewColorTheme = async () => {
+  await invoke$1('ColorTheme.disablePreviewColorTheme');
 };
-const parseRelease = value => {
-  if (!value || !hasProperty(value, 'body') || !hasProperty(value, 'html_url') || !hasProperty(value, 'name') || !hasProperty(value, 'published_at') || !hasProperty(value, 'tag_name')) {
-    return undefined;
-  }
-  const body = parseNullableString(value.body);
-  const name = parseNullableString(value.name);
-  const publishedAt = parseNullableString(value.published_at);
-  if (body === undefined || name === undefined || publishedAt === undefined || typeof value.html_url !== 'string' || typeof value.tag_name !== 'string') {
-    return undefined;
-  }
-  try {
-    const htmlUrl = new URL(value.html_url);
-    if (htmlUrl.protocol !== 'https:' || htmlUrl.hostname !== 'github.com') {
-      return undefined;
-    }
-  } catch {
-    return undefined;
+
+const handleMouseEnterEnable = async state => {
+  const {
+    extension
+  } = state;
+  const colorThemeId = getColorThemeId(extension);
+  if (!colorThemeId) {
+    return state;
   }
-  return {
-    body,
-    htmlUrl: value.html_url,
-    name,
-    publishedAt,
-    tagName: value.tag_name
-  };
-};
-const parsePage = async response => {
-  let value;
   try {
-    value = await response.json();
-  } catch {
-    throw new GithubReleasesError('GitHub returned an invalid response instead of JSON release data. Please try again later.');
+    await previewColorTheme(colorThemeId);
+  } catch (error) {
+    console.warn(error);
   }
-  if (!Array.isArray(value)) {
-    throw new GithubReleasesError('GitHub returned invalid release data. Please try again later.');
+  return state;
+};
+
+const handleMouseLeaveEnable = async state => {
+  try {
+    await disablePreviewColorTheme();
+  } catch (error) {
+    console.warn(error);
   }
-  const releases = value.map(parseRelease);
-  if (releases.some(release => !release)) {
-    throw new GithubReleasesError('GitHub returned invalid release data. Please try again later.');
+  return state;
+};
+
+const openExternalElectron = async uri => {
+  await openExternal$1(uri);
+};
+const openExternalWeb = async uri => {
+  await openUrl(uri);
+};
+const openExternal = async (uri, platform) => {
+  if (platform === Electron$1) {
+    await openExternalElectron(uri);
+  } else {
+    await openExternalWeb(uri);
   }
-  return releases;
 };
-const loadGithubReleases = async ({
-  owner,
-  repository
-}) => {
-  const releases = [];
-  for (let page = 1;; page++) {
-    const url = `https://api.github.com/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repository)}/releases?per_page=${pageSize}&page=${page}`;
-    let response;
-    try {
-      response = await request(url);
-    } catch {
-      throw new GithubReleasesError('GitHub releases could not be loaded because GitHub is not reachable. Check your connection and try again.');
-    }
-    if (!response.ok) {
-      throw await getHttpError(response);
-    }
-    const pageReleases = await parsePage(response);
-    const remaining = maximumReleases - releases.length;
-    if (pageReleases.length > remaining) {
-      releases.push(...pageReleases.slice(0, remaining));
-      return {
-        isTruncated: true,
-        releases
-      };
-    }
-    releases.push(...pageReleases);
-    if (pageReleases.length < pageSize) {
-      return {
-        isTruncated: false,
-        releases
-      };
+
+const handleReadmeLinkClick = async (linkProtectionEnabled, platform, href) => {
+  // TODO what to do about relative links? open them in editor?
+  // TODO what to do about mail links?
+  if (linkProtectionEnabled) {
+    const message = `Do you want to open this external link?\n\n${href}`;
+    const confirmed = await invoke$5('ConfirmPrompt.prompt', message);
+    if (!confirmed) {
+      return;
     }
   }
+  await openExternal(href, platform);
 };
 
-const releaseBatchSize = 100;
-const mergeMarkdownVirtualDoms = chunks => {
-  let root;
-  const children = [];
-  for (const chunk of chunks) {
-    const [chunkRoot, ...chunkChildren] = chunk;
-    if (!chunkRoot) {
-      continue;
-    }
-    root = root ? {
-      ...root,
-      childCount: root.childCount + chunkRoot.childCount
-    } : chunkRoot;
-    children.push(...chunkChildren);
+const isExternalLink$1 = href => {
+  return href.startsWith('http://') || href.startsWith('https://');
+};
+const handleReadmeClick = async (state, nodeName, href) => {
+  const {
+    linkProtectionEnabled,
+    platform
+  } = state;
+  if (!href || !isExternalLink$1(href)) {
+    return state;
   }
-  return root ? [root, ...children] : [];
+  // TODO what to do about relative links? open them in editor?
+  // TODO what to do about mail links?
+  await handleReadmeLinkClick(linkProtectionEnabled, platform, href);
+  return state;
 };
-const renderGithubReleases = async (result, githubRepository, cacheName, languages, locationProtocol) => {
-  const chunks = [];
+
+const handleReadmeContextMenu = async (state, x, y, nodeName, href) => {
   const {
-    isTruncated,
-    releases
-  } = result;
-  const releaseGroups = releases.length === 0 ? [[]] : Array.from({
-    length: Math.ceil(releases.length / releaseBatchSize)
-  }, (_, index) => {
-    return releases.slice(index * releaseBatchSize, (index + 1) * releaseBatchSize);
+    uid
+  } = state;
+  // TODO maybe also pass other args
+  await show2(uid, ExtensionDetailReadme, x, y, {
+    href,
+    menuId: ExtensionDetailReadme,
+    nodeName
   });
-  const baseUrl = `https://github.com/${githubRepository.owner}/${githubRepository.repository}/blob/HEAD/`;
-  for (const [index, releaseGroup] of releaseGroups.entries()) {
-    const limitMessage = index === 0 && isTruncated ? `> Showing the newest ${releases.length} GitHub releases. Older releases are not displayed to keep the editor responsive.\n\n` : '';
-    const markdown = limitMessage + getGithubReleasesMarkdown(releaseGroup, githubRepository);
-    const html = await renderMarkdown(markdown, {
-      baseUrl,
-      languages,
-      linksExternal: true,
-      locationProtocol
-    }, cacheName);
-    chunks.push([...(await getMarkdownVirtualDom(html))]);
+  // TODO
+  return state;
+};
+
+const getOpenUri = uri => {
+  if (!uri.includes('://')) {
+    return uri;
   }
-  return addScrollToTopVirtualDom(mergeMarkdownVirtualDoms(chunks));
+  const url = new URL(uri);
+  if (url.protocol === 'file:') {
+    return decodeURIComponent(url.pathname);
+  }
+  if (url.pathname.startsWith('/remote/')) {
+    return decodeURIComponent(url.pathname.slice('/remote'.length));
+  }
+  return uri;
 };
-const selectTabChangelog = async state => {
+
+const isExternalLink = href => {
+  return href.startsWith('http://') || href.startsWith('https://');
+};
+const handleResourceLinkClick = async (state, href, themePath = '') => {
+  if (themePath) {
+    const {
+      extensionUri
+    } = state;
+    const themeUri = getOpenUri(join(extensionUri, themePath));
+    // Opening another main-area view hides this one, so waiting here would deadlock the renderer.
+    void invoke$1('Main.openUri', themeUri);
+    return state;
+  }
   const {
-    baseUrl,
-    cacheName,
-    extension,
-    extensionUri,
-    languages,
-    locationProtocol,
-    tabs
+    linkProtectionEnabled,
+    platform
   } = state;
-  const githubRepository = getGithubRepository(extension);
-  let changelogDom;
-  if (githubRepository) {
-    try {
-      const result = await loadGithubReleases(githubRepository);
-      changelogDom = await renderGithubReleases(result, githubRepository, cacheName, languages, locationProtocol);
-    } catch (error) {
-      const message = error instanceof GithubReleasesError ? error.message : 'GitHub releases could not be loaded. Please try again later.';
-      const html = await renderMarkdown(`# Changelog\n\n${message}`, {
-        baseUrl,
-        languages,
-        linksExternal: true,
-        locationProtocol
-      }, cacheName);
-      changelogDom = await getMarkdownVirtualDom(html, {
-        scrollToTopEnabled: true
-      });
-    }
-  } else {
-    const changelogContent = await loadChangelogContent(extensionUri);
-    const html = await renderMarkdown(changelogContent, {
-      baseUrl,
-      languages,
-      linksExternal: true,
-      locationProtocol
-    }, cacheName);
-    changelogDom = await getMarkdownVirtualDom(html, {
-      scrollToTopEnabled: true
-    });
+  if (!href || !isExternalLink(href)) {
+    return state;
   }
-  const newTabs = tabs.map(tab => {
+  await handleReadmeLinkClick(linkProtectionEnabled, platform, href);
+  return state;
+};
+
+const handleScroll = (state, scrollTop, scrollSource = Script) => {
+  const {
+    selectedTab
+  } = state;
+  const newScrollTop = Math.max(0, scrollTop);
+  if (selectedTab === Changelog) {
     return {
-      ...tab,
-      selected: tab.name === Changelog
+      ...state,
+      changelogScrollTop: newScrollTop,
+      scrollSource
     };
-  });
+  }
   return {
     ...state,
-    changelogVirtualDom: changelogDom,
-    selectedTab: Changelog,
-    tabs: newTabs
+    readmeScrollTop: newScrollTop,
+    scrollSource
+  };
+};
+
+const handleSelectionChange = async (state, selection) => {
+  // console.log('selection change')
+  return state;
+};
+
+const handleTabFocus = (state, name) => {
+  const {
+    focusedTabIndex,
+    tabs
+  } = state;
+  const tabIndex = tabs.findIndex(tab => tab.name === name);
+  const newFocusedTabIndex = tabIndex === -1 ? focusedTabIndex : tabIndex;
+  return {
+    ...state,
+    focus: FocusExtensionDetailTabs,
+    focusedTabIndex: newFocusedTabIndex
   };
 };