@beyondwork/docx-react-component 1.0.0 → 1.0.2

package/src/ui/WordReviewEditor.tsx

@@ -69,6 +69,27 @@ interface WordReviewEditorRuntime extends DocumentRuntime {
   dispose?(): void;
 }
 
+const VISUALLY_HIDDEN_STYLES: React.CSSProperties = {
+  position: "absolute",
+  width: "1px",
+  height: "1px",
+  padding: 0,
+  margin: "-1px",
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  border: 0,
+};
+
+const ACCESSIBLE_REGION_ORDER = [
+  "toolbar",
+  "document",
+  "review-rail",
+  "status",
+] as const;
+
+type AccessibleRegionId = (typeof ACCESSIBLE_REGION_ORDER)[number];
+
 export function __createWordReviewEditorRefBridge(
   runtime: WordReviewEditorRuntime,
 ): WordReviewEditorRef {
@@ -241,6 +262,8 @@ export const WordReviewEditor = forwardRef<WordReviewEditorRef, WordReviewEditor
     const [showTrackedChanges, setShowTrackedChanges] = useState(false);
     const [activeRevisionId, setActiveRevisionId] = useState<string | undefined>();
     const runtimeRef = useRef<WordReviewEditorRuntime | null>(null);
+    const shellRef = useRef<HTMLDivElement | null>(null);
+    const lastAnnouncedErrorIdRef = useRef<string | null>(null);
     const autosaveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
     const lastSavedRevisionTokenRef = useRef<string | null>(null);
     const datastoreRef = useRef(datastore);
@@ -601,6 +624,10 @@ export const WordReviewEditor = forwardRef<WordReviewEditorRef, WordReviewEditor
 
     const selectionPreview = summarizeSelectionPreview(snapshot);
     const capabilities = deriveCapabilities(snapshot, reviewMode);
+    const diagnosticsModeMessage = getDiagnosticsModeMessage(loadError ?? snapshot.fatalError);
+    const accessibilityInstructionsId = `${documentId}-accessibility-instructions`;
+    const accessibilityStatusId = `${documentId}-accessibility-status`;
+    const accessibilityAlertId = `${documentId}-accessibility-alert`;
 
     const dispatchSelection = (selection: PublicSelectionSnapshot) =>
       activeRuntime.dispatch({
@@ -608,6 +635,46 @@ export const WordReviewEditor = forwardRef<WordReviewEditorRef, WordReviewEditor
         selection: toRuntimeSelectionSnapshot(selection),
       });
 
+    useEffect(() => {
+      const shell = shellRef.current;
+      if (!shell) {
+        return;
+      }
+
+      applyRegionAttributes(shell);
+    }, [runtime, snapshot.fatalError, snapshot.isReady]);
+
+    useEffect(() => {
+      const shell = shellRef.current;
+      const fatalError = loadError ?? snapshot.fatalError;
+      if (!shell || !fatalError) {
+        lastAnnouncedErrorIdRef.current = null;
+        return;
+      }
+
+      if (lastAnnouncedErrorIdRef.current === fatalError.errorId) {
+        return;
+      }
+
+      lastAnnouncedErrorIdRef.current = fatalError.errorId;
+      const alertTarget = shell.querySelector<HTMLElement>("[data-wre-alert='true']");
+      alertTarget?.focus();
+    }, [loadError, snapshot.fatalError]);
+
+    function handleShellKeyDownCapture(event: React.KeyboardEvent<HTMLDivElement>): void {
+      if (event.key !== "F6") {
+        return;
+      }
+
+      const shell = shellRef.current;
+      if (!shell) {
+        return;
+      }
+
+      event.preventDefault();
+      focusRelativeRegion(shell, event.shiftKey ? -1 : 1);
+    }
+
     const editorCallbacks = {
       onFocus: () => activeRuntime.focus(),
       onBlur: () => activeRuntime.blur(),
@@ -668,45 +735,199 @@ export const WordReviewEditor = forwardRef<WordReviewEditorRef, WordReviewEditor
     };
 
     return (
-      <TwReviewWorkspace
-        snapshot={snapshot}
-        currentUserId={currentUser.userId}
-        capabilities={capabilities}
-        reviewMode={reviewMode}
-        viewMode={viewMode}
-        activeRailTab={activeRailTab}
-        activeCommentId={snapshot.comments.activeCommentId}
-        activeRevisionId={activeRevisionId}
-        showTrackedChanges={showTrackedChanges}
-        selectionPreview={selectionPreview}
-        onViewModeChange={setViewMode}
-        onActiveRailTabChange={setActiveRailTab}
-        onShowTrackedChangesChange={setShowTrackedChanges}
-        {...reviewCallbacks}
-        document={
-          <TwProseMirrorSurface
-            currentUser={currentUser}
-            snapshot={snapshot}
-            reviewMode={reviewMode}
-            markupDisplay={liveMarkupDisplay}
-            activeRevisionId={activeRevisionId}
-            showTrackedChanges={showTrackedChanges}
-            {...editorCallbacks}
-            onCommentActivated={(commentId) => {
-              activeRuntime.openComment(commentId);
-              setActiveRailTab("comments");
-            }}
-            onRevisionActivated={(revisionId) => {
-              setActiveRevisionId(revisionId);
-              setActiveRailTab("changes");
-            }}
-          />
-        }
-      />
+      <div
+        ref={shellRef}
+        role="region"
+        aria-label={`Word review editor for ${snapshot.sourceLabel ?? documentId}`}
+        aria-describedby={`${accessibilityInstructionsId} ${accessibilityStatusId}${
+          diagnosticsModeMessage ? ` ${accessibilityAlertId}` : ""
+        }`}
+        className="relative h-full"
+        onKeyDownCapture={handleShellKeyDownCapture}
+      >
+        <p id={accessibilityInstructionsId} style={VISUALLY_HIDDEN_STYLES}>
+          Press F6 to move focus between the toolbar, document surface, review rail, and status bar.
+        </p>
+        <div
+          id={accessibilityStatusId}
+          role="status"
+          aria-live="polite"
+          aria-atomic="true"
+          style={VISUALLY_HIDDEN_STYLES}
+        >
+          {buildAccessibilityStatusMessage(snapshot, loadError ?? undefined)}
+        </div>
+        {diagnosticsModeMessage ? (
+          <div
+            id={accessibilityAlertId}
+            data-wre-alert="true"
+            role="alert"
+            aria-live="assertive"
+            aria-atomic="true"
+            tabIndex={-1}
+            className="border-b border-danger/30 bg-danger/5 px-4 py-3 text-sm text-danger"
+          >
+            {diagnosticsModeMessage}
+          </div>
+        ) : null}
+        <TwReviewWorkspace
+          snapshot={snapshot}
+          currentUserId={currentUser.userId}
+          capabilities={capabilities}
+          reviewMode={reviewMode}
+          viewMode={viewMode}
+          activeRailTab={activeRailTab}
+          activeCommentId={snapshot.comments.activeCommentId}
+          activeRevisionId={activeRevisionId}
+          showTrackedChanges={showTrackedChanges}
+          selectionPreview={selectionPreview}
+          onViewModeChange={setViewMode}
+          onActiveRailTabChange={setActiveRailTab}
+          onShowTrackedChangesChange={setShowTrackedChanges}
+          {...reviewCallbacks}
+          document={
+            <TwProseMirrorSurface
+              currentUser={currentUser}
+              snapshot={snapshot}
+              reviewMode={reviewMode}
+              markupDisplay={liveMarkupDisplay}
+              activeRevisionId={activeRevisionId}
+              showTrackedChanges={showTrackedChanges}
+              {...editorCallbacks}
+              onCommentActivated={(commentId) => {
+                activeRuntime.openComment(commentId);
+                setActiveRailTab("comments");
+              }}
+              onRevisionActivated={(revisionId) => {
+                setActiveRevisionId(revisionId);
+                setActiveRailTab("changes");
+              }}
+            />
+          }
+        />
+      </div>
     );
   },
 );
 
