Flag indicating if the notification has been seen."; return { c() { (e = x("div")), $(e, "class", "nv-completion-item"); }, m(t, i) { b(t, e, i), (e.innerHTML = seenCompletionPopoverContent); }, p: O, d(t) { t && k(e); }, }; } function EventCompletionPopover(o) { let e, n; return ( (e = new G({ props: { line: 5, pos: 50, pop: !0, noninteractable: !0, $$slots: { default: [Ut] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 536870912 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function Ut(o) { let e; return { c() { (e = x("div")), $(e, "class", "nv-completion-item"); }, m(n, t) { b(n, e, t), (e.innerHTML = o[11]); }, p: O, d(n) { n && k(e); }, }; } function EchoCompletionPopover(o) { let e, n; return ( (e = new G({ props: { line: 3, pos: 17, pop: !0, noninteractable: !0, $$slots: { default: [Jt] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 536870912 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function Jt(o) { let e; return { c() { (e = x("div")), $(e, "class", "nv-completion-item"); }, m(n, t) { b(n, e, t), (e.innerHTML = o[9]); }, p: O, d(n) { n && k(e); }, }; } function PayloadCompletionPopover(o) { let e, n; return ( (e = new G({ props: { line: 7, pos: 37, pop: !0, noninteractable: !0, $$slots: { default: [Gt] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 536870912 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function Gt(o) { let e; return { c() { (e = x("div")), $(e, "class", "nv-completion-item"); }, m(n, t) { b(n, e, t), (e.innerHTML = o[10]); }, p: O, d(n) { n && k(e); }, }; } function TriggerCompletionPopover(o) { let e, n; return ( (e = new G({ props: { line: 22, pos: 16, pop: !0, noninteractable: !0, $$slots: { default: [Qt] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 536871040 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function Qt(o) { let e, n = o[12](o[7].completion) + ""; return { c() { (e = x("div")), $(e, "class", "nv-completion-item"); }, m(t, i) { b(t, e, i), (e.innerHTML = n); }, p(t, i) { i & 128 && n !== (n = t[12](t[7].completion) + "") && (e.innerHTML = n); }, d(t) { t && k(e); }, }; } function Xt(o) { let e, n = o[25] + "", t; return { c() { (e = new oe(!1)), (t = D()), (e.a = t); }, m(i, l) { e.m(n, i, l), b(i, t, l); }, p(i, l) { l & 32 && n !== (n = i[25] + "") && e.p(n); }, d(i) { i && (k(t), e.d()); }, }; } function Re(o) { let e, n; return ( (e = new ie({ props: { index: o[27], $$slots: { default: [Xt] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 536870944 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function qe(o) { let e, n; return ( (e = new mt({ props: { completions: o[8], completionWindow: o[3].completionWindow } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 256 && (l.completions = t[8]), i & 8 && (l.completionWindow = t[3].completionWindow), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function TerminalCursor(o) { let e, n = `calc(${o[3].cursor.line}em * 1.35 + 52px)`, t = `calc(${o[3].cursor.pos + 3}ch + 14px - ${o[6]}px)`; return { c() { (e = x("span")), $(e, "class", "nv-cursor"), Z(e, "top", n), Z(e, "left", t); }, m(i, l) { b(i, e, l); }, p(i, l) { l & 8 && n !== (n = `calc(${i[3].cursor.line}em * 1.35 + 52px)`) && Z(e, "top", n), l & 72 && t !== (t = `calc(${i[3].cursor.pos + 3}ch + 14px - ${i[6]}px)`) && Z(e, "left", t); }, d(i) { i && k(e); }, }; } function Yt(o) { let e, n, t, i, l, s; const p = [Dt, CompletionPopover], r = []; function f(a, c) { return a[0] ? 0 : 1; } return ( (n = f(o)), (t = r[n] = p[n](o)), { c() { (e = x("div")), t.c(); }, m(a, c) { b(a, e, c), r[n].m(e, null), o[18](e), (i = !0), l || ((s = ae(e, "mousemove", o[15])), (l = !0)); }, p(a, [c]) { let u = n; (n = f(a)), n === u ? r[n].p(a, c) : (H(), handleOutroTransition(r[u], 1, 1, () => { r[u] = null; }), S(), (t = r[n]), t ? t.p(a, c) : ((t = r[n] = p[n](a)), t.c()), h(t, 1), t.m(e, null)); }, i(a) { i || (h(t), (i = !0)); }, o(a) { handleOutroTransition(t), (i = !1); }, d(a) { a && k(e), r[n].d(), o[18](null), (l = !1), s(); }, } ); } function initializeEchoNode(o, options, transitionToState) { let t, { animated: i = !0 } = options; const echoCompletionPopoverContent = `(alias) new Echo({ apiKey, ...opts }?: ClientOptions): Echo

