From 10b8a1c3cb3c0aff833856792230dd7c47de5a73 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Mar 2021 03:06:53 +0100
Subject: [PATCH] Move async and asyncReactive to sveltelib

- sveltelib is a lib for component-agnostic svelte utils
---
 ts/graphs/BUILD.bazel                     |  3 +++
 ts/graphs/WithGraphData.svelte            |  4 +--
 ts/sveltelib/BUILD.bazel                  | 32 +++++++++++++++++++++++
 ts/{graphs => sveltelib}/async.ts         |  0
 ts/{graphs => sveltelib}/asyncReactive.ts |  0
 ts/tsconfig.json                          |  3 ++-
 6 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 ts/sveltelib/BUILD.bazel
 rename ts/{graphs => sveltelib}/async.ts (100%)
 rename ts/{graphs => sveltelib}/asyncReactive.ts (100%)

diff --git a/ts/graphs/BUILD.bazel b/ts/graphs/BUILD.bazel
index 84b26bcb7..8911b97ef 100644
--- a/ts/graphs/BUILD.bazel
+++ b/ts/graphs/BUILD.bazel
@@ -20,6 +20,7 @@ ts_library(
         "GraphsPage",
         "lib",
         "//ts/lib",
+        "//ts/sveltelib",
         "@npm//svelte",
         "@npm//svelte2tsx",
     ],
@@ -32,6 +33,7 @@ ts_library(
         exclude = ["index.ts"],
     ),
     deps = [
+        "//ts/sveltelib",
         "//ts/lib",
         "//ts/lib:backend_proto",
         "@npm//@types/d3",
@@ -59,6 +61,7 @@ esbuild(
     output_css = True,
     visibility = ["//visibility:public"],
     deps = [
+        "//ts/sveltelib",
         "//ts/lib",
         "//ts/lib:backend_proto",
         "//ts/lib:fluent_proto",
diff --git a/ts/graphs/WithGraphData.svelte b/ts/graphs/WithGraphData.svelte
index bbaac8cd9..8ce026e1d 100644
--- a/ts/graphs/WithGraphData.svelte
+++ b/ts/graphs/WithGraphData.svelte
@@ -1,6 +1,6 @@
 <script lang="typescript">
-    import useAsync from "./async";
-    import useAsyncReactive from "./asyncReactive";
+    import useAsync from "sveltelib/async";
+    import useAsyncReactive from "sveltelib/asyncReactive";
 
     import { getGraphData, RevlogRange, daysToRevlogRange } from "./graph-helpers";
     import { getPreferences } from "./preferences";
diff --git a/ts/sveltelib/BUILD.bazel b/ts/sveltelib/BUILD.bazel
new file mode 100644
index 000000000..60cbfd715
--- /dev/null
+++ b/ts/sveltelib/BUILD.bazel
@@ -0,0 +1,32 @@
+load("@npm//@bazel/typescript:index.bzl", "ts_library")
+load("//ts:prettier.bzl", "prettier_test")
+load("//ts:eslint.bzl", "eslint_test")
+
+# Anki Library
+################
+
+ts_library(
+    name = "sveltelib",
+    srcs = glob(["**/*.ts"]),
+    data = [],
+    module_name = "sveltelib",
+    tsconfig = "//:tsconfig.json",
+    visibility = ["//visibility:public"],
+    deps = [
+        "@npm//svelte",
+        "@npm//tslib",
+    ],
+)
+
+# Tests
+################
+
+prettier_test(
+    name = "format_check",
+    srcs = glob(["*.ts"]),
+)
+
+eslint_test(
+    name = "eslint",
+    srcs = glob(["*.ts"]),
+)
diff --git a/ts/graphs/async.ts b/ts/sveltelib/async.ts
similarity index 100%
rename from ts/graphs/async.ts
rename to ts/sveltelib/async.ts
diff --git a/ts/graphs/asyncReactive.ts b/ts/sveltelib/asyncReactive.ts
similarity index 100%
rename from ts/graphs/asyncReactive.ts
rename to ts/sveltelib/asyncReactive.ts
diff --git a/ts/tsconfig.json b/ts/tsconfig.json
index 52befdcf3..eb5ce06d4 100644
--- a/ts/tsconfig.json
+++ b/ts/tsconfig.json
@@ -6,7 +6,8 @@
         "lib": ["es2017", "es2019.array", "es2018.promise", "dom", "dom.iterable"],
         "baseUrl": ".",
         "paths": {
-            "anki/*": ["../bazel-bin/ts/lib/*"]
+            "anki/*": ["../bazel-bin/ts/lib/*"],
+            "sveltelib/*": ["../bazel-bin/ts/sveltelib/*"]
         },
         "importsNotUsedAsValues": "error",
         "outDir": "dist",