diff --git a/apps/website/package.json b/apps/website/package.json
index 63e8f81..6c84bcb 100644
--- a/apps/website/package.json
+++ b/apps/website/package.json
@@ -42,7 +42,8 @@
"vite": "^8.0.0"
},
"dependencies": {
- "@123ishatest/louter": "^0.5.0",
+ "@123ishatest/louter": "^0.6.0",
+ "@123ishatest/lui": "*",
"zod": "^4.4.3"
}
}
diff --git a/apps/website/src/lib/components/atoms/LudiekProgress.svelte b/apps/website/src/lib/components/atoms/LudiekProgress.svelte
index 439d567..768f663 100644
--- a/apps/website/src/lib/components/atoms/LudiekProgress.svelte
+++ b/apps/website/src/lib/components/atoms/LudiekProgress.svelte
@@ -1,5 +1,5 @@
-
-
You have {money} money
-
You have {gems} gems
-
You have planted {planted} sunflowers
+
+
+
+
+ You have {money} money
+
- sow()}>Sow
- trade()}>Trade 100 money for 1 gem
-
+
+ You have {gems} gems
+
-
-
+
+ You have planted {planted} sunflowers
+
+
+
+ sow()}>Sow
+ trade()}>Trade 100 money for 1 gem
+
+
+ {#snippet failed(error)}
+ Lui error: {error}
+ {/snippet}
+
+ {#if isDebug()}
+ {#if children}
+ {@render children()}
+ {/if}
+
+
+
+
+ {#if withToolbar}
+
diff --git a/packages/lui/src/components/LuiPageNotFound.svelte b/packages/lui/src/components/LuiPageNotFound.svelte
new file mode 100644
index 0000000..f446af1
--- /dev/null
+++ b/packages/lui/src/components/LuiPageNotFound.svelte
@@ -0,0 +1,12 @@
+
+
+Page '{page}' not found
diff --git a/packages/lui/src/components/LuiSidebar.svelte b/packages/lui/src/components/LuiSidebar.svelte
new file mode 100644
index 0000000..1fe89a7
--- /dev/null
+++ b/packages/lui/src/components/LuiSidebar.svelte
@@ -0,0 +1,51 @@
+
+
+{#snippet button(page: PageType, name: string)}
+
+ selectPage(page)}>{name}
+
+{/snippet}
+
+
diff --git a/packages/lui/src/components/LuiVersion.svelte b/packages/lui/src/components/LuiVersion.svelte
new file mode 100644
index 0000000..41da6da
--- /dev/null
+++ b/packages/lui/src/components/LuiVersion.svelte
@@ -0,0 +1,7 @@
+
+
+{ludiekVersion}
diff --git a/packages/lui/src/components/content/LuiContentCard.svelte b/packages/lui/src/components/content/LuiContentCard.svelte
new file mode 100644
index 0000000..da578fe
--- /dev/null
+++ b/packages/lui/src/components/content/LuiContentCard.svelte
@@ -0,0 +1,28 @@
+
+
+
+
+
{id}
+
+
{JSON.stringify(content, null, 2)}
+
+ {#if children}
+ {@render children()}
+ {/if}
+
+
No content found
+{:else}
+
+
+ {#if selectedIntrospection}
+
+ {:else}
+
No kind selected
+ {/if}
+
+
+
+
+ {#each nodes as node (node.path)}
+ {node.path.join('.')}
+ {/each}
+
+
+
+
+ {#each items as piece (piece.id)}
+
+ {#each nodes as node (node.path)}
+ {@const key = node.path.join("")}
+ {@const value = piece[key]}
+
+
+
+ {JSON.stringify(value, null, 2)}
+
+ {/each}
+
+ {/each}
+
+
+
+
+
+
+
+
+
+
+ {#each introspection.content.kinds as kind (kind.kind)}
+
+ {kind.kind}
+
+ {:else}
+ No content registered
+ {/each}
+
+
+
+
+
+ {#each introspection.features.features as feature (feature.type)}
+
+ {feature.type}
+
+ {:else}
+ No features registered
+ {/each}
+
+
+
+
+
+ {#each introspection.plugins.plugins as plugin (plugin.type)}
+
+ {plugin.type}
+
+ {:else}
+ No plugins registered
+ {/each}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
closeToolbar()}>
+
+
+ openToolbar()}>Ludiek
+
+{/if}
diff --git a/packages/lui/src/components/toolbar/LuiToolbarCommandList.svelte b/packages/lui/src/components/toolbar/LuiToolbarCommandList.svelte
new file mode 100644
index 0000000..26e180e
--- /dev/null
+++ b/packages/lui/src/components/toolbar/LuiToolbarCommandList.svelte
@@ -0,0 +1,22 @@
+
+
+
+ {#each commands as command (command.command)}
+ {@const args = command.arguments.map(a => `<${a.field}>`).join(' ')}
+
+ {command.command}
+ {args}
+
+ {:else}
+ No {kind} registered
+ {/each}
+
diff --git a/packages/lui/src/components/toolbar/LuiToolbarEntry.svelte b/packages/lui/src/components/toolbar/LuiToolbarEntry.svelte
new file mode 100644
index 0000000..262a6c5
--- /dev/null
+++ b/packages/lui/src/components/toolbar/LuiToolbarEntry.svelte
@@ -0,0 +1,24 @@
+
+
+
diff --git a/packages/lui/src/index.css b/packages/lui/src/index.css
new file mode 100644
index 0000000..3b96609
--- /dev/null
+++ b/packages/lui/src/index.css
@@ -0,0 +1,7 @@
+@import 'tailwindcss';
+@plugin '@tailwindcss/forms';
+@plugin '@tailwindcss/typography';
+
+@plugin "daisyui";
+
+@source './';
diff --git a/packages/lui/src/index.ts b/packages/lui/src/index.ts
new file mode 100644
index 0000000..b99be77
--- /dev/null
+++ b/packages/lui/src/index.ts
@@ -0,0 +1,6 @@
+import './index.css';
+
+export { default as LuiDebugger } from './pages/LuiDebugger.svelte';
+export { default as LuiContentCard } from './components/content/LuiContentCard.svelte';
+export { default as LuiContentHint } from './components/content/LuiContentHint.svelte';
+export { default as LuiContext } from './LuiContext.svelte';
diff --git a/packages/lui/src/pages/LuiDebugger.svelte b/packages/lui/src/pages/LuiDebugger.svelte
new file mode 100644
index 0000000..c29e7a4
--- /dev/null
+++ b/packages/lui/src/pages/LuiDebugger.svelte
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+ {#if SelectedPage}
+
+
+
(LUI_ENGINE_KEY);
+ if (!engine) {
+ throw new EngineNotFoundError(
+ 'Could not get engine from the context. Make sure you only use Lui components within a LuiContext',
+ );
+ }
+ return engine();
+};
+
+export const setEngine = (engine: EngineGetter) => {
+ setContext(LUI_ENGINE_KEY, engine);
+ const introspection = new LudiekIntrospector(engine()).introspect();
+ setContext(LUI_INTROSPECTION_KEY, introspection);
+};
+
+export const getIntrospection = (): LudiekIntrospection => {
+ const introspection = getContext(LUI_INTROSPECTION_KEY);
+ if (!introspection) {
+ throw new IntrospectionNotFoundError(
+ 'Could not get introspection from the context. Make sure you only use Lui components within a LuiContext',
+ );
+ }
+ return introspection;
+};
+
+export const isDebug = (): boolean => {
+ return getEngine().debug;
+};
diff --git a/packages/lui/svelte.config.js b/packages/lui/svelte.config.js
new file mode 100644
index 0000000..b11a23c
--- /dev/null
+++ b/packages/lui/svelte.config.js
@@ -0,0 +1,10 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+ // Consult https://kit.svelte.dev/docs/integrations#preprocessors
+ // for more information about preprocessors
+ preprocess: vitePreprocess(),
+};
+
+export default config;
diff --git a/packages/lui/tsconfig.json b/packages/lui/tsconfig.json
new file mode 100644
index 0000000..9470aa8
--- /dev/null
+++ b/packages/lui/tsconfig.json
@@ -0,0 +1,13 @@
+{
+ "extends": ["@123ishatest/ludiek-typescript-config/svelte.json", "./.svelte-kit/tsconfig.json"],
+ "compilerOptions": {
+ "declaration": true,
+ "declarationMap": true,
+
+ "allowArbitraryExtensions": true,
+ "strictNullChecks": true,
+ "types": ["svelte"]
+ },
+ "include": ["dist", "./src/**/*.svelte", "./src/**/*.ts"],
+ "exclude": ["node_modules", ".svelte-kit"]
+}
diff --git a/packages/lui/vite.config.ts b/packages/lui/vite.config.ts
new file mode 100644
index 0000000..d1a9dcb
--- /dev/null
+++ b/packages/lui/vite.config.ts
@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+
+import tailwindcss from '@tailwindcss/vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+ plugins: [tailwindcss(), svelte()],
+});