docs: remove yarn lockfile and just use npm (#11254)

* bump-docusuaurus-to-3.9.2 * remove-yarn-lockfile * cicd-use-npm-instead-of-yarn * use-npm-in-docs * remove-unused-stylesheets * overrides-syntax * Update docs/package.json Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> * Revert "Update docs/package.json" This reverts commit b30dcefc824cefa6a48e2396bed1e4aa2c2379f6. --------- Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
2026-01-14 16:29:06 -05:00
parent d3369d0c2d
commit 3a092d2906
12 changed files with 2920 additions and 20434 deletions
--- a/.github/workflows/deploy-docs-draft.yml
+++ b/.github/workflows/deploy-docs-draft.yml
@@ -24,8 +24,8 @@ jobs:
        uses: actions/setup-node@v4
        with:
          node-version: 22
-          cache: yarn
-          cache-dependency-path: ./docs/yarn.lock
+          cache: npm
+          cache-dependency-path: ./docs/package-lock.json

      - name: Validate Branch Names
        run: |
@@ -74,14 +74,14 @@ jobs:
          echo "url=${{ vars.DOCS_DRAFT_BASE_URL }}/langflow-drafts/${{ steps.extract_branch.outputs.draft_directory }}/index.html" >> $GITHUB_OUTPUT

      - name: Install dependencies
-        run: cd docs && yarn install
+        run: cd docs && npm install

      - name: Build website
        if: success()
        run: |
          set -o pipefail
          cd docs
-          yarn build |& tee $GITHUB_WORKSPACE/build.log
+          npm run build |& tee $GITHUB_WORKSPACE/build.log
        env:
          BASE_URL: /langflow-drafts/${{ steps.extract_branch.outputs.draft_directory }}
          FORCE_COLOR: 0 # Disable color output
--- a/.github/workflows/deploy_gh-pages.yml
+++ b/.github/workflows/deploy_gh-pages.yml
@@ -18,13 +18,13 @@ jobs:
      - uses: actions/setup-node@v4
        with:
          node-version: 22
-          cache: yarn
-          cache-dependency-path: ./docs/yarn.lock
+          cache: npm
+          cache-dependency-path: ./docs/package-lock.json

      - name: Install dependencies
-        run: cd docs && yarn install
+        run: cd docs && npm install
      - name: Build website
-        run: cd docs && yarn build
+        run: cd docs && npm run build
        env:
          SEGMENT_PUBLIC_WRITE_KEY: ${{ vars.DOCS_PROD_IBM_SEGMENT_PUBLIC_WRITE_KEY }}

--- a/.github/workflows/docs_test.yml
+++ b/.github/workflows/docs_test.yml
@@ -28,11 +28,11 @@ jobs:
        id: setup-node
        with:
          node-version: ${{ env.NODE_VERSION }}
-          cache: yarn
-          cache-dependency-path: ./docs/yarn.lock
+          cache: npm
+          cache-dependency-path: ./docs/package-lock.json

      - name: Install dependencies
-        run: cd docs && yarn install --frozen-lockfile
+        run: cd docs && npm install

      - name: Build docs
-        run: cd docs && yarn build
+        run: cd docs && npm run build
--- a/DEVELOPMENT.md
+++ b/DEVELOPMENT.md
@@ -188,8 +188,8 @@ In the terminal, from the project root directory, run the following:

 ```bash
 cd docs
-yarn install
-yarn start
+npm install
+npm run start
 ```

 If the frontend service is running on port `3000` you might be prompted `Would you like to run the app on another port instead?`, in which case answer "yes". You will get output similar to:
--- a/docs/README.md
+++ b/docs/README.md
@@ -5,13 +5,13 @@ This website is built using [Docusaurus 3](https://docusaurus.io/), a modern sta
 ### Installation

 ```
-$ yarn install
+$ npm install
 ```

 ### Local Development

 ```
-$ yarn start
+$ npm run start
 ```

 This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
@@ -19,23 +19,23 @@ This command starts a local development server and opens up a browser window. Mo
 ### Build

 ```
-$ yarn build
+$ npm run build
 ```

-This command generates static content into the `build` directory and can be served using any static contents hosting service, including `yarn serve`.
+This command generates static content into the `build` directory and can be served using any static contents hosting service, including `npm run serve`.

 ### Deployment

 Using SSH:

 ```
-$ USE_SSH=true yarn deploy
+$ USE_SSH=true npm run deploy
 ```

 Not using SSH:

 ```
-$ GIT_USER=<Your GitHub username> yarn deploy
+$ GIT_USER=<Your GitHub username> npm run deploy
 ```

 If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
--- a/docs/css/docu-notion-styles.css
+++ b/docs/css/docu-notion-styles.css
@@ -1,60 +0,0 @@
-/* This should be added to the docusaurus.config.js in order to show some notion things correctly.
-See the option: --css-output-directory
-See the docusaurus docs: https://docusaurus.io/docs/styling-layout
-See the use in the docu-notion-sample-site: https://github.com/sillsdev/docu-notion-sample-site/blob/main/docusaurus.config.js
-*/
-
-/* Copied from
-    https://github1s.com/NotionX/react-notion-x/blob/master/packages/react-notion-x/src/styles.css#L934
-    and
-    https://github1s.com/NotionX/react-notion-x/blob/master/packages/react-notion-x/src/styles.css#L1063
-*/
-.notion-column {
-  display: flex;
-  flex-direction: column;
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-
-.notion-column > *:first-child {
-  margin-top: 0;
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.notion-column > *:last-child {
-  margin-left: 0;
-  margin-right: 0;
-  margin-bottom: 0;
-}
-
-.notion-row {
-  display: flex;
-  overflow: hidden;
-  width: 100%;
-  max-width: 100%;
-}
-
-@media (max-width: 640px) {
-  .notion-row {
-    flex-direction: column;
-  }
-
-  .notion-row .notion-column {
-    width: 100% !important;
-  }
-
-  .notion-row .notion-spacer {
-    display: none;
-  }
-}
-
-.notion-spacer {
-  /* This matches the value in ColumnTransformer.ts */
-  width: calc(min(32px, 4vw));
-}
-
-.notion-spacer:last-child {
-  display: none;
-}
-/* End copied from NotionX */
--- a/docs/css/gifplayer.css
+++ b/docs/css/gifplayer.css
@@ -1,36 +0,0 @@
-.gif_player {
-  display: inline-block;
-  position: relative;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  -webkit-touch-callout: none;
-  -webkit-tap-highlight-color: transparent; }
-  .gif_player .play_button {
-    background-color: rgba(0, 0, 0, 0.5);
-    border: 2px dashed #fff;
-    border-radius: 50%;
-    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);
-    color: #fff;
-    cursor: pointer;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-size: 24px;
-    left: 50%;
-    opacity: 1;
-    padding: 14px 10px;
-    position: absolute;
-    top: 50%;
-    transform: translate(-50%, -50%) scale(1) rotate(0deg);
-    transition: transform 0.4s, opacity 0.4s; }
-    .gif_player .play_button:hover {
-      background-color: rgba(0, 0, 0, 0.7);
-      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.7); }
-    .gif_player .play_button::after {
-      content: "GIF"; }
-  .gif_player.playing .play_button {
-    transform: translate(-50%, -50%) scale(0) rotate(180deg);
-    opacity: 0.5; }
-  .gif_player img {
-    max-width: 100%; }
-
--- a/docs/docs/Contributing/contributing-how-to-contribute.mdx
+++ b/docs/docs/Contributing/contributing-how-to-contribute.mdx
@@ -239,7 +239,7 @@ For more information, see the [VSCode documentation](https://code.visualstudio.c
 The documentation is built using [Docusaurus](https://docusaurus.io/) and written in [Markdown](https://docusaurus.io/docs/markdown-features).
 For style guidance, see the [Google Developer Documentation Style Guide](https://developers.google.com/style).

-1. Install [Node.js](https://nodejs.org/en/download/package-manager) and [Yarn](https://yarnpkg.com/)
+1. Install [Node.js](https://nodejs.org/en/download/package-manager).

 2. Fork the [Langflow GitHub repository](https://github.com/langflow-ai/langflow).

@@ -266,8 +266,8 @@ For style guidance, see the [Google Developer Documentation Style Guide](https:/
 5. Install dependencies and start a local Docusaurus static site with hot reload:

    ```bash
-    yarn install
-    yarn start
+    npm install
+    npm run start
    ```

    The documentation is served at `http://localhost:3000`.
@@ -281,7 +281,7 @@ For style guidance, see the [Google Developer Documentation Style Guide](https:/
    Most pages use a `slug` for shorthand cross-referencing, rather than supplying the full or relative directory path.
    For example, if a page has a `slug` of `/cool-page`, you can link to it with `[Cool page](/cool-page)` from any other `/docs` page.

-7. Recommended: After making some changes, run `yarn build` to build the site locally with more robust logging.
+7. Recommended: After making some changes, run `npm run build` to build the site locally with more robust logging.
 This can help you find broken links before creating a PR.

 ## Open a pull request
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -16,12 +16,16 @@ const config = {
  url: "https://docs.langflow.org",
  baseUrl: process.env.BASE_URL ? process.env.BASE_URL : "/",
  onBrokenLinks: "throw",
-  onBrokenMarkdownLinks: "warn",
  onBrokenAnchors: "warn",
  organizationName: "langflow-ai",
  projectName: "langflow",
  trailingSlash: false,
  staticDirectories: ["static"],
+  markdown: {
+    hooks: {
+      onBrokenMarkdownLinks: "warn",
+    },
+  },
  i18n: {
    defaultLocale: "en",
    locales: ["en"],
@@ -132,11 +136,6 @@ const config = {
          customCss: [
            require.resolve("@code-hike/mdx/styles.css"),
            require.resolve("./css/custom.css"),
-            require.resolve("./css/docu-notion-styles.css"),
-            require.resolve(
-              "./css/gifplayer.css"
-              //"./node_modules/react-gif-player/dist/gifplayer.css" // this gave a big red compile warning which is seaming unrelated "  Replace Autoprefixer browsers option to Browserslist config..."
-            ),
          ],
        },
      }),
--- a/docs/package-lock.json
+++ b/docs/package-lock.json
--- a/docs/package.json
+++ b/docs/package.json
@@ -12,14 +12,13 @@
  },
  "dependencies": {
    "@code-hike/mdx": "^0.9.0",
-    "@docusaurus/core": "3.8.1",
-    "@docusaurus/plugin-client-redirects": "^3.8.1",
-    "@docusaurus/plugin-google-tag-manager": "^3.8.1",
-    "@docusaurus/preset-classic": "3.8.1",
+    "@docusaurus/core": "3.9.2",
+    "@docusaurus/plugin-client-redirects": "^3.9.2",
+    "@docusaurus/plugin-google-tag-manager": "^3.9.2",
+    "@docusaurus/preset-classic": "3.9.2",
    "@easyops-cn/docusaurus-search-local": "^0.45.0",
    "@mdx-js/react": "^3.0.1",
    "@mendable/search": "^0.0.206",
-    "@sillsdev/docu-notion": "^0.15.0",
    "clsx": "^1.2.1",
    "docusaurus-node-polyfills": "^1.0.0",
    "docusaurus-plugin-image-zoom": "^2.0.0",
@@ -33,7 +32,7 @@
    "tailwindcss": "^3.4.4"
  },
  "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.8.1",
+    "@docusaurus/module-type-aliases": "^3.9.2",
    "@tsconfig/docusaurus": "^2.0.3",
    "typescript": "^5.2.2"
  },
@@ -49,16 +48,22 @@
      "last 1 safari version"
    ]
  },
-  "packageManager": "yarn@1.22.19",
  "volta": {
-    "node": "18.18.0",
-    "yarn": "1.22.19"
+    "node": "18.18.0"
  },
-  "resolutions": {
+  "overrides": {
    "lodash": "4.17.21",
-    "openapi-to-postmanv2/lodash": "4.17.21",
-    "postman-collection/lodash": "4.17.21",
-    "json-schema-resolve-allof/lodash": "4.17.21",
-    "json-refs/lodash": "4.17.21"
+    "openapi-to-postmanv2": {
+      "lodash": "4.17.21"
+    },
+    "postman-collection": {
+      "lodash": "4.17.21"
+    },
+    "json-schema-resolve-allof": {
+      "lodash": "4.17.21"
+    },
+    "json-refs": {
+      "lodash": "4.17.21"
+    }
  }
 }
--- a/docs/yarn.lock
+++ b/docs/yarn.lock