Skip to content

Fix image loading issue in MTLS doc#117

Closed
DivyaPremanantha wants to merge 10 commits into
wso2:mainfrom
DivyaPremanantha:main
Closed

Fix image loading issue in MTLS doc#117
DivyaPremanantha wants to merge 10 commits into
wso2:mainfrom
DivyaPremanantha:main

Conversation

@DivyaPremanantha

@DivyaPremanantha DivyaPremanantha commented Nov 20, 2025

Copy link
Copy Markdown
Contributor

Purpose

Describe the problems, issues, or needs driving this feature/fix and include links to related issues in the following format: Resolves issue1, issue2, etc.

Goals

Describe the solutions that this feature/fix will introduce to resolve the problems described above

Approach

Describe how you are implementing the solutions. Include an animated GIF or screenshot if the change affects the UI (email documentation@wso2.com to review all UI text). Include a link to a Markdown file or Google doc if the feature write-up is too long to paste here.

User stories

Summary of user stories addressed by this change>

Release note

Brief description of the new feature or bug fix as it will appear in the release notes

Documentation

Link(s) to product documentation that addresses the changes of this PR. If no doc impact, enter “N/A” plus brief explanation of why there’s no doc impact

Training

Link to the PR for changes to the training content in https://github.com/wso2/WSO2-Training, if applicable

Certification

Type “Sent” when you have provided new/updated certification questions, plus four answers for each question (correct answer highlighted in bold), based on this change. Certification questions/answers should be sent to certification@wso2.com and NOT pasted in this PR. If there is no impact on certification exams, type “N/A” and explain why.

Marketing

Link to drafts of marketing content that will describe and promote this feature, including product page changes, technical articles, blog posts, videos, etc., if applicable

Automation tests

  • Unit tests

    Code coverage information

  • Integration tests

    Details about the test cases and coverage

Security checks

Samples

Provide high-level details about the samples related to this feature

Related PRs

List any other related PRs

Migrations (if applicable)

Describe migration steps and platforms on which migration has been tested

Test environment

List all JDK versions, operating systems, databases, and browser/versions on which this feature/fix was tested

Learning

Describe the research phase and any blog posts, patterns, libraries, or add-ons you used to solve the problem.

Summary by CodeRabbit

  • Documentation
    • Added GraphQL how-to guides for importing contracts and starting from an endpoint, plus a GraphQL testing console guide.
    • Added Gateway Federation overview and AWS API Gateway discovery instructions.
    • Moved and clarified GitHub-based API import docs and added guidance for required repo configuration.
    • Fixed and standardized image asset paths and updated related links across several guides.

✏️ Tip: You can customize this high-level summary in your review settings.

@coderabbitai

coderabbitai Bot commented Nov 20, 2025

Copy link
Copy Markdown

Walkthrough

Added several new documentation pages for GraphQL workflows and AWS gateway federation, updated navigation (en/mkdocs.yml), moved an import-from-GitHub doc into an http subfolder, and corrected/standardized relative image asset paths and a few minor text tweaks across affected docs.

Changes

Cohort / File(s) Summary
GraphQL docs
en/docs/create-api-proxy/my-apis/graphql/import-api-contract.md, en/docs/create-api-proxy/my-apis/graphql/start-with-endpoint.md, en/docs/test-api-proxy/graphql-console.md
Added two new GraphQL workflow pages (import contract, start-with-endpoint) and a GraphQL Console testing page; includes prerequisites, step-by-step UI guidance, deployment/testing, and lifecycle/publishing instructions.
Gateway Federation
en/docs/federation/overview.md, en/docs/federation/api-discovery-aws.md
Added Gateway Federation overview and AWS API Gateway discovery guide, covering IAM setup, external gateway registration, discovery/federation steps, and limitations/notes.
GitHub import doc (moved & updated images)
en/docs/create-api-proxy/my-apis/http/import-api-from-github.md
Moved Import API from GitHub into http/ subfolder; added component.yaml configuration section and corrected relative image asset paths.
Secure communication doc (image path fixes)
en/docs/develop-api-proxy/authentication-and-authorization/secure-communication-between-the-bijira-gateway-and-your-backend-with-mutual-tls.md
Updated multiple image references to use ../../assets/... relative paths (replacing ../assets/...) and minor text formatting tweak.
Site navigation
en/mkdocs.yml
Updated navigation: relocated GitHub import entry under REST/http, added GraphQL section and GraphQL Console entry, and added Gateway Federation section with new pages.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🐰 I hopped through docs, new paths in sight,
Images aligned and navigation bright.
GraphQL springs up, AWS gates in view,
A nibble of changes — fresh, tidy, and new. 🥕✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1
❌ Failed checks (1 warning)
Check name Status Explanation Resolution
Description check ⚠️ Warning The PR description is entirely template content with no actual information filled in; all sections contain only placeholder text and guidance. Fill in all required sections with specific details: purpose/issue link, goals, implementation approach, user stories, release notes, documentation links, and security confirmation. Remove template placeholders and provide actual content.
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed The title 'Fix image loading issue in MTLS doc' accurately describes the main change of updating image asset URLs in the MTLS documentation file.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 71accff and 5651ae3.

