fix react-sdk build

This commit is contained in:
Ruben Fiszel
2023-06-04 21:51:20 +02:00
parent eea5ad5203
commit 485b1d5534
10 changed files with 82 additions and 33 deletions
+8
View File
@@ -66,6 +66,14 @@ pub fn workspaced_service() -> Router {
"/run_wait_result/f/*script_path",
post(run_wait_result_flow_by_path).head(|| async { "" }),
)
.route(
"/openai_sync/p/*script_path",
post(run_wait_result_job_by_path).head(|| async { "" }),
)
.route(
"/openapi_sync/f/*script_path",
post(run_wait_result_flow_by_path).head(|| async { "" }),
)
.route("/run/h/:hash", post(run_job_by_hash).head(|| async { "" }))
.route("/run/preview", post(run_preview_job))
.route("/run/preview_flow", post(run_preview_flow_job))
@@ -8,6 +8,7 @@
import { loadHubApps } from '$lib/hub'
export let filter = ''
export let syncQuery = false
type Item = { apps: string[]; summary: string; path: string }
let hubApps: any[] | undefined = undefined
@@ -37,7 +38,7 @@
<slot />
<input type="text" placeholder="Search Hub Apps" bind:value={filter} class="text-2xl grow" />
</div>
<ListFilters filters={apps} bind:selectedFilter={appFilter} resourceType />
<ListFilters {syncQuery} filters={apps} bind:selectedFilter={appFilter} resourceType />
{#if hubApps}
{#if filteredItems.length == 0}
@@ -8,6 +8,7 @@
import { loadHubFlows } from '$lib/hub'
export let filter = ''
export let syncQuery = false
type Item = { apps: string[]; summary: string; path: string }
let hubFlows: any[] | undefined = undefined
@@ -37,7 +38,7 @@
<slot />
<input type="text" placeholder="Search Hub Flows" bind:value={filter} class="text-2xl grow" />
</div>
<ListFilters filters={apps} bind:selectedFilter={appFilter} resourceType />
<ListFilters {syncQuery} filters={apps} bind:selectedFilter={appFilter} resourceType />
{#if hubFlows}
{#if filteredItems.length == 0}
@@ -12,6 +12,7 @@
export let kind: 'script' | 'trigger' | 'approval' | 'failure' = 'script'
export let filter = ''
export let syncQuery = false
const dispatch = createEventDispatcher()
@@ -35,7 +36,7 @@
<slot />
<input type="text" placeholder="Search Hub Scripts" bind:value={filter} class="text-2xl grow" />
</div>
<ListFilters filters={apps} bind:selectedFilter={appFilter} resourceType />
<ListFilters {syncQuery} filters={apps} bind:selectedFilter={appFilter} resourceType />
{#if $hubScripts}
{#if filteredItems.length == 0}
@@ -342,7 +342,7 @@
</div>
</div>
<div class="relative">
<ListFilters bind:selectedFilter={ownerFilter} filters={owners} />
<ListFilters syncQuery bind:selectedFilter={ownerFilter} filters={owners} />
{#if filteredItems?.length == 0}
<div class="mt-10" />
{/if}
@@ -5,22 +5,54 @@
import { fade } from 'svelte/transition'
import { Badge } from '../common'
import { APP_TO_ICON_COMPONENT } from '../icons'
import { setQuery } from '$lib/navigation'
import { page } from '$app/stores'
import { onDestroy, onMount } from 'svelte'
export let filters: string[]
export let selectedFilter: string | undefined = undefined
export let resourceType = false
export let queryName = 'filter'
export let syncQuery = false
if (selectedFilter == undefined) {
let queryValue = $page.url.searchParams.get(queryName) ?? undefined
const queryChange: (value: URL) => void = (url: URL) => {
if (syncQuery) {
window.history.pushState(history.state, '', `?${url?.searchParams.toString()}`)
}
}
const eventListener = (e: PopStateEvent) => {
if (syncQuery) {
loadFilterFromUrl()
}
}
onMount(() => {
window.addEventListener('popstate', eventListener)
})
onDestroy(() => {
window.removeEventListener('popstate', (e) => eventListener(e))
})
loadFilterFromUrl()
function loadFilterFromUrl() {
console.log('LOAD')
let queryValue = new URL(window.location.href).searchParams.get(queryName) ?? undefined
selectedFilter = queryValue
}
function getIconComponent(name: string) {
return APP_TO_ICON_COMPONENT[name] || APP_TO_ICON_COMPONENT[name.split('_')[0]]
}
export async function setQuery(url: URL, key: string, value: string | undefined): Promise<void> {
if (value != undefined) {
url.searchParams.set(key, value)
} else {
url.searchParams.delete(key)
}
queryChange(url)
}
$: filtersAndSelected = selectedFilter
? filters.includes(selectedFilter)
? filters
@@ -40,9 +72,9 @@
on:click={() => {
selectedFilter = selectedFilter == filter ? undefined : filter
if (selectedFilter) {
setQuery($page.url, queryName, selectedFilter)
setQuery(new URL(window.location.href), queryName, selectedFilter)
} else {
setQuery($page.url, queryName, undefined)
setQuery(new URL(window.location.href), queryName, undefined)
}
}}
color={filter === selectedFilter ? 'blue' : 'gray'}
@@ -236,7 +236,7 @@
<div class="my-2" />
{#if subtab == 'scripts'}
<PickHubScript bind:filter on:pick={(e) => viewCode(e.detail)}
<PickHubScript syncQuery bind:filter on:pick={(e) => viewCode(e.detail)}
><Button
target="_blank"
href="https://hub.windmill.dev"
@@ -245,7 +245,7 @@
></PickHubScript
>
{:else if subtab == 'flows'}
<PickHubFlow bind:filter on:pick={(e) => viewFlow(e.detail)}
<PickHubFlow syncQuery bind:filter on:pick={(e) => viewFlow(e.detail)}
><Button
target="_blank"
href="https://hub.windmill.dev"
@@ -254,7 +254,7 @@
></PickHubFlow
>
{:else if subtab == 'apps'}
<PickHubApp bind:filter on:pick={(e) => viewApp(e.detail)}
<PickHubApp syncQuery bind:filter on:pick={(e) => viewApp(e.detail)}
><Button
target="_blank"
href="https://hub.windmill.dev"
@@ -392,7 +392,7 @@
<div class="pt-2">
<input placeholder="Search Resource" bind:value={filter} class="input mt-1" />
</div>
<ListFilters bind:selectedFilter={ownerFilter} filters={owners} />
<ListFilters bind:selectedFilter={ownerFilter} filters={owners} />
{#if tab != 'states' && tab != 'cache'}
<ListFilters
queryName="app_filter"
+24 -18
View File
@@ -30,7 +30,7 @@
},
"../frontend": {
"name": "windmill",
"version": "1.104.2",
"version": "1.109.0",
"license": "AGPL-3.0",
"dependencies": {
"@aws-crypto/sha256-js": "^4.0.0",
@@ -50,7 +50,7 @@
"fast-equals": "^5.0.1",
"highlight.js": "^11.8.0",
"lodash": "^4.17.21",
"lucide-svelte": "^0.220.0",
"lucide-svelte": "^0.224.0",
"monaco-languageclient": "~6.0.1",
"svelte-autosize": "^1.0.1",
"svelte-chartjs": "^3.1.0",
@@ -59,10 +59,13 @@
"svelte-select": "^5.6.1",
"svelte-timezone-picker": "^2.0.3",
"tailwind-merge": "^1.12.0",
"vscode-ws-jsonrpc": "3.0.0"
"vscode-ws-jsonrpc": "3.0.0",
"y-monaco": "^0.1.4",
"y-websocket": "^1.5.0",
"yjs": "^13.6.1"
},
"devDependencies": {
"@playwright/test": "^1.33.0",
"@playwright/test": "^1.34.3",
"@rgossiaux/svelte-headlessui": "^1.0.2",
"@sveltejs/adapter-static": "^2.0.2",
"@sveltejs/kit": "^1.18.0",
@@ -71,10 +74,10 @@
"@tailwindcss/typography": "^0.5.8",
"@types/d3": "^7.4.0",
"@types/d3-zoom": "^3.0.2",
"@types/lodash": "^4.14.194",
"@types/node": "^18.16.3",
"@types/lodash": "^4.14.195",
"@types/node": "^20.2.5",
"@types/vscode": "~1.78.0",
"@typescript-eslint/eslint-plugin": "^5.59.7",
"@typescript-eslint/eslint-plugin": "^5.59.8",
"@typescript-eslint/parser": "^5.59.7",
"@zerodevx/svelte-toast": "^0.9.3",
"autoprefixer": "^10.4.13",
@@ -87,11 +90,11 @@
"ol": "^7.2.2",
"openapi-typescript-codegen": "^0.24.0",
"path-browserify": "^1.0.1",
"pdfjs-dist": "^3.6.172",
"postcss": "^8.4.23",
"pdfjs-dist": "^3.7.107",
"postcss": "^8.4.24",
"postcss-load-config": "^4.0.1",
"prettier": "^2.8.8",
"prettier-plugin-svelte": "^2.9.0",
"prettier-plugin-svelte": "^2.10.1",
"simple-svelte-autocomplete": "^2.5.1",
"style-to-object": "^0.4.1",
"stylelint-config-recommended": "^12.0.0",
@@ -4120,7 +4123,7 @@
"@fortawesome/free-brands-svg-icons": "^6.2.1",
"@fortawesome/free-solid-svg-icons": "^6.2.1",
"@leeoniya/ufuzzy": "^1.0.6",
"@playwright/test": "^1.33.0",
"@playwright/test": "^1.34.3",
"@popperjs/core": "^2.11.6",
"@redocly/json-to-json-schema": "^0.0.1",
"@rgossiaux/svelte-headlessui": "^1.0.2",
@@ -4132,10 +4135,10 @@
"@tanstack/svelte-table": "^8.9.1",
"@types/d3": "^7.4.0",
"@types/d3-zoom": "^3.0.2",
"@types/lodash": "^4.14.194",
"@types/node": "^18.16.3",
"@types/lodash": "^4.14.195",
"@types/node": "^20.2.5",
"@types/vscode": "~1.78.0",
"@typescript-eslint/eslint-plugin": "^5.59.7",
"@typescript-eslint/eslint-plugin": "^5.59.8",
"@typescript-eslint/parser": "^5.59.7",
"@zerodevx/svelte-toast": "^0.9.3",
"ag-grid-svelte": "^0.1.4",
@@ -4154,17 +4157,17 @@
"fast-equals": "^5.0.1",
"highlight.js": "^11.8.0",
"lodash": "^4.17.21",
"lucide-svelte": "^0.220.0",
"lucide-svelte": "^0.224.0",
"monaco-editor-workers": "~0.37.0",
"monaco-languageclient": "~6.0.1",
"ol": "^7.2.2",
"openapi-typescript-codegen": "^0.24.0",
"path-browserify": "^1.0.1",
"pdfjs-dist": "^3.6.172",
"postcss": "^8.4.23",
"pdfjs-dist": "^3.7.107",
"postcss": "^8.4.24",
"postcss-load-config": "^4.0.1",
"prettier": "^2.8.8",
"prettier-plugin-svelte": "^2.9.0",
"prettier-plugin-svelte": "^2.10.1",
"simple-svelte-autocomplete": "^2.5.1",
"style-to-object": "^0.4.1",
"stylelint-config-recommended": "^12.0.0",
@@ -4192,6 +4195,9 @@
"typescript": "^5.0.4",
"vite": "^4.3.3",
"vscode-ws-jsonrpc": "3.0.0",
"y-monaco": "^0.1.4",
"y-websocket": "^1.5.0",
"yjs": "^13.6.1",
"yootils": "^0.3.1"
}
},
+1 -1
View File
@@ -30,7 +30,7 @@ export default defineConfig({
},
build: {
lib: {
entry: "./lib/main.tsx",
entry: "./src/main.tsx",
name: "FileViewer",
fileName: "file-viewer",
},