Merge pull request #1046 from rainlanguage/2024-12-05-migrate-licence…

…-route

2024 12 05 migrate licence route

packages/ui-components/src/lib/components/Heading.svelte

@@ -0,0 +1,19 @@
+<script>
+	export let depth;
+</script>
+
+{#if depth === 1}
+	<div class="mb-4 text-4xl font-medium dark:text-white"><slot /></div>
+{:else if depth === 2}
+	<div class="my-4 text-2xl font-medium dark:text-white"><slot /></div>
+{:else if depth === 3}
+	<div class="my-4 text-xl font-medium dark:text-white"><slot /></div>
+{:else if depth === 4}
+	<div class="my-4 text-lg font-medium dark:text-white"><slot /></div>
+{:else if depth === 5}
+	<h5><slot /></h5>
+{:else if depth === 6}
+	<h6><slot /></h6>
+{:else}
+	<slot />
+{/if}

packages/ui-components/src/lib/components/Text.svelte

@@ -0,0 +1,12 @@
+<script>
+	// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+	export let text;
+	// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+	text;
+	// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+	export let raw;
+	// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+	raw;
+</script>
+
+<div class="my-2 mb-3"><slot /></div>

packages/ui-components/src/lib/index.ts

@@ -24,6 +24,9 @@ export { default as LightweightChart } from './components/charts/LightweightChar
 export { default as TanstackLightweightChartLine } from './components/charts/TanstackLightweightChartLine.svelte';
 export { default as MockComponent } from './__mocks__/MockComponent.svelte';
 export { default as Checkbox } from './components/checkbox/Checkbox.svelte';
+export { default as BlockQuote } from './components/BlockQuote.svelte';
+export { default as Heading } from './components/Heading.svelte';
+export { default as Text } from './components/Text.svelte';
 
 //Types
 export type { AppStoresInterface } from './types/appStores.ts';

tauri-app/src/routes/license/+page.svelte

@@ -1,32 +1,5 @@
 <script>
-  import Heading from './Heading.svelte';
-  import Markdown from 'svelte-markdown';
-
-  import { onMount } from 'svelte';
-  import Text from './Text.svelte';
-  import BlockQuote from './BlockQuote.svelte';
-
-  let source = '';
-
-  onMount(async () => {
-    try {
-      const response = await fetch(
-        'https://raw.githubusercontent.com/rainlanguage/decentralicense/refs/heads/master/README.md',
-      );
-      if (response.ok) {
-        source = await response.text();
-      }
-    } catch {
-      source = '';
-    }
-  });
+  import License from './License.svelte';
 </script>
 
-<Markdown
-  {source}
-  renderers={{
-    text: Text,
-    heading: Heading,
-    blockquote: BlockQuote,
-  }}
-/>
+<License />

tauri-app/src/routes/license/License.svelte

@@ -0,0 +1,32 @@
+<script>
+  import { Heading } from '@rainlanguage/ui-components';
+  import Markdown from 'svelte-markdown';
+
+  import { onMount } from 'svelte';
+  import { Text } from '@rainlanguage/ui-components';
+  import { BlockQuote } from '@rainlanguage/ui-components';
+
+  let source = '';
+
+  onMount(async () => {
+    try {
+      const response = await fetch(
+        'https://raw.githubusercontent.com/rainlanguage/decentralicense/refs/heads/master/README.md',
+      );
+      if (response.ok) {
+        source = await response.text();
+      }
+    } catch {
+      source = '';
+    }
+  });
+</script>
+
+<Markdown
+  {source}
+  renderers={{
+    text: Text,
+    heading: Heading,
+    blockquote: BlockQuote,
+  }}
+/>