') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); document typescript usage by zeke · Pull Request #310 · replicate/replicate-javascript · GitHub
Skip to content

document typescript usage - #310

Merged
aron merged 4 commits into
mainfrom
document-typescript-usage
Sep 25, 2024
Merged

document typescript usage#310
aron merged 4 commits into
mainfrom
document-typescript-usage

Conversation

@zeke

@zekezeke commented Sep 24, 2024

Copy link
Copy Markdown
Member

I was using the Replicate client in a TypeScript project with an aggressive linter today, and it wasn't immediately obvious to me how to specify the types.

This PR adds a bit of documentation to the README that shows how to import the types ESM-style, and how to use them in a real-world example.

@zeke@superhighfives
document typescript usage
e15b397
tidy up example
Co-Authored-By: Charlie Gleason <hi@charliegleason.com>
@zeke
zekeforce-pushed the document-typescript-usage branch from 57eb175 to e15b397CompareSeptember 24, 2024 20:15
superhighfives
superhighfives approved these changes Sep 24, 2024
View reviewed changes

@superhighfivessuperhighfives left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

This looks great—thanks for taking the time to write it up, @zeke! 👍

erbridge
erbridge reviewed Sep 24, 2024
View reviewed changes
Comment threadREADME.md Outdated
Comment threadREADME.md Outdated
Comment threadREADME.md Outdated
zekeand others added 3 commits September 24, 2024 15:20
@zeke@erbridge
Update README.md
92c53e1
Co-authored-by: F <f@replicate.com>
@zeke@erbridge
Update README.md
0233f3c
Co-authored-by: F <f@replicate.com>
@zeke@erbridge
Update README.md
dd52b39
Co-authored-by: F <f@replicate.com>
@zeke

zeke commented Sep 24, 2024

Copy link
Copy Markdown
MemberAuthor

Thanks for the fixes, @erbridge 🩷

@aron
aron merged commit af9d6e2 into mainSep 25, 2024
@aron
aron deleted the document-typescript-usage branch September 25, 2024 08:17
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@superhighfivessuperhighfivessuperhighfives approved these changes
@matttmatttAwaiting requested review from mattt
@aronaronAwaiting requested review from aron
@mattrothenbergmattrothenbergAwaiting requested review from mattrothenberg
+1 more reviewer
@erbridgeerbridgeerbridge left review comments
Reviewers whose approvals may not affect merge requirements

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

4 participants

@zeke@superhighfives@erbridge@aron