+function applyRegionAttributes(shell: HTMLElement): void {
+  const toolbar = shell.querySelector<HTMLElement>("header");
+  if (toolbar) {
+    toolbar.dataset.wreRegion = "toolbar";
+    toolbar.setAttribute("role", toolbar.getAttribute("role") ?? "toolbar");
+    toolbar.setAttribute("aria-label", toolbar.getAttribute("aria-label") ?? "Editor toolbar");
+    toolbar.tabIndex = -1;
+  }
+
+  const documentSurface = shell.querySelector<HTMLElement>('[aria-label="Document surface"]');
+  if (documentSurface) {
+    documentSurface.dataset.wreRegion = "document";
+  }
+
+  const reviewRail = shell.querySelector<HTMLElement>('[aria-label="Review rail"]');
+  if (reviewRail) {
+    reviewRail.dataset.wreRegion = "review-rail";
+    reviewRail.tabIndex = -1;
+  }
+
+  const statusBar = shell.querySelector<HTMLElement>("footer");
+  if (statusBar) {
+    statusBar.dataset.wreRegion = "status";
+    statusBar.setAttribute("role", statusBar.getAttribute("role") ?? "status");
+    statusBar.setAttribute("aria-label", statusBar.getAttribute("aria-label") ?? "Editor status bar");
+    statusBar.tabIndex = -1;
+  }
+}
+
+function focusRelativeRegion(shell: HTMLElement, direction: -1 | 1): void {
+  const activeRegion = getActiveRegionId(shell);
+  const startIndex =
+    activeRegion === null ? (direction === 1 ? -1 : 0) : ACCESSIBLE_REGION_ORDER.indexOf(activeRegion);
+
+  for (let offset = 1; offset <= ACCESSIBLE_REGION_ORDER.length; offset += 1) {
+    const index =
+      (startIndex + direction * offset + ACCESSIBLE_REGION_ORDER.length) %
+      ACCESSIBLE_REGION_ORDER.length;
+    const regionId = ACCESSIBLE_REGION_ORDER[index];
+    const target = findRegionFocusTarget(shell, regionId);
+    if (target) {
+      target.focus();
+      return;
+    }
+  }
+}
+
+function getActiveRegionId(shell: HTMLElement): AccessibleRegionId | null {
+  const activeElement = shell.ownerDocument.activeElement;
+  if (!(activeElement instanceof HTMLElement)) {
+    return null;
+  }
+
+  const region = activeElement.closest<HTMLElement>("[data-wre-region]");
+  const regionId = region?.dataset.wreRegion;
+  return isAccessibleRegionId(regionId) ? regionId : null;
+}
+
+function findRegionFocusTarget(
+  shell: HTMLElement,
+  regionId: AccessibleRegionId,
+): HTMLElement | null {
+  const region = shell.querySelector<HTMLElement>(`[data-wre-region="${regionId}"]`);
+  if (!region) {
+    return null;
+  }
+
+  if (regionId === "document" || regionId === "toolbar" || regionId === "review-rail" || regionId === "status") {
+    return region;
+  }
+}
+
+function isAccessibleRegionId(value: string | undefined): value is AccessibleRegionId {
+  return value === "toolbar" || value === "document" || value === "review-rail" || value === "status";
+}
+
+function buildAccessibilityStatusMessage(
+  snapshot: RuntimeRenderSnapshot,
+  loadError?: EditorError,
+): string {
+  if (loadError) {
+    return `Editor failed to load. ${loadError.message}`;
+  }
+
+  if (!snapshot.isReady) {
+    return "Editor loading. Document surface is not ready yet.";
+  }
+
+  if (snapshot.fatalError) {
+    return `Editor opened in diagnostics mode. ${snapshot.fatalError.message}`;
+  }
+
+  return [
+    snapshot.readOnly ? "Read-only mode." : "Editing enabled.",
+    `${snapshot.comments.totalCount} comment${snapshot.comments.totalCount === 1 ? "" : "s"}.`,
+    `${snapshot.trackedChanges.totalCount} tracked change${
+      snapshot.trackedChanges.totalCount === 1 ? "" : "s"
+    }.`,
+    snapshot.compatibility.blockExport ? "Export blocked." : "Export available.",
+  ].join(" ");
+}
+
+function getDiagnosticsModeMessage(error?: EditorError | null): string | null {
+  if (!error) {
+    return null;
+  }
+
+  if (error.code === "package_corrupt") {
+    return `${error.message} The document opened in read-only diagnostics mode so you can inspect the issue safely, but editing and export stay blocked until you reload a valid .docx package.`;
+  }
+
+  if (error.code === "validation_failed") {
+    return `${error.message} The document opened in read-only diagnostics mode because OOXML validation failed, so editing and export stay blocked until the source package is repaired.`;
+  }
+
+  return error.isFatal ? error.message : null;
+}
+
 function normalizeEditorError(error: unknown): EditorError {
   if (
     typeof error === "object" &&

package/src/ui-tailwind/editor-surface/tw-editor-surface.tsx

@@ -123,14 +123,14 @@ export function TwEditorSurface(props: TwEditorSurfaceProps) {
                   onCommentActivated={props.onCommentActivated}
                   onRevisionActivated={props.onRevisionActivated}
                 />
-              ) : (
+              ) : block.kind === "opaque_block" ? (
                 <TwOpaqueBlock
                   key={block.blockId}
                   block={block}
                   selection={snapshot.selection}
                   onSelectionChange={props.onSelectionChange}
                 />
-              ),
+              ) : null,
             )
           ) : (
             <p className="text-sm text-secondary leading-relaxed">

package/src/ui-tailwind/editor-surface/tw-table-node-view.tsx

@@ -13,6 +13,20 @@
 
 import type { Node as PMNode } from "prosemirror-model";
 
+function resolveRenderedColspan(node: PMNode): number {
+  const colspan = node.attrs.colspan as number | undefined;
+  if (typeof colspan === "number" && colspan > 1) {
+    return colspan;
+  }
+
+  const gridSpan = node.attrs.gridSpan as number | undefined;
+  if (typeof gridSpan === "number" && gridSpan > 1) {
+    return gridSpan;
+  }
+
+  return 1;
+}
+
 /**
  * NodeView for the table node.
  * Renders as <table><tbody>...</tbody></table>.
@@ -67,7 +81,7 @@ export class TableCellNodeView {
       ? "border border-primary/20 p-2 align-top font-semibold bg-surface-raised"
       : "border border-primary/20 p-2 align-top";
 
-    const colspan = node.attrs.colspan as number;
+    const colspan = resolveRenderedColspan(node);
     const rowspan = node.attrs.rowspan as number;
     if (colspan > 1) (cell as HTMLTableCellElement).colSpan = colspan;
     if (rowspan > 1) (cell as HTMLTableCellElement).rowSpan = rowspan;
@@ -85,7 +99,7 @@ export class TableCellNodeView {
     const expectedTag = isHeader ? "TH" : "TD";
     if (this.dom.tagName !== expectedTag) return false;
 
-    const colspan = node.attrs.colspan as number;
+    const colspan = resolveRenderedColspan(node);
     const rowspan = node.attrs.rowspan as number;
     const cell = this.dom as HTMLTableCellElement;
     cell.colSpan = colspan > 1 ? colspan : 1;

package/.codex/config.toml

@@ -1,5 +0,0 @@
-[projects."/home/coder/docx-react-component"]
-trust_level = "trusted"
-
-[mcp_servers.context7]
-command = "/home/coder/docx-react-component/scripts/run-context7-mcp.sh"

package/.corepack/v1/pnpm/10.30.3/.corepack

@@ -1 +0,0 @@
-{"locator":{"name":"pnpm","reference":"10.30.3"},"bin":{"pnpm":"./bin/pnpm.cjs","pnpx":"./bin/pnpx.cjs"},"hash":"sha512.c961d1e0a2d8e354ecaa5166b822516668b7f44cb5bd95122d590dd81922f606f5473b6d23ec4a5be05e7fcd18e8488d47d978bbe981872f1145d06e9a740017"}

package/.corepack/v1/pnpm/10.30.3/LICENSE

@@ -1,22 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2015-2016 Rico Sta. Cruz and other contributors
-Copyright (c) 2016-2025 Zoltan Kochan and other contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/.corepack/v1/pnpm/10.30.3/README.md

@@ -1,240 +0,0 @@
-[简体中文](https://pnpm.io/zh/) |
-[日本語](https://pnpm.io/ja/) |
-[한국어](https://pnpm.io/ko/) |
-[Italiano](https://pnpm.io/it/) |
-[Português Brasileiro](https://pnpm.io/pt/)
-
-<picture>
-  <source media="(prefers-color-scheme: light)" srcset="https://i.imgur.com/qlW1eEG.png">
-  <source media="(prefers-color-scheme: dark)"  srcset="https://i.imgur.com/qlW1eEG.png">
-  <img src="https://i.imgur.com/qlW1eEG.png" alt="pnpm">
-</picture>
-
-Fast, disk space efficient package manager:
-
-* **Fast.** Up to 2x faster than the alternatives (see [benchmark](#benchmark)).
-* **Efficient.** Files inside `node_modules` are linked from a single content-addressable storage.
-* **[Great for monorepos](https://pnpm.io/workspaces).**
-* **Strict.** A package can access only dependencies that are specified in its `package.json`.
-* **Deterministic.** Has a lockfile called `pnpm-lock.yaml`.
-* **Works as a Node.js version manager.** See [pnpm env use](https://pnpm.io/cli/env).
-* **Works everywhere.** Supports Windows, Linux, and macOS.
-* **Battle-tested.** Used in production by teams of [all sizes](https://pnpm.io/users) since 2016.
-* [See the full feature comparison with npm and Yarn](https://pnpm.io/feature-comparison).
-
-To quote the [Rush](https://rushjs.io/) team:
-
-> Microsoft uses pnpm in Rush repos with hundreds of projects and hundreds of PRs per day, and we’ve found it to be very fast and reliable.
-
-[![npm version](https://img.shields.io/npm/v/pnpm.svg?label=latest)](https://github.com/pnpm/pnpm/releases/latest)
-[![OpenCollective](https://opencollective.com/pnpm/backers/badge.svg)](https://opencollective.com/pnpm)
-[![OpenCollective](https://opencollective.com/pnpm/sponsors/badge.svg)](https://opencollective.com/pnpm)
-[![X Follow](https://img.shields.io/twitter/follow/pnpmjs.svg?style=social&label=Follow)](https://x.com/intent/follow?screen_name=pnpmjs&region=follow_link)
-[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/badges/StandWithUkraine.svg)](https://stand-with-ukraine.pp.ua)
-
-## Platinum Sponsors
-
-<table>
-  <tbody>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://bit.dev/?utm_source=pnpm&utm_medium=readme" target="_blank"><img src="https://pnpm.io/img/users/bit.svg" width="80" alt="Bit"></a>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-## Gold Sponsors
-
-<table>
-  <tbody>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://sanity.io/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/sanity.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/sanity_light.svg" />
-            <img src="https://pnpm.io/img/users/sanity.svg" width="120" alt="Sanity" />
-          </picture>
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://discord.com/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/discord.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/discord_light.svg" />
-            <img src="https://pnpm.io/img/users/discord.svg" width="220" alt="Discord" />
-          </picture>
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://vite.dev/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <img src="https://pnpm.io/img/users/vitejs.svg" width="42" alt="Vite">
-        </a>
-      </td>
-    </tr>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://serpapi.com/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/serpapi_dark.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/serpapi_light.svg" />
-            <img src="https://pnpm.io/img/users/serpapi_dark.svg" width="160" alt="SerpApi" />
-          </picture>
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://coderabbit.ai/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/coderabbit.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/coderabbit_light.svg" />
-            <img src="https://pnpm.io/img/users/coderabbit.svg" width="220" alt="CodeRabbit" />
-          </picture>
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://workleap.com/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/workleap.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/workleap_light.svg" />
-            <img src="https://pnpm.io/img/users/workleap.svg" width="190" alt="Workleap" />
-          </picture>
-        </a>
-      </td>
-    </tr>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://stackblitz.com/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/stackblitz.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/stackblitz_light.svg" />
-            <img src="https://pnpm.io/img/users/stackblitz.svg" width="190" alt="Stackblitz" />
-          </picture>
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://nx.dev/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/nx.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/nx_light.svg" />
-            <img src="https://pnpm.io/img/users/nx.svg" width="50" alt="Nx" />
-          </picture>
-        </a>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-## Silver Sponsors
-
-<table>
-  <tbody>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://uscreen.de/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/uscreen.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/uscreen_light.svg" />
-            <img src="https://pnpm.io/img/users/uscreen.svg" width="180" alt="u|screen" />
-          </picture>
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://leniolabs.com/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <img src="https://pnpm.io/img/users/leniolabs.jpg" width="40" alt="Leniolabs_">
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://depot.dev/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/depot.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/depot_light.svg" />
-            <img src="https://pnpm.io/img/users/depot.svg" width="100" alt="Depot" />
-          </picture>
-        </a>
-      </td>
-    </tr>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://devowl.io/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/devowlio.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/devowlio.svg" />
-            <img src="https://pnpm.io/img/users/devowlio.svg" width="100" alt="devowl.io" />
-          </picture>
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://cerbos.dev/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/cerbos.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/cerbos_light.svg" />
-            <img src="https://pnpm.io/img/users/cerbos.svg" width="90" alt="Cerbos" />
-          </picture>
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://oomol.com/?utm_source=pnpm&utm_medium=readme" target="_blank">
-          <picture>
-            <source media="(prefers-color-scheme: light)" srcset="https://pnpm.io/img/users/oomol.svg" />
-            <source media="(prefers-color-scheme: dark)" srcset="https://pnpm.io/img/users/oomol_light.svg" />
-            <img src="https://pnpm.io/img/users/oomol.svg" width="90" alt="OOMOL Studio" />
-          </picture>
-        </a>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-Support this project by [becoming a sponsor](https://opencollective.com/pnpm#sponsor).
-
-## Background
-
-pnpm uses a content-addressable filesystem to store all files from all module directories on a disk.
-When using npm, if you have 100 projects using lodash, you will have 100 copies of lodash on disk.
-With pnpm, lodash will be stored in a content-addressable storage, so:
-
-1. If you depend on different versions of lodash, only the files that differ are added to the store.
-  If lodash has 100 files, and a new version has a change only in one of those files,
-  `pnpm update` will only add 1 new file to the storage.
-1. All the files are saved in a single place on the disk. When packages are installed, their files are linked
-  from that single place consuming no additional disk space. Linking is performed using either hard-links or reflinks (copy-on-write).
-
-As a result, you save gigabytes of space on your disk and you have a lot faster installations!
-If you'd like more details about the unique `node_modules` structure that pnpm creates and
-why it works fine with the Node.js ecosystem, read this small article: [Flat node_modules is not the only way](https://pnpm.io/blog/2020/05/27/flat-node-modules-is-not-the-only-way).
-
-💖 Like this project? Let people know with a [tweet](https://r.pnpm.io/tweet)
-
-## Installation
-
-For installation options [visit our website](https://pnpm.io/installation).
-
-## Usage
-
-Just use pnpm in place of npm/Yarn. E.g., install dependencies via:
-
-```
-pnpm install
-```
-
-For more advanced usage, read [pnpm CLI](https://pnpm.io/pnpm-cli) on our website, or run `pnpm help`.
-
-## Benchmark
-
-pnpm is up to 2x faster than npm and Yarn classic. See all benchmarks [here](https://r.pnpm.io/benchmarks).
-
-Benchmarks on an app with lots of dependencies:
-
-![](https://pnpm.io/img/benchmarks/alotta-files.svg)
-
-## Support
-
-- [Frequently Asked Questions](https://pnpm.io/faq)
-- [X](https://x.com/pnpmjs)
-- [Bluesky](https://bsky.app/profile/pnpm.io)
-
-## License
-
-[MIT](https://github.com/pnpm/pnpm/blob/main/LICENSE)
-

package/.corepack/v1/pnpm/10.30.3/dist/node-gyp-bin/node-gyp

@@ -1,6 +0,0 @@
-#!/usr/bin/env sh
-if [ "x$npm_config_node_gyp" = "x" ]; then
-  node "`dirname "$0"`/../node_modules/node-gyp/bin/node-gyp.js" "$@"
-else
-  "$npm_config_node_gyp" "$@"
-fi