📒 Files selected for processing (1)
  • en/docs/develop-api-proxy/authentication-and-authorization/secure-communication-between-the-bijira-gateway-and-your-backend-with-mutual-tls.md (4 hunks)
🔇 Additional comments (1)
en/docs/develop-api-proxy/authentication-and-authorization/secure-communication-between-the-bijira-gateway-and-your-backend-with-mutual-tls.md (1)

49-49: Inline style attributes are consistently applied with appropriate widths.

All image embeds now include explicit width constraints using valid Kramdown syntax {: style="width:XXXpx"}. The width distribution is sensible: 300px for dialog/compact UI elements (lines 49, 77) and 500px for larger detailed views (lines 55, 59, 83, 87, 100). This ensures predictable rendering across different screen sizes.

Also applies to: 55-55, 59-59, 77-77, 83-83, 87-87, 100-100

![View and download certificate](../../assets/img/authentication-and-authorization/view-and-download.png){: style="width:500px"}

This opens the certificate for you to view and download.
This opens the certificate for you to view and download.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

🧩 Analysis chain

Minor text formatting anomaly.

Line 85 contains "the certificate" with an extra space. Confirm whether this is intentional or an unintended artifact from the editing process.


🏁 Script executed:

#!/bin/bash
# Description: Check for double spaces and other formatting anomalies in the updated file.

# Search for double spaces in the file
grep -n "  " "en/docs/develop-api-proxy/authentication-and-authorization/secure-communication-between-the-bijira-gateway-and-your-backend-with-mutual-tls.md" | head -10

Length of output: 1332


I need to verify the exact content at line 85 to confirm the double space issue.


---

🏁 Script executed:

