From 9aed77e8ea82dcd52f94615bcd985c4cbd6cb476 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Fri, 5 Aug 2022 17:53:04 +0200
Subject: [PATCH] Make asset paths configurable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
---
 Emoji.svelte  |  6 ++----
 lib/config.ts | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 4 deletions(-)
 create mode 100644 lib/config.ts

diff --git a/Emoji.svelte b/Emoji.svelte
index 43b7e7d..173e8ac 100644
--- a/Emoji.svelte
+++ b/Emoji.svelte
@@ -9,13 +9,11 @@
   type EmojiSize = "small" | "regular" | "large" | "huge";
 
   import twemoji from "twemoji";
+  import { config } from "./lib/config";
 
   export let emoji: string;
   export let size: EmojiSize = "regular";
   export let style: string | undefined = undefined;
-
-  // Set this to an empty string if you need a relative asset path.
-  export let assetPathPrefix: string = "/";
 </script>
 
 <style>
@@ -49,7 +47,7 @@
 <div {style} class="container">
   {@html twemoji.parse(emoji, {
     className: `emoji ${size}`,
-    base: assetPathPrefix,
+    base: $config.assetPathPrefix,
     folder: "twemoji",
     ext: ".svg",
   })}
diff --git a/lib/config.ts b/lib/config.ts
new file mode 100644
index 0000000..2739a22
--- /dev/null
+++ b/lib/config.ts
@@ -0,0 +1,15 @@
+// Copyright © 2022 The Radicle Design System Contributors
+//
+// This file is part of radicle-design-system, distributed under the GPLv3
+// with Radicle Linking Exception. For full terms see the included
+// LICENSE file.
+
+import * as svelteStore from "svelte/store";
+
+interface Config {
+  assetPathPrefix: string;
+}
+
+export const config = svelteStore.writable<Config>({
+  assetPathPrefix: "", // Set this to "/" for an absolute asset path.
+});