Refactoe according to feedback. Reuse templates/components, generate …

…exportables from template files.

package.json

@@ -13,6 +13,7 @@
         "type": "git",
         "url": "git+https://github.com/Nosto/nosto-autocomplete.git"
     },
+    "type": "module",
     "license": "BSD-3-Clause",
     "author": "Nosto",
     "main": "dist/nosto-autocomplete.cjs",

scripts/exportTemplates.js

@@ -0,0 +1,27 @@
+import * as fs from 'fs'
+
+// write script that generates const variable string from /src/defaults/autocomplete.liquid
+function generateAutocompleteLiquid() {
+    const autocompleteLiquid = fs.readFileSync('./src/defaults/autocomplete.liquid', 'utf8')
+    const autocompleteLiquidLines = autocompleteLiquid.split('\n')
+    const autocompleteLiquidLinesWithConst = `export const defaultLiquidTemplate = \`\n${autocompleteLiquidLines.map(line => `    ${line}`).join('\n')}\n\`\n`
+
+    fs.appendFileSync('./src/_generated.ts', autocompleteLiquidLinesWithConst)
+}
+
+function generateAutocompleteMustache() {
+    const autocompleteMustache = fs.readFileSync('./src/defaults/autocomplete.mustache', 'utf8')
+    const autocompleteMustacheLines = autocompleteMustache.split('\n')
+    const autocompleteMustacheLinesWithConst = `export const defaultMustacheTemplate = \`\n${autocompleteMustacheLines.map(line => `    ${line}`).join('\n')}\n\`\n`
+
+    fs.appendFileSync('./src/_generated.ts', autocompleteMustacheLinesWithConst)
+}
+
+(() => {
+    if (fs.existsSync('./src/_generated.ts')) {
+        fs.unlinkSync('./src/_generated.ts')
+    }
+
+    generateAutocompleteLiquid()
+    generateAutocompleteMustache()
+})()

spec/liquid.spec.ts

@@ -1,9 +1,8 @@
 import "@testing-library/jest-dom"
 import {
-    fromLiquidTemplate, fromRemoteLiquidTemplate,
+    fromLiquidTemplate, fromRemoteLiquidTemplate, defaultLiquidTemplate as liquidTemplate
 } from "../src/liquid"
 import { handleAutocomplete, hooks, autocompleteSuite } from './suites/autocomplete'
-import liquidTemplate from './templates/liquid'
 import { waitFor } from '@testing-library/dom'
 
 function libraryScript() {

spec/mustache.spec.ts

@@ -2,8 +2,8 @@ import "@testing-library/jest-dom"
 import {
     fromMustacheTemplate,
     fromRemoteMustacheTemplate,
+    defaultMustacheTemplate as mustacheTemplate
 } from "../src/mustache"
-import mustacheTemplate from "./templates/mustache"
 import {
     autocompleteSuite,
     handleAutocomplete,

spec/react.spec.ts

@@ -1,5 +1,5 @@
 import "@testing-library/jest-dom"
-import { Autocomplete } from "./components/Autocomplete"
+import { Autocomplete } from "../src/defaults/Autocomplete"
 import type React from "react"
 import type ReactDOM from "react-dom/client"
 import { DefaultState } from '../src/utils/state'