webapp.index.12604118.js.map Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of langgraph4j-studio Show documentation
Show all versions of langgraph4j-studio Show documentation
an **embed playground webapp** to run a Langgraph4j workflow in visual way
{"mappings":"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","sources":["","src/lg4j-result.js"],"sourcesContent":["\n var $parcel$global = globalThis;\n \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire0031\"];\n\nif (parcelRequire == null) {\n parcelRequire = function(id) {\n if (id in $parcel$modules) {\n return $parcel$modules[id].exports;\n }\n if (id in $parcel$inits) {\n var init = $parcel$inits[id];\n delete $parcel$inits[id];\n var module = {id: id, exports: {}};\n $parcel$modules[id] = module;\n init.call(module.exports, module, module.exports);\n return module.exports;\n }\n var err = new Error(\"Cannot find module '\" + id + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n };\n\n parcelRequire.register = function register(id, init) {\n $parcel$inits[id] = init;\n };\n\n $parcel$global[\"parcelRequire0031\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $hNeh9 = parcelRequire(\"hNeh9\");\n\nvar $800sp = parcelRequire(\"800sp\");\nclass $c06cac3eedeb74d1$export$c5542a7edb16317 extends (0, $800sp.LitElement) {\n static styles = [\n (0, $hNeh9.default),\n (0, $800sp.css)`\n json-viewer {\n --font-size: .8rem;\n }`\n ];\n static properties = {};\n /**\n * @type {Map>}\n */ threadMap = new Map();\n /*\n * @type {string}\n */ // @ts-ignore\n #selectedThread;\n get selectedTab() {\n return this.#selectedThread;\n }\n set selectedTab(thread) {\n this.#selectedThread = thread;\n this.dispatchEvent(new CustomEvent(\"thread-updated\", {\n detail: thread,\n bubbles: true,\n composed: true,\n cancelable: true\n }));\n }\n constructor(){\n super();\n }\n connectedCallback() {\n super.connectedCallback();\n // @ts-ignore\n this.addEventListener(\"result\", this.#onResult);\n // @ts-ignore\n this.addEventListener(\"init-threads\", this.#onInitThreads);\n // @ts-ignore\n this.addEventListener(\"node-updated\", this.#onNodeUpdated);\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n // @ts-ignore\n this.removeEventListener(\"result\", this.#onResult);\n // @ts-ignore\n this.removeEventListener(\"init-threads\", this.#onInitThreads);\n // @ts-ignore\n this.removeEventListener(\"node-updated\", this.#onNodeUpdated);\n }\n /**\n * Event handler for the 'init threads' event.\n * \n * @param {CustomEvent} e - The event object containing the result data.\n * \n */ #onInitThreads = (e)=>{\n const { detail: threads = [] } = e;\n console.debug(\"threads\", threads);\n this.threadMap = new Map(threads);\n if (threads && threads.length > 0) {\n this.selectedTab = threads[0][0];\n this.requestUpdate();\n }\n };\n /**\n * Event handler for the 'result' event.\n * \n * @param {CustomEvent} e - The event object containing the result data.\n * \n */ #onResult = (e)=>{\n const [thread, result] = e.detail;\n console.debug(\"onResult\", thread, result);\n if (!this.threadMap.has(thread)) throw new Error(`result doesn't contain a valid thread!`);\n console.debug(\"onResult\", thread);\n let results = this.threadMap.get(thread);\n // TODO: validate e.detail\n // @ts-ignore\n const index = results.push(result);\n // @ts-ignore\n this.threadMap.set(thread, results);\n this.dispatchEvent(new CustomEvent(\"graph-active\", {\n detail: result.node,\n bubbles: true,\n composed: true,\n cancelable: true\n }));\n this.requestUpdate();\n this.updateComplete.then(()=>{\n const id = `#json${index - 1}`;\n // @ts-ignore\n const elems = this.shadowRoot.querySelectorAll(id);\n console.debug(id, elems);\n for (const elem of elems)// @ts-ignore\n elem.expandAll();\n });\n };\n /**\n * Event handler select tab.\n * \n * @param {Event} event - The event object.\n * \n */ #onSelectTab(event) {\n // @ts-ignore\n console.debug(event.target.id);\n // @ts-ignore\n this.selectedTab = event.target.id;\n this.requestUpdate();\n }\n // @ts-ignore\n #onNewTab(event) {\n console.debug(\"NEW TAB\", event);\n const threadId = `Thread-${this.threadMap.size + 1}`;\n // @ts-ignore\n this.threadMap.set(threadId, []);\n this.selectedTab = threadId;\n this.requestUpdate();\n }\n /**\n * \n * @param {CustomEvent} e - The event object containing the result data.\n * \n */ #onNodeUpdated(e) {\n console.debug(\"onNodeUpdated\", e);\n }\n /** \n * Renders a result.\n * @param {ResultData} result - The result data to render.\n * @returns The template for the result.\n */ // @ts-ignore\n #renderResult(result, index) {\n return (0, $800sp.html)`\n \n \n ${result.node}\n \n ${JSON.stringify(result).trim()} \n \n \n `;\n }\n #renderTabs() {\n const threads = [\n ...this.threadMap.keys()\n ];\n return (0, $800sp.html)`\n ${threads.map((t)=>(0, $800sp.html)`${t}`)}\n `;\n }\n render() {\n return (0, $800sp.html)`\n \n \n \n ${this.#renderTabs()}\n \n \n \n \n \n \n \n ${this.threadMap.get(this.selectedTab)?.// @ts-ignore\n map((result, index)=>(0, $800sp.html)`${this.#renderResult(result, index)}
\n \n \n \n `;\n }\n /** \n * Renders a result.\n * @param {ResultData} result - The result data to render.\n * @returns The template for the result.\n * @deprecated\n */ // @ts-ignore\n #renderResultDeprecated(result, index) {\n return (0, $800sp.html)`\n \n \n ${result.node}\n \n ${Object.entries(result.// @ts-ignore\n state).map(([key, value])=>(0, $800sp.html)`\n \n ${key}
\n \n \n ${JSON.stringify(value)}\n \n
\n \n `)}\n \n \n `;\n }\n // @deprecated\n // @ts-ignore\n #renderResultWithCard(result, index) {\n return (0, $800sp.html)`\n \n \n ${result.node}
\n \n \n \n ${Object.entries(result.state).map(([key, value])=>(0, $800sp.html)`\n \n ${key}
\n \n \n ${JSON.stringify(value)}\n \n
\n \n `)}\n \n \n \n `;\n }\n}\nwindow.customElements.define(\"lg4j-result\", $c06cac3eedeb74d1$export$c5542a7edb16317);\n\n\n//# sourceMappingURL=index.12604118.js.map\n","import TWStyles from './twlit.js';\n\n\nimport { html, css, LitElement } from 'lit';\n\n/**\n * @file\n * @typedef {import('./types.js').ResultData} ResultData * \n */\n\n\n// @ts-ignore\nexport class LG4JResultElement extends LitElement {\n\n static styles = [TWStyles, css`\n json-viewer {\n --font-size: .8rem;\n }`]\n\n static properties = {}\n\n /**\n * @type {Map>}\n */\n threadMap = new Map()\n \n /*\n * @type {string}\n */\n // @ts-ignore\n #selectedThread;\n\n get selectedTab() {\n return this.#selectedThread\n }\n\n set selectedTab( thread ) {\n this.#selectedThread = thread\n\n this.dispatchEvent( new CustomEvent( 'thread-updated', { \n detail: thread ,\n bubbles: true,\n composed: true,\n cancelable: true\n }));\n\n }\n\n constructor() {\n super()\n }\n \n connectedCallback() {\n super.connectedCallback();\n\n // @ts-ignore\n this.addEventListener( 'result', this.#onResult )\n // @ts-ignore\n this.addEventListener( 'init-threads', this.#onInitThreads )\n // @ts-ignore\n this.addEventListener( 'node-updated', this.#onNodeUpdated )\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n\n // @ts-ignore\n this.removeEventListener( 'result', this.#onResult )\n // @ts-ignore\n this.removeEventListener( 'init-threads', this.#onInitThreads )\n // @ts-ignore\n this.removeEventListener( 'node-updated', this.#onNodeUpdated )\n }\n\n /**\n * Event handler for the 'init threads' event.\n * \n * @param {CustomEvent} e - The event object containing the result data.\n * \n */\n #onInitThreads = (e) => {\n const { detail: threads = [] } = e \n\n console.debug( 'threads', threads )\n\n this.threadMap = new Map( threads )\n \n if( threads && threads.length > 0 ) {\n this.selectedTab = threads[0][0]\n this.requestUpdate() \n }\n }\n\n\n /**\n * Event handler for the 'result' event.\n * \n * @param {CustomEvent} e - The event object containing the result data.\n * \n */\n #onResult = (e) => {\n\n const [ thread, result ] = e.detail\n console.debug( \"onResult\", thread, result )\n \n if( !this.threadMap.has( thread ) ) {\n throw new Error( `result doesn't contain a valid thread!` );\n }\n\n console.debug( 'onResult', thread )\n\n let results = this.threadMap.get( thread )\n // TODO: validate e.detail\n // @ts-ignore\n const index = results.push( result )\n\n // @ts-ignore\n this.threadMap.set( thread, results );\n\n this.dispatchEvent( new CustomEvent( 'graph-active', { \n detail: result.node,\n bubbles: true,\n composed: true,\n cancelable: true\n }));\n \n this.requestUpdate()\n \n this.updateComplete.then(() => {\n const id = `#json${index-1}`\n // @ts-ignore\n const elems = this.shadowRoot.querySelectorAll(id);\n console.debug( id, elems );\n for (const elem of elems) {\n // @ts-ignore\n elem.expandAll()\n }\n });\n }\n\n /**\n * Event handler select tab.\n * \n * @param {Event} event - The event object.\n * \n */\n #onSelectTab( event ) {\n\n // @ts-ignore\n console.debug( event.target.id )\n // @ts-ignore\n this.selectedTab = event.target.id\n\n this.requestUpdate();\n }\n\n // @ts-ignore\n #onNewTab(event) {\n console.debug( \"NEW TAB\", event)\n\n const threadId = `Thread-${this.threadMap.size+1}`\n\n // @ts-ignore\n this.threadMap.set( threadId, [] );\n\n this.selectedTab = threadId\n\n this.requestUpdate();\n\n }\n\n /**\n * \n * @param {CustomEvent} e - The event object containing the result data.\n * \n */\n\n #onNodeUpdated( e ) {\n console.debug( 'onNodeUpdated', e )\n }\n\n /** \n * Renders a result.\n * @param {ResultData} result - The result data to render.\n * @returns The template for the result.\n */\n // @ts-ignore\n #renderResult(result, index) {\n\n return html`\n \n \n ${result.node}\n \n ${JSON.stringify(result).trim()} \n \n \n `\n }\n\n\n #renderTabs() {\n\n const threads = [ ...this.threadMap.keys() ] \n return html`\n ${threads.map( t => html`${t}`)}\n `\n }\n \n render() {\n \n return html`\n \n \n \n ${this.#renderTabs()}\n \n \n \n \n \n \n \n ${this.threadMap.get(this.selectedTab)?.\n// @ts-ignore\n map( (result, index) => html`${this.#renderResult(result, index)}
\n \n \n \n `;\n }\n\n\n /** \n * Renders a result.\n * @param {ResultData} result - The result data to render.\n * @returns The template for the result.\n * @deprecated\n */\n // @ts-ignore\n #renderResultDeprecated(result, index) {\n\n return html`\n \n \n ${result.node}\n \n ${Object.entries(result.\n// @ts-ignore\n state).map(([key, value]) => html`\n \n ${key}
\n \n \n ${JSON.stringify(value)}\n \n
\n \n `)}\n \n \n `\n }\n \n // @deprecated\n // @ts-ignore\n #renderResultWithCard(result, index) {\n return html`\n \n \n ${result.node}
\n \n \n \n ${Object.entries(result.state).map(([key, value]) => html`\n \n ${key}
\n \n \n ${JSON.stringify(value)}\n \n
\n \n `)}\n \n \n \n `\n }\n\n}\n\nwindow.customElements.define('lg4j-result', LG4JResultElement);\n"],"names":["$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$hNeh9","$800sp","$c06cac3eedeb74d1$export$c5542a7edb16317","LitElement","styles","default","css","properties","threadMap","Map","selectedThread","selectedTab","thread","dispatchEvent","CustomEvent","detail","bubbles","composed","cancelable","constructor","connectedCallback","addEventListener","onResult","onInitThreads","onNodeUpdated","disconnectedCallback","removeEventListener","e","threads","console","debug","length","requestUpdate","result","has","results","get","index","push","set","node","updateComplete","then","elems","shadowRoot","querySelectorAll","elem","expandAll","onSelectTab","event","target","onNewTab","threadId","size","renderResult","html","JSON","stringify","trim","renderTabs","keys","map","t","render","renderResultDeprecated","Object","entries","state","key","value","renderResultWithCard","window","customElements","define"],"version":3,"file":"index.12604118.js.map"}