mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2024-11-21 01:01:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix docs (#1908)

Browse Source 
* Fix docs

* Fix ner demo

* refactoring script templates

* remove linksnav in guides

Co-authored-by: aliabd <ali.si3luwa@gmail.com>
This commit is contained in:
Freddy Boulton 2022-07-29 16:21:05 -04:00 committed by GitHub
parent a52af7c483
commit db1ff439a7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 26 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
demo/ner_pipeline/run.py
View File

@ -12,7 +12,10 @@ def ner(text):
output = ner_pipeline(text)
return {"text": text, "entities": output}
gr.Interface(ner,
demo = gr.Interface(ner,
gr.Textbox(placeholder="Enter sentence here..."),
gr.HighlightedText(),
examples=examples).launch()
examples=examples)
if __name__ == "__main__":
demo.launch()

29
website/homepage/src/docs/template.html
View File

@ -170,15 +170,11 @@
window.__gradio_mode__ = "website";
</script>
<script type="module" src="/assets/index.js"></script>
<script src="/assets/add_anchors.js"></script>
<script src="/assets/add_copy.js"></script>
{% include 'templates/footer.html' %}
<script>
{% include 'templates/links.js' %}
</script>
<script>
{% include 'templates/guide-color.js' %}
</script>
<script>{% include 'templates/guide-color.js' %}</script>
<script>{% include 'templates/add_anchors.js' %}</script>
<script>{% include 'templates/add_copy.js' %}</script>
<script>
const show_demo = (component, demo) => {
document.querySelectorAll(`#${component} .demo-btn.selected-demo`).forEach(n => n.classList.remove('selected-demo'));
@ -209,20 +205,6 @@
});
});
const COLOR_SETS = [
["from-green-100", "to-green-50"],
["from-yellow-100", "to-yellow-50"],
["from-red-100", "to-red-50"],
["from-blue-100", "to-blue-50"],
["from-pink-100", "to-pink-50"],
["from-purple-100", "to-purple-50"],
]
document.querySelectorAll(".guide-box").forEach(guide => {
const [start_color, end_color] = COLOR_SETS[Math.floor(Math.random() * COLOR_SETS.length)]
guide.classList.add(start_color);
guide.classList.add(end_color);
})
// Remove built-with-gradio footers and extra space from embedded components
window.addEventListener('load', function () {
@ -235,7 +217,6 @@
}
);
})
</script>
</script>
</body>
</html>

7
website/homepage/src/guides/template.html
View File

@ -73,8 +73,6 @@
<script src="/assets/prism.js"></script>
<script>window.__gradio_mode__ = "website";</script>
<script type="module" src="/assets/index.js"></script>
<script src="/assets/add_anchors.js"></script>
<script src="/assets/add_copy.js"></script>
{% include 'templates/footer.html' %}
<script>
let sidebar = document.querySelector(".side-navigation")
@ -100,6 +98,7 @@
document.querySelector(".show-guides").remove();
}
</script>
<script>{% include 'templates/links.js' %}</script>
</body>
<script>{% include 'templates/links-nav.js' %}</script>
<script>{% include 'templates/add_anchors.js' %}</script>
<script>{% include 'templates/add_copy.js' %}</script> </body>
</html>

0
website/homepage/src/assets/add_anchors.js → website/homepage/src/templates/add_anchors.js
View File

0
website/homepage/src/assets/add_copy.js → website/homepage/src/templates/add_copy.js
View File

13
website/homepage/src/templates/links-nav.js Normal file
View File

@ -0,0 +1,13 @@
let mainNavLinks = document.querySelectorAll(".navigation a");
window.addEventListener("scroll", event => {
let fromTop = window.scrollY;
let lowest_link = null;
mainNavLinks.forEach(link => {
let section = document.querySelector(link.hash);
if (section.offsetTop <= fromTop * 1.01) {
lowest_link = link;
}
link.classList.remove("current-nav-link");
});
lowest_link.classList.add("current-nav-link");
});

91
website/homepage/src/templates/links.js
View File

@ -1,91 +0,0 @@
let mainNavLinks = document.querySelectorAll(".navigation a");
window.addEventListener("scroll", event => {
let fromTop = window.scrollY;
let lowest_link = null;
mainNavLinks.forEach(link => {
let section = document.querySelector(link.hash);
if (section.offsetTop <= fromTop * 1.01) {
lowest_link = link;
}
link.classList.remove("current-nav-link");
});
lowest_link.classList.add("current-nav-link");
});
// adds anchor button when hovering over headers, except on touch devices where instead the header becomes a link
function createAnchorTag(link) {
let a = document.createElement('a');
a.href = link;
a.classList.add("invisible", "group-hover-visible");
let img = document.createElement('img');
img.classList.add("anchor-img")
img.src = "/assets/img/anchor.svg";
a.appendChild(img);
return a;
}
function createMobileAnchorTag(link) {
let a = document.createElement('a');
a.href = link;
a.classList.add("no-underline")
return a;
}
var headers = document.querySelectorAll("h2, h3");
function isTouchDevice() {
return (('ontouchstart' in window) ||
(navigator.maxTouchPoints > 0) ||
(navigator.msMaxTouchPoints > 0));
}
if (isTouchDevice()) {
for (let i = 0; i < headers.length; i++) {
let link = '#' + headers[i].id;
var parent = headers[i].parentNode;
var wrapper = createMobileAnchorTag(link);
parent.replaceChild(wrapper, headers[i]);
wrapper.appendChild(headers[i]);
}
} else {
for (let i = 0; i < headers.length; i++) {
headers[i].classList.add("group")
let link = '#' + headers[i].id;
var anchorTag = createAnchorTag(link);
headers[i].appendChild(createAnchorTag(link));
}
}
// add copy buttons to all codeblocks
const svgCopy =
'<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"></path><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"></path></svg>';
const svgCheck =
'<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true"><path fill-rule="evenodd" fill="rgb(255, 124, 1)" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>';
const addCopyButtons = (clipboard) => {
document.querySelectorAll("pre > code").forEach((codeBlock) => {
const button = document.createElement("button");
button.classList.add("clipboard-button");
button.type = "button";
button.innerHTML = svgCopy;
button.addEventListener("click", () => {
clipboard.writeText(codeBlock.innerText).then(
() => {
button.blur();
button.innerHTML = svgCheck;
setTimeout(() => (button.innerHTML = svgCopy), 2000);
},
(error) => (button.innerHTML = "Error")
);
});
const pre = codeBlock.parentNode;
pre.parentNode.insertBefore(button, pre);
});
};
if (navigator && navigator.clipboard) {
addCopyButtons(navigator.clipboard);
};