From c9b9bd58e8120efbf8804d83ffdb3e2aff305ae7 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Tue, 10 May 2022 14:52:27 -0500
Subject: [PATCH] Add stork vanilla component

---
 src/components/stork-vanilla.astro | 46 ++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/components/stork-vanilla.astro

diff --git a/src/components/stork-vanilla.astro b/src/components/stork-vanilla.astro
new file mode 100644
index 0000000..851c0c1
--- /dev/null
+++ b/src/components/stork-vanilla.astro
@@ -0,0 +1,46 @@
+---
+// Stork Vanilla search
+// Stork Eleventy Example - https://github.com/stork-search/netlify-11ty-example
+
+import {
+    storkVersion,
+    // storkExecutableName,
+    // storkExecutablePath,
+    // storkTomlPath,
+    // storkIndexPath
+} from '~/helpers/stork/config.js'
+
+// const {
+//   listing
+// } = Astro.props
+
+const storkStylesheetURL = `https://files.stork-search.net/releases/v${ storkVersion }/basic.css`
+const storkScriptURL = `https://files.stork-search.net/releases/v${ storkVersion }/stork.js`
+
+---
+<h1>Search</h1>
+<link rel="stylesheet" href={ storkStylesheetURL } />
+
+<div class="stork-wrapper">
+  <input data-stork="index" class="stork-input" />
+  <div data-stork="index-output" class="stork-output"></div>
+</div>
+
+<script is:inline src={ storkScriptURL }></script>
+
+<script>
+    import { StorkClient } from '~/helpers/stork/browser.js'
+
+    const stork = new StorkClient({
+        name: 'index',
+        url: '/search-index.st',
+        // config: {}
+
+        stork: window.stork
+    })
+
+    const queryResult = await stork.lazyQuery( 'spo' )
+
+    console.log('queryResult', queryResult)
+
+</script>