Echo, the Notifications as Code client.`, stepCompletionPopoverContent = `(property) payload: { postId: string }

The payload for the event, provided during trigger.`, eventCompletionPopoverContent = `(parameter) event: { environment: { ... }; inputs: { ... }; payload: { postId: string }; step: Step; subscriber: { firstName: string; ... }; }

The event that triggered the workflow.`, triggerCompletionPopoverContent = (chosenModel) => `(method) trigger: Trigger

Trigger a notification workflow.`, payloadCompletionPopoverContent = [ { type: "constant", text: "(property) postId: string" }, ]; const actionWaitTime = `\`\${number} minute\` | \`\${number} hour\` | \`\${number} day\` | \`\${number} week\``; const stepCompletionDescription = (stepId, stepType, textDescription = '') => { if (stepType === "channel") { return `(method) ${stepId}: ChannelStep<{ body: string }, { seen: boolean; ... }>

${textDescription}`; } else if (stepType === "action") { if (stepId === "digest") { return `(method) digest: ActionStep<${actionWaitTime}, { events: { id: string; timestamp: string; payload: { ... } }[]; }>

${textDescription}`; } else if (stepId === 'delay') { return `(method) delay: ActionStep<${actionWaitTime}, { duration: number }>

${textDescription}`; } } } let finalStateSnippet = `import { Echo } from '@novu/echo'; const echo = new Echo(); const commentWorkflow = echo.workflow('comment-on-post', async (event) => { const inAppResponse = await event.step.inApp('notify-user', async () => ({ body: renderReactComponent(event.payload.postId) })); const { events } = await event.step.digest('1 week'); await event.step.email('weekly-comments', async (inputs) => { return { subject: \`Weekly post comments ($\{events.length + 1})\`, body: renderReactEmail(inputs, events) }; }, { skip: () => inAppResponse.seen }); }, { payloadSchema: z.object({ postId: z.string() }) } ); // Use the same familiar syntax to send a notification commentWorkflow.trigger({ to: { subscriberId: 'joe@acme.com' }, payload: { postId: '12345' } });`.trim().split(` `); const eventCompletions = [ { text: "environment", description: `(property) environment: { id: 'development' | 'production', ... }

The environment the workflow is running in.` }, { text: "inputs" }, { text: "payload", description: `(property) payload: { postId: string }

The payload for the event, provided during trigger.` }, { text: "step", description: `(method) step: { chat: ChannelStep, delay: ActionStep, ... }

Define a step in your workflow.` }, { text: "subscriber", description: `(property) subscriber: { firstName: string, lastName: string, subscriberId: string }

The subscriber receiving the notification.` }, ]; const stepCompletions = [ { type: "method", text: "chat", description: stepCompletionDescription("chat", "channel", "Send a chat message.") }, { type: "method", text: "delay", description: stepCompletionDescription("delay", "action", "Delay the workflow for a period of time.") }, { type: "method", text: "digest", description: stepCompletionDescription("digest", "action", "Aggregate events for a period of time.") }, { type: "method", text: "email", description: stepCompletionDescription("email", "channel", "Send an email.") }, { type: "method", text: "inApp", description: stepCompletionDescription("inApp", "channel", "Send an in-app notification.") }, { type: "method", text: "push", description: stepCompletionDescription("push", "channel", "Send a push notification.") }, { type: "method", text: "sms", description: stepCompletionDescription("sms", "channel", "Send an SMS.") }, ]; const payloadCompletions = [ { text: "postId", description: `(property) postId: string` }, ]; const inAppInputCompletions = [ { text: "body", description: `(property) body: string

The body of the in-app notification.` }, ]; const emailInputCompletions = [ { text: "body", description: `(property) body: string

The body of the email.`}, { text: "subject", description: `(property) subject: string

The subject of the email.` }, ]; const triggerCompletions = [ { text: "payload", description: `(property) payload: { postId: string }

The event payload for the workflow.` }, { text: "to", description: `(property) to: { subscriberId: string, firstName: string, lastName: string }

The subscriber to notify.` }, ]; const channelResultCompletions = [ { text: "seen", description: `(property) seen: boolean

Flag indicating if the notification has been seen.` }, { text: "read", description: `(property) read: boolean

Flag indicating if the notification has been read.` }, ]; const subscriberCompletions = [ { text: "firstName", description: `(property) firstName: string

The subscriber's first name.` }, { text: "lastName", description: `(property) lastName: string

The subscriber's last name.` }, { text: "subscriberId", description: `(property) subscriberId: string

The subscriber's unique identifier.` }, ]; const stepOptionsCompletions = [ { type: "method", text: 'skip', description: `(method) skip: () => boolean

Skip the step if the condition is met.` }, ]; const transitions = [ addLine(5, 2, 100), addText(5, "const inAppResponse = await event."), openCompletions(5, { interval: 1500, completion: "step", completions: eventCompletions, text: "st", }), addText(5, "."), openCompletions(5, { interval: 1000, completion: "inApp", completions: stepCompletions, text: "in", }), // TODO: Automatic completion of the function signature, including brackets and parameters addText(5, `('notify-user', async () => ({`), addText(6, ""), addLine(6, 4, 500), addText(6, 'b', 200), openCompletions(6, { interval: 500, completion: "body", completions: inAppInputCompletions, text: "bo", written: 1, }), addText(6, ": renderReactComponent(event."), openCompletions(6, { interval: 1000, completion: "payload", completions: eventCompletions, text: "pay", }), addText(6, "."), openCompletions(6, { interval: 1500, completion: "postId", completions: payloadCompletions, }), addText(6, ")"), addLine(7, 2, 500), addText(7, "}));"), addLine(8, 0), addLine(9, 2, 500), addText(9, "const { events } = await event."), openCompletions(9, { interval: 1500, completion: "step", completions: eventCompletions, text: "st", }), addText(9, "."), openCompletions(9, { interval: 1500, completion: "digest", completions: stepCompletions, text: "di", }), addText(9, "('1 week');"), { type: "wait", time: 2000 }, addLine(10, 0), addLine(11, 2, 500), addText(11, `await event.`), openCompletions(11, { interval: 1500, completion: "step", completions: eventCompletions, text: "st", }), addText(11, "."), openCompletions(11, { interval: 50, completion: "email", completions: stepCompletions, text: "email", }), addText(11, `('weekly-comments', async (inputs) => {`), addLine(12, 4), addText(12, "return {"), addLine(13, 6), addText(13, "s", 200), openCompletions(13, { interval: 1000, completion: "subject", completions: emailInputCompletions, text: "sub", written: 1, }), addText(13, ": `Weekly post comments (${events."), openCompletions(13, { interval: 500, completion: "length", completions: [ { text: "length", description: `(property) Array.length: number

Gets or sets the length of the array. This is a number one higher than the highest index in the array.` }, ], text: "le", }), addText(13, " + 1})`,"), addLine(14, 6), addText(14, "b", 150), openCompletions(14, { interval: 500, completion: "body", completions: emailInputCompletions, text: "bo", written: 1, }), addText(14, ": renderReactEmail(inputs, events)"), addLine(15, 4), addText(15, "};"), addLine(16, 2, 500), addText(16, "}, { s", 150), openCompletions(16, { interval: 500, completion: "skip", completions: stepOptionsCompletions, text: "s", written: 1, }), addText(16, `: () => inAppResponse.`), openCompletions(16, { interval: 1000, completion: "seen", completions: channelResultCompletions, text: "se", }), addText(16, " });"), addLine(20, 0), addText(20, `// Use the same familiar syntax to send a notification`, 20), addLine(21, 0), addText(21, `commentWorkflow.trigger({`), addLine(22, 2), openCompletions(22, { interval: 500, completion: "to", completions: triggerCompletions, text: "to", }), addText(22, ": { "), openCompletions(22, { interval: 200, completion: "subscriberId", completions: subscriberCompletions, text: "subs", }), addText(22, ": 'joe@acme.com' },"), addLine(23, 2), openCompletions(23, { interval: 100, completion: "payload", completions: triggerCompletions, text: "payload", }), addText(23, ": { "), openCompletions(23, { interval: 500, completion: "postId", completions: payloadCompletions, }), addText(23, ": '12345' }"), addLine(24, 0), addText(24, `});`), { type: "callback", time: 100, callback: () => { currentState = "echo-client"; transitionToState(0, (i = !1)), transitionToState(2, (m = "echo-client")), setTimer(); }, }, ].flat(); let initialText = `import { Echo } from '@novu/echo'; const echo = new Echo(); const commentWorkflow = echo.workflow('comment-on-post', async (event) => { }, { payloadSchema: z.object({ postId: z.string() }) }, ); `.split(` `), g, currentState = "echo-client", taskTimeout; function setTimer(taskDelay = 3e3) { clearTimeout(taskTimeout), (taskTimeout = setTimeout(executeStateTransition, taskDelay)); } function executeStateTransition() { currentState === "echo-client" ? transitionToState(2, (currentState = "echo-event")) : currentState === "echo-event" ? transitionToState(2, (currentState = "echo-payload")) : currentState === "echo-payload" ? transitionToState(2, (currentState = "echo-step")) : currentState === "echo-step" ? transitionToState(2, (currentState = "echo-seen")) : currentState === "echo-seen" ? transitionToState(2, (currentState = "echo-trigger")) : currentState === "echo-trigger" && transitionToState(2, (currentState = "echo-client")), setTimer(); } function handleStateTransition(event) { const targetElement = event.target.parentElement.tagName === "SPAN" ? event.target.parentElement : event.target; if (targetElement.id === "nv-node-echo-client") transitionToState(2, (currentState = "echo-client")); else if (targetElement.id === "nv-node-echo-event") transitionToState(2, (currentState = "echo-event")); else if (targetElement.id === "nv-node-echo-payload") transitionToState(2, (currentState = "echo-payload")); else if (targetElement.id === "nv-node-echo-step") transitionToState(2, (currentState = "echo-step")); else if (targetElement.id === "nv-node-echo-trigger") transitionToState(2, (currentState = "echo-trigger")); else if (targetElement.id === "nv-node-echo-seen") transitionToState(2, (currentState = "echo-seen")); else { taskTimeout || setTimer(1e3); return; } clearTimeout(taskTimeout), (taskTimeout = void 0); } setTimer(), de(() => clearTimeout(taskTimeout)); let animation = { timeout: void 0 }; function executeStateTransitionWithAnimation(A) { transitionToState(3, ({ animation: animation, lines: initialText } = processAnimationStep(transitions, A, animation, initialText)), animation, transitionToState(5, initialText)); const nextTransition = transitions[A + 1]; nextTransition && transitionToState(3, (animation.timeout = setTimeout(() => executeStateTransitionWithAnimation(A + 1), nextTransition.time)), animation); } function ht() { transitionToState(3, (animation = { timeout: void 0 })), executeStateTransitionWithAnimation(0); } i && ht(), de(() => clearTimeout(animation.timeout)); let ve = 0; be.subscribe((A) => { transitionToState(6, (ve = A)); }); let StepCompletionComponent = { line: 11, pos: 18, completion: "email", completions: stepCompletions, written: 0, index: 3 }; const _t = () => setTimer(1500), gt = (A) => { transitionToState(7, (StepCompletionComponent.completion = A.detail), StepCompletionComponent), transitionToState(4, (finalStateSnippet[6] = ` model: '${A.detail}',`), finalStateSnippet); }; function wt(A) { we[A ? "unshift" : "push"](() => { (g = A), transitionToState(1, g); }); } return ( (o.$$set = (A) => { "animated" in A && transitionToState(0, (i = A.animated)); }), (o.$$.update = () => { var A; if (o.$$.dirty & 6 && g) { const V = g.getElementsByClassName("hover"); for (const pe of V) pe.classList.remove("is-active"); if (currentState) { const pe = document.getElementById("nv-node-" + currentState); pe && pe.classList.add("is-active"); } } o.$$.dirty & 8 && transitionToState(8, (t = (A = animation.completionWindow) == null ? void 0 : A.completions.filter(({ text: V }) => V.startsWith(animation.completionWindow.completion.slice(0, animation.completionWindow.written))))); }), [i, g, currentState, animation, finalStateSnippet, initialText, ve, StepCompletionComponent, t, echoCompletionPopoverContent, stepCompletionPopoverContent, eventCompletionPopoverContent, triggerCompletionPopoverContent, stepCompletions, setTimer, handleStateTransition, _t, gt, wt] ); } class NodeSnippet extends Component { constructor(e) { super(), renderComponent(this, e, initializeEchoNode, Yt, B, { animated: 0 }); } } function Ze(o, e, n) { const t = o.slice(); return (t[6] = e[n]), (t[8] = n), t; } function nn(o) { let e, n = o[6] + "", t; return { c() { (e = new oe(!1)), (t = D()), (e.a = t); }, m(i, l) { e.m(n, i, l), b(i, t, l); }, p(i, l) { l & 2 && n !== (n = i[6] + "") && e.p(n); }, d(i) { i && (k(t), e.d()); }, }; } function ze(o) { let e, n; return ( (e = new ie({ props: { index: o[8], $$slots: { default: [nn] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 514 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function on(o) { let e, n, t; return { c() { (e = x("div")), (e.textContent = ""), (n = W()), (t = x("div")), $(e, "class", "nv-completion-heading"), $(t, "class", "nv-completion-item"); // Remove the following timeout to render the Python popover setTimeout(() => { e.parentNode.style.display = "none"; }, 1); }, m(i, l) { b(i, e, l), b(i, n, l), b(i, t, l), (t.innerHTML = o[0]); }, p(i, l) { l & 1 && (t.innerHTML = i[0]); }, d(i) { i && (k(e), k(n), k(t)); }, }; } function ln(o) { let e, n, t, i, l = I(o[1]), s = []; for (let r = 0; r < l.length; r += 1) s[r] = ze(Ze(o, l, r)); const p = (r) => handleOutroTransition(s[r], 1, 1, () => { s[r] = null; }); return ( (t = new G({ props: { line: 17, pos: 30, $$slots: { default: [on] }, $$scope: { ctx: o } } })), { c() { e = x("div"); for (let r = 0; r < s.length; r += 1) s[r].c(); (n = W()), P(t.$$.fragment); }, m(r, f) { b(r, e, f); for (let a = 0; a < s.length; a += 1) s[a] && s[a].m(e, null); E(e, n), M(t, e, null), (i = !0); }, p(r, [f]) { if (f & 2) { l = I(r[1]); let c; for (c = 0; c < l.length; c += 1) { const u = Ze(r, l, c); s[c] ? (s[c].p(u, f), h(s[c], 1)) : ((s[c] = ze(u)), s[c].c(), h(s[c], 1), s[c].m(e, n)); } for (H(), c = l.length; c < s.length; c += 1) p(c); S(); } const a = {}; f & 513 && (a.$$scope = { dirty: f, ctx: r }), t.$set(a); }, i(r) { if (!i) { for (let f = 0; f < l.length; f += 1) h(s[f]); h(t.$$.fragment, r), (i = !0); } }, o(r) { s = s.filter(Boolean); for (let f = 0; f < s.length; f += 1) handleOutroTransition(s[f]); handleOutroTransition(t.$$.fragment, r), (i = !1); }, d(r) { r && k(e), K(s, r), cleanupComponents(t); }, } ); } const De = `# Coming soon...`; function renderPythonSnippet(o, e, n) { let t; const i = `# Coming soon...`, l = []; for (let f = 0; f < De.length; f += 3) l.push(De.slice(f, f + 3)); let s = "", p; function r() { n(0, (s = "")); let f = 0; function a() { if (f < l.length) { n(0, (s += l[f])); const c = Math.random() * 200; p = setTimeout(a, c); } f === l.length && (p = setTimeout(r, 5e3)), f++; } a(); } return ( de(() => clearTimeout(p)), r(), n( 1, (t = i.split(` `)) ), [s, t] ); } class PythonSnippet extends Component { constructor(e) { super(); renderComponent(this, e, renderPythonSnippet, ln, B, {}); } } function Fe(o, e, n) { const t = o.slice(); return (t[6] = e[n]), t; } function Ke(o, e, n) { const t = o.slice(); return (t[9] = e[n]), (t[11] = n), t; } function cn(o) { let e, n = o[9] + "", t; return { c() { (e = new oe(!1)), (t = D()), (e.a = t); }, m(i, l) { e.m(n, i, l), b(i, t, l); }, p(i, l) { l & 2 && n !== (n = i[9] + "") && e.p(n); }, d(i) { i && (k(t), e.d()); }, }; } function Ue(o) { let e, n; return ( (e = new ie({ props: { index: o[11], $$slots: { default: [cn] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 4098 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function Je(o) { let e, n = o[6].text + ""; return { c() { (e = x("div")), $(e, "class", "nv-completion-item"); }, m(t, i) { b(t, e, i), (e.innerHTML = n); }, p(t, i) { i & 1 && n !== (n = t[6].text + "") && (e.innerHTML = n); }, d(t) { t && k(e); }, }; } function fn(o) { let e, n, t, i = I(o[0]), l = []; for (let s = 0; s < i.length; s += 1) l[s] = Je(Fe(o, i, s)); return { c() { (e = x("div")), (e.textContent = "Auto-Pagination"), (n = W()); for (let s = 0; s < l.length; s += 1) l[s].c(); (t = D()), $(e, "class", "nv-completion-heading"); // Remove the following timeout to render the Go popover setTimeout(() => { e.parentNode.style.display = "none"; }, 1); }, m(s, p) { b(s, e, p), b(s, n, p); for (let r = 0; r < l.length; r += 1) l[r] && l[r].m(s, p); b(s, t, p); }, p(s, p) { if (p & 1) { i = I(s[0]); let r; for (r = 0; r < i.length; r += 1) { const f = Fe(s, i, r); l[r] ? l[r].p(f, p) : ((l[r] = Je(f)), l[r].c(), l[r].m(t.parentNode, t)); } for (; r < l.length; r += 1) l[r].d(1); l.length = i.length; } }, d(s) { s && (k(e), k(n), k(t)), K(l, s); }, }; } function an(o) { let e, n, t, i, l = I(o[1]), s = []; for (let r = 0; r < l.length; r += 1) s[r] = Ue(Ke(o, l, r)); const p = (r) => handleOutroTransition(s[r], 1, 1, () => { s[r] = null; }); return ( (t = new G({ props: { line: 13, pos: 40, $$slots: { default: [fn] }, $$scope: { ctx: o } } })), { c() { e = x("div"); for (let r = 0; r < s.length; r += 1) s[r].c(); (n = W()), P(t.$$.fragment); }, m(r, f) { b(r, e, f); for (let a = 0; a < s.length; a += 1) s[a] && s[a].m(e, null); E(e, n), M(t, e, null), (i = !0); }, p(r, [f]) { if (f & 2) { l = I(r[1]); let c; for (c = 0; c < l.length; c += 1) { const u = Ke(r, l, c); s[c] ? (s[c].p(u, f), h(s[c], 1)) : ((s[c] = Ue(u)), s[c].c(), h(s[c], 1), s[c].m(e, n)); } for (H(), c = l.length; c < s.length; c += 1) p(c); S(); } const a = {}; f & 4097 && (a.$$scope = { dirty: f, ctx: r }), t.$set(a); }, i(r) { if (!i) { for (let f = 0; f < l.length; f += 1) h(s[f]); h(t.$$.fragment, r), (i = !0); } }, o(r) { s = s.filter(Boolean); for (let f = 0; f < s.length; f += 1) handleOutroTransition(s[f]); handleOutroTransition(t.$$.fragment, r), (i = !1); }, d(r) { r && k(e), K(s, r), cleanupComponents(t); }, } ); } function pn(o, e, n) { let t; const i = `// Coming soon...`, l = []; let s = [], p; function r() { n(0, (s = [])); let f = 0; function a() { s.pop(); let c = 0; function u() { f === l.length ? (p = setTimeout(r, 5e3)) : c === 3 ? (s.push({ text: "Loading next page" }), n(0, s), (p = setTimeout(a, 1e3)), f--) : f < l.length && (s.push(l[f]), n(0, s), (p = setTimeout(u, 250))), c++, f++; } u(); } a(); } return ( de(() => clearTimeout(p)), r(), n( 1, (t = i.split(` `)) ), [s, t] ); } class GoSnippet extends Component { constructor(e) { super(), renderComponent(this, e, pn, an, B, {}); } } function Ge(o, e, n) { const t = o.slice(); return (t[2] = e[n]), (t[4] = n), t; } function mn(o) { let e, n = o[2] + "", t; return { c() { (e = new oe(!1)), (t = D()), (e.a = t); }, m(i, l) { e.m(n, i, l), b(i, t, l); }, p(i, l) { l & 1 && n !== (n = i[2] + "") && e.p(n); }, d(i) { i && (k(t), e.d()); }, }; } function Qe(o) { let e, n; return ( (e = new ie({ props: { index: o[4], $$slots: { default: [mn] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 33 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function dn(o) { let e, n, t = I(o[0]), i = []; for (let s = 0; s < t.length; s += 1) i[s] = Qe(Ge(o, t, s)); const l = (s) => handleOutroTransition(i[s], 1, 1, () => { i[s] = null; }); return { c() { e = x("div"); for (let s = 0; s < i.length; s += 1) i[s].c(); Z(e, "position", "relative"); }, m(s, p) { b(s, e, p); for (let r = 0; r < i.length; r += 1) i[r] && i[r].m(e, null); n = !0; }, p(s, [p]) { if (p & 1) { t = I(s[0]); let r; for (r = 0; r < t.length; r += 1) { const f = Ge(s, t, r); i[r] ? (i[r].p(f, p), h(i[r], 1)) : ((i[r] = Qe(f)), i[r].c(), h(i[r], 1), i[r].m(e, null)); } for (H(), r = t.length; r < i.length; r += 1) l(r); S(); } }, i(s) { if (!n) { for (let p = 0; p < t.length; p += 1) h(i[p]); n = !0; } }, o(s) { i = i.filter(Boolean); for (let p = 0; p < i.length; p += 1) handleOutroTransition(i[p]); n = !1; }, d(s) { s && k(e), K(i, s); }, }; } function hn(o, e, n) { let t; return ( n( 0, (t = `// Coming soon...`.split(` `)) ), [t] ); } class JavaSnippet extends Component { constructor(e) { super(), renderComponent(this, e, hn, dn, B, {}); } } function Xe(o, e, n) { const t = o.slice(); return (t[2] = e[n]), (t[4] = n), t; } function gn(o) { let e, n = o[2] + "", t; return { c() { (e = new oe(!1)), (t = D()), (e.a = t); }, m(i, l) { e.m(n, i, l), b(i, t, l); }, p(i, l) { l & 1 && n !== (n = i[2] + "") && e.p(n); }, d(i) { i && (k(t), e.d()); }, }; } function Ye(o) { let e, n; return ( (e = new ie({ props: { index: o[4], $$slots: { default: [gn] }, $$scope: { ctx: o } } })), { c() { P(e.$$.fragment); }, m(t, i) { M(e, t, i), (n = !0); }, p(t, i) { const l = {}; i & 33 && (l.$$scope = { dirty: i, ctx: t }), e.$set(l); }, i(t) { n || (h(e.$$.fragment, t), (n = !0)); }, o(t) { handleOutroTransition(e.$$.fragment, t), (n = !1); }, d(t) { cleanupComponents(e, t); }, } ); } function wn(o) { let e, n, t = I(o[0]), i = []; for (let s = 0; s < t.length; s += 1) i[s] = Ye(Xe(o, t, s)); const l = (s) => handleOutroTransition(i[s], 1, 1, () => { i[s] = null; }); return { c() { e = x("div"); for (let s = 0; s < i.length; s += 1) i[s].c(); Z(e, "position", "relative"); }, m(s, p) { b(s, e, p); for (let r = 0; r < i.length; r += 1) i[r] && i[r].m(e, null); n = !0; }, p(s, [p]) { if (p & 1) { t = I(s[0]); let r; for (r = 0; r < t.length; r += 1) { const f = Xe(s, t, r); i[r] ? (i[r].p(f, p), h(i[r], 1)) : ((i[r] = Ye(f)), i[r].c(), h(i[r], 1), i[r].m(e, null)); } for (H(), r = t.length; r < i.length; r += 1) l(r); S(); } }, i(s) { if (!n) { for (let p = 0; p < t.length; p += 1) h(i[p]); n = !0; } }, o(s) { i = i.filter(Boolean); for (let p = 0; p < i.length; p += 1) handleOutroTransition(i[p]); n = !1; }, d(s) { s && k(e), K(i, s); }, }; } function $n(o, e, n) { let t; return ( n( 0, (t = `// Coming soon...`.split(` `)) ), [t] ); } class KotlinSnippet extends Component { constructor(e) { super(), renderComponent(this, e, $n, wn, B, {}); } } function et(o, e, n) { const t = o.slice(); return (t[5] = e[n][0]), (t[6] = e[n][1]), t; } function tt(o) { let e, n, t; function i() { return o[3](o[6]); } return { c() { (e = x("button")), (e.textContent = `${o[6].name}`), $(e, "class", "nv-terminal-tab terminal-1dfudv"), z(e, "is-active", o[6].name === o[0].name); }, m(l, s) { b(l, e, s), n || ((t = ae(e, "click", i)), (n = !0)); }, p(l, s) { (o = l), s & 5 && z(e, "is-active", o[6].name === o[0].name); }, d(l) { l && k(e), (n = !1), t(); }, }; } function bn(o) { let e, n, t, i, l, s, p, r, f = I(Object.entries(o[2])), a = []; for (let _ = 0; _ < f.length; _ += 1) a[_] = tt(et(o, f, _)); var c = o[0].component; function u(_, g) { return { props: { animated: _[1] } }; } return ( c && (l = me(c, u(o))), { c() { (e = x("div")), (n = x("div")); for (let _ = 0; _ < a.length; _ += 1) a[_].c(); (t = W()), (i = x("div")), l && P(l.$$.fragment), $(n, "class", "nv-terminal-tabs terminal-1dfudv"), $(i, "class", "nv-code-content terminal-1dfudv"), $(e, "id", "nv-terminal"), $(e, "class", "nv-code terminal-1dfudv"); }, m(_, g) { b(_, e, g), E(e, n); for (let m = 0; m < a.length; m += 1) a[m] && a[m].m(n, null); E(e, t), E(e, i), l && M(l, i, null), (s = !0), p || ((r = ae(i, "scroll", o[4])), (p = !0)); }, p(_, [g]) { if (g & 7) { f = I(Object.entries(_[2])); let m; for (m = 0; m < f.length; m += 1) { const L = et(_, f, m); a[m] ? a[m].p(L, g) : ((a[m] = tt(L)), a[m].c(), a[m].m(n, null)); } for (; m < a.length; m += 1) a[m].d(1); a.length = f.length; } if (g & 1 && c !== (c = _[0].component)) { if (l) { H(); const m = l; handleOutroTransition(m.$$.fragment, 1, 0, () => { cleanupComponents(m, 1); }), S(); } c ? ((l = me(c, u(_))), P(l.$$.fragment), h(l.$$.fragment, 1), M(l, i, null)) : (l = null); } else if (c) { const m = {}; g & 2 && (m.animated = _[1]), l.$set(m); } }, i(_) { s || (l && h(l.$$.fragment, _), (s = !0)); }, o(_) { l && handleOutroTransition(l.$$.fragment, _), (s = !1); }, d(_) { _ && k(e), K(a, _), l && cleanupComponents(l), (p = !1), r(); }, } ); } function vn(o, e, n) { const t = { node: { name: "Node", component: NodeSnippet }, python: { name: "Python", component: PythonSnippet }, go: { name: "Go", component: GoSnippet }, java: { name: "Java", component: JavaSnippet }, kotlin: { name: "Kotlin", component: KotlinSnippet } }; let i = t.node, l = !0; return [ i, l, t, (r) => { n(0, (i = r)), n(1, (l = !1)); }, (r) => be.set(r.target.scrollLeft), ]; } class Terminal extends Component { constructor(e) { super(), renderComponent(this, e, vn, bn, B, {}); } } const loadTerminal = () => { const nvTerminal = document.getElementById("nv-terminal"), docFragment = document.createDocumentFragment(); new Terminal({ target: docFragment }); nvTerminal.replaceWith(docFragment); }

Getting Started

Concepts

SDK

Deployment

Integrations