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.

Sign up for GitHub

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

embed notebook html directly in docs #324

Merged
merged 2 commits into from
Jul 31, 2024
Merged

embed notebook html directly in docs #324

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
44a6666
embed notebook html directly, not iframe
bboynton97 Jul 31, 2024
39df950
delete iframe script
bboynton97 Jul 31, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/v1/examples/examples.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ mode: "wide"
## Explore our example code to see AgentOps in action!

<CardGroup cols={2}>
<Card title="Simple Agent" icon="microchip-ai" iconType="solid" href="https://github.com/AgentOps-AI/agentops-py/blob/main/examples/openai-gpt.ipynb">
<Card title="Simple Agent" icon="microchip-ai" iconType="solid" href="/v1/examples/simple_agent">
Jupyter Notebook with sample code that you can run! Start here!
</Card>
<Card title="Crew.ai Example" icon="ship" href="/v1/integrations/crewai">
Expand Down
5 changes: 2 additions & 3 deletions docs/v1/examples/langchain.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,5 @@ mode: "wide"
---
_View Notebook on <a href={'https://github.com/AgentOps-AI/agentops/blob/48ae12d4e4e085eed57346f1c40a054097431937/examples/langchain_examples.ipynb'} target={'_blank'}>Github</a>_

<iframe id="iframe" src={'notebooks/langchain_examples.html'}></iframe>

<script type="module" src="/scripts/full_iframe.js"></script>
<div id="notebook" data-content-file="https://raw.githubusercontent.com/AgentOps-AI/agentops/main/docs/v1/examples/notebooks/langchain_examples.html"></div>
<script src="/scripts/use_notebook.js"></script>
5 changes: 2 additions & 3 deletions docs/v1/examples/multi_agent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,5 @@ mode: "wide"
---
_View Notebook on <a href={'https://github.com/AgentOps-AI/agentops/blob/main/examples/multi_agent_example.ipynb'} target={'_blank'}>Github</a>_

<iframe id="iframe" src={'notebooks/multi_agent_example.html'}></iframe>

<script type="module" src="/scripts/full_iframe.js"></script>
<div id="notebook1" data-content-file="https://raw.githubusercontent.com/AgentOps-AI/agentops/main/docs/v1/examples/notebooks/multi_agent_example.html"></div>
<script src="/scripts/use_notebook.js"></script>
5 changes: 2 additions & 3 deletions docs/v1/examples/multi_session.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,5 @@ mode: "wide"
---
_View Notebook on <a href={'https://github.com/AgentOps-AI/agentops/blob/48ae12d4e4e085eed57346f1c40a054097431937/examples/multi_session_llm.ipynb'} target={'_blank'}>Github</a>_

<iframe id="iframe" src={'notebooks/multi_session_llm.html'}></iframe>

<script type="module" src="/scripts/full_iframe.js"></script>
<div id="notebook" data-content-file="https://raw.githubusercontent.com/AgentOps-AI/agentops/main/docs/v1/examples/notebooks/multi_session_llm.html"></div>
<script src="/scripts/use_notebook.js"></script>
14 changes: 8 additions & 6 deletions docs/v1/examples/multion.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,11 @@ description: 'Tracking Multion usage with AgentOps'
mode: "wide"
---

<iframe id="iframe" src={'notebooks/multion/Autonomous_web_browsing.html'}></iframe>
<iframe id="iframe" src={'notebooks/multion/Sample_browsing_agent.html'}></iframe>
<iframe id="iframe" src={'notebooks/multion/Step_by_step_web_browsing.html'}></iframe>
<iframe id="iframe" src={'notebooks/multion/Webpage_data_retrieval.html'}></iframe>

<script type="module" src="/scripts/full_iframe.js"></script>
<div id="notebook1" data-content-file="https://raw.githubusercontent.com/AgentOps-AI/agentops/main/docs/v1/examples/notebooks/multion/Autonomous_web_browsing.html"></div>
<hr/>
<div id="notebook2" data-content-file="https://raw.githubusercontent.com/AgentOps-AI/agentops/main/docs/v1/examples/notebooks/multion/Sample_browsing_agent.html"></div>
<hr/>
<div id="notebook3" data-content-file="https://raw.githubusercontent.com/AgentOps-AI/agentops/main/docs/v1/examples/notebooks/multion/Step_by_step_web_browsing.html"></div>
<hr/>
<div id="notebook4" data-content-file="https://raw.githubusercontent.com/AgentOps-AI/agentops/main/docs/v1/examples/notebooks/multion/Webpage_data_retrieval.html"></div>
<script src="/scripts/use_notebook.js"></script>
146 changes: 145 additions & 1 deletion docs/v1/examples/notebooks/autogen/AgentChat.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,151 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>AgentChat</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
svg {
height: auto;
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
Expand Down Expand Up @@ -87,7 +232,6 @@
code span.vs { color: #4070a0; } /* VerbatimString */
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
</style>
<link rel="stylesheet" href="https://app.agentops.ai/notebook_styles.css" />
</head>
<body>
<div id="bb6538d8-2a5d-4a99-b2c1-7130963e4f7b" class="cell markdown">
Expand Down
146 changes: 145 additions & 1 deletion docs/v1/examples/notebooks/autogen/MathAgent.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,151 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>MathAgent</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
svg {
height: auto;
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
Expand Down Expand Up @@ -87,7 +232,6 @@
code span.vs { color: #4070a0; } /* VerbatimString */
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
</style>
<link rel="stylesheet" href="https://app.agentops.ai/notebook_styles.css" />
</head>
<body>
<div id="bb6538d8-2a5d-4a99-b2c1-7130963e4f7b" class="cell markdown">
Expand Down
Loading
Loading