Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add/Update dapp-orca-basics Docs #1232

Merged
merged 3 commits into from
Oct 9, 2024
Merged

Add/Update dapp-orca-basics Docs #1232

merged 3 commits into from
Oct 9, 2024

Conversation

amessbee
Copy link
Contributor

@amessbee amessbee commented Oct 7, 2024

The changes include:

  • There are some structural changes - there is no getting-started directory in orchestration - that's one less instance getting-started in our docs now.
  • contract-walkthroughs.md is now contract-walkthrough/index.md.
  • There is a orca dApp contract walkthrough.
  • There is a prelim. version of corresponding UI walkthrough.

I also capitalized Orchestration everywhere for the sake of uniformity.

Closes #1233

@amessbee amessbee self-assigned this Oct 7, 2024
Copy link

cloudflare-workers-and-pages bot commented Oct 7, 2024

Deploying documentation with  Cloudflare Pages  Cloudflare Pages

Latest commit: 21bdf09
Status: ✅  Deploy successful!
Preview URL: https://efbf0fc9.documentation-7tp.pages.dev
Branch Preview URL: https://ms-adding-orca-dapp-docs.documentation-7tp.pages.dev

View logs

@amessbee amessbee force-pushed the ms/adding-orca-dapp-docs branch 2 times, most recently from 6b2a88c to c1bf13a Compare October 7, 2024 12:48
@amessbee amessbee changed the title Add/Update dapp-orca-basics Docs --WIP-- Add/Update dapp-orca-basics Docs Oct 7, 2024
@amessbee amessbee marked this pull request as ready for review October 7, 2024 14:03
Copy link
Member

@mujahidkay mujahidkay left a comment

Choose a reason for hiding this comment

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

Left some comments :)

},
{
text: 'Contract Walkthroughs',
link: '/guides/orchestration/getting-started/contract-walkthroughs',
link: '/guides/orchestration/contract-walkthrough',
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
link: '/guides/orchestration/contract-walkthrough',
link: '/guides/orchestration/contract-walkthroughs',

for all sub-items too

]
},
{
text: 'Example Orchestration DApp',
Copy link
Member

Choose a reason for hiding this comment

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

Ideally, like we discussed in today's sync, I would like this to be after key concepts but it doesn't have to be done in this PR. We would also need to rethink what to call that section because then Example Orchestration Dapp wouldn't work imo

},
{
text: 'Contract Walkthroughs',
items: [
{
text: 'Send Anywhere Example',
link: '/guides/orchestration/getting-started/contract-walkthrough/send-anywhere',
link: '/guides/orchestration/contract-walkthrough/send-anywhere',
Copy link
Member

Choose a reason for hiding this comment

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

/contract-walkthroughs/ all instances here too

Copy link
Member

Choose a reason for hiding this comment

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

Changing the directory structure results in a different URL for the page. For retaining SEO juice, we need to add redirects from previous pages to new ones. You will have to add these entries to _redirects file

@@ -13,7 +13,7 @@ The Orchestration API handles asynchronous tasks and complex workflows, includin

# Introduction to Orchestration API Flow

The following sequence diagram provides a comprehensive overview of the orchestration process within the Agoric platform. This example illustrates the interaction between various components, highlighting how the orchestration library (`OrchLib`) facilitates cross-chain operations. This is a good first example to understand the flow of the Orchestration API, showing the steps involved in creating and managing cross-chain transactions.
The following sequence diagram provides a comprehensive overview of the Orchestration process within the Agoric platform. This example illustrates the interaction between various components, highlighting how the Orchestration library (`OrchLib`) facilitates cross-chain operations. This is a good first example to understand the flow of the Orchestration API, showing the steps involved in creating and managing cross-chain transactions.
Copy link
Member

Choose a reason for hiding this comment

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

we should create an issue to update all such outdated terms like OrchLib

1. [`orca.contract.js`](https://github.com/Agoric/dapp-orchestration-basics/blob/main/contract/src/orca.contract.js)
2. [`orca.flows.js`](https://github.com/Agoric/dapp-orchestration-basics/blob/main/contract/src/orca.flows.js)

## Walkthrough: `orca.contract.js`
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
## Walkthrough: `orca.contract.js`
## `orca.contract.js`

redundant imo

harden(start);
```

## Walkthrough `orca.flows.js`
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
## Walkthrough `orca.flows.js`
## `orca.flows.js`


- **Creating Account and Funding Functions**: These functions are created using the `orchestrateAll` helper, which sets
up the necessary flow logic for account creation and funding but the logic is implemented in `orca.flows.js` file
([discussed below](#walkthrough-orcaflowsjs)).
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
([discussed below](#walkthrough-orcaflowsjs)).
([discussed below](#walkthrough-orcaflowsjs)).

seems like a dead anchor but it has to be updated regardless if we update the h2s. THen it should become '#orca-flows-js' I believe


Here, we will walkthrough the components making up the user interface for the Orchestration dApp.

## Orchestration.tsx
Copy link
Member

Choose a reason for hiding this comment

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

I would suggest using component name rather than filename for each of these (the component is called Orchestration)


## Orchestration.tsx

The `Orchestration.tsx` component serves as the main controller for the Orchestration dApp's user interface. It manages
Copy link
Member

Choose a reason for hiding this comment

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

Same here. We can hyperlink the component to this src file here in the body.

@amessbee amessbee force-pushed the ms/adding-orca-dapp-docs branch 2 times, most recently from a06291f to bdfce2b Compare October 8, 2024 17:46
_redirects Outdated
@@ -44,6 +44,11 @@
/guides/js-programming/ses/ses-guide.html https://github.com/endojs/endo/blob/HEAD/packages/ses/docs/guide.md
/guides/js-programming/ses/ses-reference https://github.com/endojs/endo/blob/HEAD/packages/ses/docs/reference.md
/guides/js-programming/ses/ses-reference.html https://github.com/endojs/endo/blob/HEAD/packages/ses/docs/reference.md
/guides/orchestration/getting-started/key-concepts /guides/orchestration/key-concepts
Copy link
Member

Choose a reason for hiding this comment

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

we also need to add corresponding html entries

Copy link
Contributor Author

Choose a reason for hiding this comment

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

oh yes

Copy link
Contributor Author

@amessbee amessbee Oct 9, 2024

Choose a reason for hiding this comment

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

I wonder if this can be automated - at least for changes in navbar/sidebar config files.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed. Have a careful look though, I have never added to _redirects before.


- **Creating Account and Funding Functions**: These functions are created using the `orchestrateAll` helper, which sets
up the necessary flow logic for account creation and funding but the logic is implemented in `orca.flows.js` file
([discussed below](#orcaflowsjs)).
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
([discussed below](#orcaflowsjs)).
([discussed below](#orca-flows-js)).

Copy link
Contributor Author

Choose a reason for hiding this comment

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

For some reason, this was suggested by vscode.

Copy link
Member

@mujahidkay mujahidkay left a comment

Choose a reason for hiding this comment

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

Good work!

Somehow the "Contract Walkthroughs" page isn't highlighted in the sidebar so if you can debug and fix that, it would be great.

@amessbee
Copy link
Contributor Author

amessbee commented Oct 9, 2024

Good work!

Somehow the "Contract Walkthroughs" page isn't highlighted in the sidebar so if you can debug and fix that, it would be great.

Thanks. Fixed.

@amessbee amessbee merged commit 54b346b into main Oct 9, 2024
6 checks passed
@amessbee amessbee deleted the ms/adding-orca-dapp-docs branch October 9, 2024 13:29
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.

dapp-orca-basics Docs are Missing
2 participants