```shell
#!/bin/bash
# Display line 85 specifically
sed -n '85p' "en/docs/develop-api-proxy/authentication-and-authorization/secure-communication-between-the-bijira-gateway-and-your-backend-with-mutual-tls.md"

Length of output: 64


Fix double space in line 85.

Line 85 contains "the certificate" with an extra space. Update to "the certificate".

🤖 Prompt for AI Agents
In
en/docs/develop-api-proxy/authentication-and-authorization/secure-communication-between-the-bijira-gateway-and-your-backend-with-mutual-tls.md
around line 85, there is a double space in the phrase "the  certificate"; edit
that line to remove the extra space so it reads "the certificate" (i.e., replace
the two spaces with a single space).

lasanthaS
lasanthaS previously approved these changes Jan 22, 2026

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Fix all issues with AI agents
In `@en/docs/federation/api-discovery-aws.md`:
- Around line 58-64: The numbered list in the "Discover APIs" section has
duplicate step numbers: change the second "3. Select the external gateway(s)..."
to "4." and increment all following steps (previous 5→6, 6→7, 7→8) so the
sequence after "Click on **Discover APIs**" reads correctly; update the lines
containing the texts "Click on **Discover APIs**", "Select the external
gateway(s) from which you want to discover APIs and proceed with discovery.",
and "Click **Discover APIs from Gateways**." accordingly to maintain a
consecutive numbering sequence.
🧹 Nitpick comments (5)
en/docs/federation/api-discovery-aws.md (1)

42-44: Minor formatting inconsistencies.

  • Line 42: Extra space before the colon in "Access Key :" — should be "Access Key:"
  • Line 44: Missing period after "Click Save" for consistency with other steps
📝 Proposed fix
-      - **Access Key :** The Access Key  from Step 1
+      - **Access Key:** The Access Key from Step 1
       - **Secret Key:** The Secret Key from Step 1
-4. Click **Save**
+4. Click **Save**.
en/docs/test-api-proxy/graphql-console.md (1)

15-16: Improve button reference clarity.

"Click The Play Button" is awkward phrasing. Consider rephrasing to be more consistent with typical UI documentation style.

📝 Proposed fix
-6. Click **The Play Button**. The response from the GraphQL API proxy will be displayed under the **Response** section.
+6. Click the **Play** button (▶). The response from the GraphQL API proxy will be displayed in the **Response** section.
en/docs/create-api-proxy/my-apis/graphql/start-with-endpoint.md (3)

22-22: Format UI element consistently.

The "+ Create" text should be formatted as a UI element for consistency with other documentation.

📝 Proposed fix
-2. If you already have one or more components in your project, click + Create. Otherwise, proceed to the next step.
+2. If you already have one or more components in your project, click **+ Create**. Otherwise, proceed to the next step.

43-43: Use consistent navigation notation.

The arrow notation "Test --> Console" differs from the standard navigation style used elsewhere in the documentation (e.g., "Test in the left navigation menu, then select Console").

📝 Proposed fix
-1. Navigate to the **Test --> Console** page of the API Proxy.
+1. In the left navigation menu, click **Test**, then select **Console**.

46-46: Inconsistent capitalization in heading.

The heading uses both "API Proxy" and "API proxy" inconsistently.

📝 Proposed fix
-## Promote the API Proxy to Production and Publish the API proxy
+## Promote the API Proxy to Production and Publish the API Proxy

Comment on lines +58 to +64
3. Click on **Discover APIs**.

![Federate APIs](../assets/img/gateway-federation/federate-apis.png){ width="1000" }

3. Select the external gateway(s) from which you want to discover APIs and proceed with discovery.

4. Click **Discover APIs from Gateways**.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Fix duplicate step numbering.

There are two steps numbered "3" in this section. Line 58 starts "3. Click on Discover APIs" and line 62 starts "3. Select the external gateway(s)...". The second should be step 4.

📝 Proposed fix
 3. Click on **Discover APIs**.

      ![Federate APIs](../assets/img/gateway-federation/federate-apis.png){ width="1000" }

-3. Select the external gateway(s) from which you want to discover APIs and proceed with discovery.
+4. Select the external gateway(s) from which you want to discover APIs and proceed with discovery.

-4. Click **Discover APIs from Gateways**.
+5. Click **Discover APIs from Gateways**.

Also update subsequent step numbers (5→6, 6→7, 7→8).

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
3. Click on **Discover APIs**.
![Federate APIs](../assets/img/gateway-federation/federate-apis.png){ width="1000" }
3. Select the external gateway(s) from which you want to discover APIs and proceed with discovery.
4. Click **Discover APIs from Gateways**.
3. Click on **Discover APIs**.
![Federate APIs](../assets/img/gateway-federation/federate-apis.png){ width="1000" }
4. Select the external gateway(s) from which you want to discover APIs and proceed with discovery.
5. Click **Discover APIs from Gateways**.
🧰 Tools
🪛 LanguageTool

[style] ~62-~62: Consider using an alternative to strengthen your wording.
Context: ... the external gateway(s) from which you want to discover APIs and proceed with disco...

(WANT_KEEN)

🤖 Prompt for AI Agents
In `@en/docs/federation/api-discovery-aws.md` around lines 58 - 64, The numbered
list in the "Discover APIs" section has duplicate step numbers: change the
second "3. Select the external gateway(s)..." to "4." and increment all
following steps (previous 5→6, 6→7, 7→8) so the sequence after "Click on
**Discover APIs**" reads correctly; update the lines containing the texts "Click
on **Discover APIs**", "Select the external gateway(s) from which you want to
discover APIs and proceed with discovery.", and "Click **Discover APIs from
Gateways**." accordingly to maintain a consecutive numbering sequence.

@DivyaPremanantha

Copy link
Copy Markdown
Contributor Author

Opened a new PR due to conflicts: #125

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants