From 0cbdd4ca50874d69cced3e9cdc7858d6c09a8839 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sat, 9 May 2020 20:13:50 -0700
Subject: [PATCH] refactor

---
 package.json                                 |  4 +--
 rollup.config.js                             | 27 ++++++++++----------
 src/{ => database}/IndexedDBEngine.js        |  0
 src/{ => database}/constants.js              |  0
 src/{ => database}/database.js               |  0
 src/{ => database}/databaseLifecycle.js      |  0
 src/{ => database}/migrations.js             |  0
 src/{ => database}/transformEmojiBaseData.js |  0
 src/index.js                                 |  6 ++++-
 src/svelte/Picker.svelte                     | 19 ++++++++++++++
 10 files changed, 39 insertions(+), 17 deletions(-)
 rename src/{ => database}/IndexedDBEngine.js (100%)
 rename src/{ => database}/constants.js (100%)
 rename src/{ => database}/database.js (100%)
 rename src/{ => database}/databaseLifecycle.js (100%)
 rename src/{ => database}/migrations.js (100%)
 rename src/{ => database}/transformEmojiBaseData.js (100%)
 create mode 100644 src/svelte/Picker.svelte

diff --git a/package.json b/package.json
index fbe0ab5..b505346 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,8 @@
   "name": "lite-emoji-picker",
   "version": "1.0.0",
   "description": "Lightweight emoji picker based on IndexedDB",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/es/index.js",
   "files": [
     "dist"
   ],
diff --git a/rollup.config.js b/rollup.config.js
index d730643..8fac45f 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -3,7 +3,6 @@ import resolve from 'rollup-plugin-node-resolve'
 import svelte from 'rollup-plugin-svelte'
 
 const baseConfig = {
-  input: './src/index.js',
   plugins: [
     resolve(),
     cjs(),
@@ -11,19 +10,19 @@ const baseConfig = {
   ]
 }
 
-export default [
+const formats = ['es', 'cjs']
+const entryPoints = [
   {
-    ...baseConfig,
-    output: {
-      file: 'dist/index.cjs.js',
-      format: 'cjs'
-    }
-  },
-  {
-    ...baseConfig,
-    output: {
-      file: 'dist/index.es.js',
-      format: 'es'
-    }
+    input: './src/index.js',
+    output: 'index.js'
   }
 ]
+
+export default formats.map(format => (entryPoints.map(({ input, output }) => ({
+  ...baseConfig,
+  input,
+  output: {
+    format,
+    file: `dist/${format}/${output}`
+  }
+})))).flat()
diff --git a/src/IndexedDBEngine.js b/src/database/IndexedDBEngine.js
similarity index 100%
rename from src/IndexedDBEngine.js
rename to src/database/IndexedDBEngine.js
diff --git a/src/constants.js b/src/database/constants.js
similarity index 100%
rename from src/constants.js
rename to src/database/constants.js
diff --git a/src/database.js b/src/database/database.js
similarity index 100%
rename from src/database.js
rename to src/database/database.js
diff --git a/src/databaseLifecycle.js b/src/database/databaseLifecycle.js
similarity index 100%
rename from src/databaseLifecycle.js
rename to src/database/databaseLifecycle.js
diff --git a/src/migrations.js b/src/database/migrations.js
similarity index 100%
rename from src/migrations.js
rename to src/database/migrations.js
diff --git a/src/transformEmojiBaseData.js b/src/database/transformEmojiBaseData.js
similarity index 100%
rename from src/transformEmojiBaseData.js
rename to src/database/transformEmojiBaseData.js
diff --git a/src/index.js b/src/index.js
index e1ddd7b..8f83732 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1 +1,5 @@
-export * from './database'
+import Picker from './svelte/Picker.svelte'
+export {
+  Picker
+}
+export * from './database/database.js'
diff --git a/src/svelte/Picker.svelte b/src/svelte/Picker.svelte
new file mode 100644
index 0000000..51588a6
--- /dev/null
+++ b/src/svelte/Picker.svelte
@@ -0,0 +1,19 @@
+<section
+    class="lite-emoji-picker"
+    aria-label={i18n.sectionLabel}>
+  <div role="tablist" aria-label={i18n.categories}></div>
+  <div>
+    <input id="lite-emoji-picker-search" type="text">
+    <label class="sr-only" for="lite-emoji-picker-search">{i18n.search}</label>
+  </div>
+  <div role="tabpanel" aria-label="Emoji">
+
+  </div>
+</section>
+<script>
+export let i18n = {
+  sectionLabel: 'Emoji picker',
+  categories: 'Categories',
+  search: 'Search emoji'
+}
+</script>
\ No newline at end of file