@meeovi/layer-search 1.0.3

package/app/composables/core/SearchContext.ts

@@ -0,0 +1,54 @@
+export interface SearchContextState {
+  query: string
+  page: number
+  pageSize: number
+  sort?: string
+  filters: Record<string, any>
+}
+
+export class SearchContext {
+  state: SearchContextState
+
+  constructor(initial?: Partial<SearchContextState>) {
+    this.state = {
+      query: '',
+      page: 1,
+      pageSize: 20,
+      filters: {},
+      ...initial
+    }
+  }
+
+  setQuery(query: string) {
+    this.state.query = query
+  }
+
+  setPage(page: number) {
+    this.state.page = page
+  }
+
+  setPageSize(size: number) {
+    this.state.pageSize = size
+  }
+
+  setSort(sort: string | undefined) {
+    this.state.sort = sort
+  }
+
+  setFilter(key: string, value: any) {
+    this.state.filters[key] = value
+  }
+
+  removeFilter(key: string) {
+    delete this.state.filters[key]
+  }
+
+  reset() {
+    this.state = {
+      query: '',
+      page: 1,
+      pageSize: 20,
+      filters: {}
+    }
+  }
+}

package/app/composables/core/SearchManager.ts

@@ -0,0 +1,27 @@
+import type { SearchAdapter } from '@meeovi/core'
+import { SearchContext, type SearchContextState } from './SearchContext'
+import { QueryBuilder } from './QueryBuilder'
+import { SearchPipeline } from './Pipeline'
+
+export class SearchManager<TItem = any> {
+  context: SearchContext
+  pipeline: SearchPipeline
+  adapter: SearchAdapter<TItem>
+
+  constructor(adapter: SearchAdapter<TItem>, initial?: Partial<SearchContextState>) {
+    this.context = new SearchContext(initial)
+    this.pipeline = new SearchPipeline()
+    this.adapter = adapter
+  }
+
+  async search() {
+    const builder = new QueryBuilder(this.context)
+    let query = builder.build()
+
+    query = this.pipeline.runBefore(query)
+
+    const result = await this.adapter.search(query as any)
+
+    return this.pipeline.runAfter(result)
+  }
+}

package/app/composables/events.ts

@@ -0,0 +1,6 @@
+declare module '@meeovi/core/dist/types/events' {
+  interface AlternateEventMap {
+    'search:query': { term: string }
+    'search:results': { term: string; total: number }
+  }
+}

package/app/composables/index.ts

@@ -0,0 +1,9 @@
+export * from './module'
+export * from './adapter/types'
+export * from './core/SearchManager'
+export * from './core/SearchContext'
+export * from './core/Filters'
+export * from './core/Facets'
+export * from './bridges/instantsearch'
+export * from './bridges/vue'
+export * from './bridges/react'

package/app/composables/module.ts

@@ -0,0 +1,72 @@
+import {
+  defineAlternateModule,
+  useAlternateEventBus,
+  useAlternateContext,
+  type AlternateContext
+} from '@meeovi/core'
+
+import { validateSearchConfig, type SearchModuleConfig } from './config/schema'
+import type { SearchAdapter } from '@meeovi/core'
+import { createOpenSearchAdapter } from './adapter/opensearch'
+import { createMeilisearchAdapter } from './adapter/meilisearch'
+import { SearchManager } from './core/SearchManager'
+import type { MeeoviSearchItem } from './adapter/types'
+
+declare module '@meeovi/core' {
+  interface AlternateConfig {
+    search?: SearchModuleConfig
+  }
+
+  interface AlternateContext {
+    searchManager?: import('./core/SearchManager').SearchManager<MeeoviSearchItem>
+  }
+}
+
+export default defineAlternateModule({
+  id: 'search',
+  adapters: {},
+
+  async setup(ctx: AlternateContext) {
+    const bus = useAlternateEventBus()
+    const config = ctx.config.search
+
+    if (!config) return
+
+    validateSearchConfig(config)
+
+    if (config.defaultProvider === 'opensearch') {
+      const providerConfig = config.providers.opensearch as
+        | Parameters<typeof createOpenSearchAdapter>[0]
+        | undefined
+
+      if (providerConfig) {
+        this.adapters = {
+          search: createOpenSearchAdapter(providerConfig)
+        }
+      }
+    }
+
+    if (config.defaultProvider === 'meilisearch') {
+      const providerConfig = config.providers.meilisearch as
+        | Parameters<typeof createMeilisearchAdapter>[0]
+        | undefined
+
+      if (providerConfig) {
+        this.adapters = {
+          search: createMeilisearchAdapter(providerConfig)
+        }
+      }
+    }
+
+    const adapter = ctx.getAdapter('search') as
+      | SearchAdapter<MeeoviSearchItem>
+      | undefined
+    if (adapter) {
+      ctx.searchManager = new SearchManager<MeeoviSearchItem>(adapter)
+    }
+
+    bus.on('app:ready', () => {
+      console.info('[@meeovi/search] Search module initialized')
+    })
+  }
+})

package/app/composables/types/api/global-search.ts

@@ -0,0 +1,8 @@
+export interface GlobalSearchResult {
+	id?: string;
+	title?: string;
+	type?: string;
+	description?: string;
+	image?: string;
+	url?: string;
+}

package/app/composables/types.d.ts

@@ -0,0 +1,12 @@
+declare module '#imports' {
+  export function useRuntimeConfig(): { public?: { searchUrl?: string } }
+}
+
+declare module '@searchkit/client' {
+  export class SearchkitClient {
+    constructor(config?: { url?: string; host?: string })
+    query(...args: unknown[]): unknown
+    fetch(...args: unknown[]): unknown
+  }
+  export type SearchkitClientConfig = { url?: string; host?: string }
+}

package/app/composables/utils/normalizers.ts

@@ -0,0 +1,6 @@
+export function normalizeOpenSearchHit(hit: any) {
+  return {
+    id: hit._id,
+    ...hit._source
+  }
+}

package/app/pages/results.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="resultsPage">
+    <ais-instant-search :search-client="searchClient" :index-name="indexName">
+      <header class="search-header">
+        <ais-search-box />
+        <ais-stats />
+        <ais-sort-by :items="sortingOptions" />
+      </header>
+
+      <div class="search-body">
+        <aside class="filters">
+          <ais-refinement-list attribute="category" />
+          <ais-refinement-list attribute="brand" />
+          <ais-range-input attribute="price" />
+          <ais-rating-menu attribute="rating_rounded" />
+        </aside>
+
+        <main class="results">
+          <ais-hits>
+            <template #item="{ item }">
+              <article @click="openResult(item)" class="hit">
+                <h3><ais-highlight attribute="title" :hit="item" /></h3>
+                <p><ais-snippet attribute="plot" :hit="item" /></p>
+              </article>
+            </template>
+          </ais-hits>
+
+          <ais-pagination />
+        </main>
+      </div>
+    </ais-instant-search>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import { useRuntimeConfig } from '#imports'
+import Client from '@searchkit/instantsearch-client'
+import { getSearchClient, getIndexName } from '../utils/search/client'
+
+import 'instantsearch.css/themes/satellite-min.css'
+
+// initialize search client using existing helper (falls back safely)
+let searchClient
+let indexName = 'default'
+try {
+  searchClient = getSearchClient()
+  indexName = getIndexName()
+} catch (e) {
+  // fallback placeholder
+  // eslint-disable-next-line no-console
+  console.warn('Search client unavailable:', e.message || e)
+  searchClient = { _client: 'searchkit-fallback' }
+}
+
+const router = useRouter()
+const route = useRoute()
+
+function openResult(item) {
+  const id = item._id ?? item.id ?? ''
+  const title = item.title ?? item.name ?? ''
+  router.push({ path: route.path, query: { ...route.query, id, title } })
+}
+
+const sortingOptions = [
+  { value: indexName, label: 'Featured' },
+  { value: `${indexName}:price:asc`, label: 'Price: Low to High' },
+  { value: `${indexName}:price:desc`, label: 'Price: High to Low' },
+  { value: `${indexName}:rating:desc`, label: 'Rating: High to Low' }
+]
+
+definePageMeta({ layout: 'nolive' })
+useHead({ title: 'Search Results' })
+</script>
+
+<style scoped>
+.search-body {
+  display: flex;
+  gap: 1rem;
+}
+.filters { width: 260px }
+.results { flex: 1 }
+.hit { padding: 0.75rem; border-bottom: 1px solid #eee }
+</style>

package/app/plugins/instantsearch.js

@@ -0,0 +1,35 @@
+import { h } from 'vue'
+import { defineNuxtPlugin } from '#imports'
+import InstantSearch from 'vue-instantsearch/vue3/es'
+
+export default defineNuxtPlugin(nuxtApp => {
+  // Register the original InstantSearch plugin (registers other components)
+  nuxtApp.vueApp.use(InstantSearch)
+  // Capture the original registered component (if the plugin registered it)
+  const OriginalInstantSearch = nuxtApp.vueApp.component('ais-instant-search') || InstantSearch
+
+  // Override `ais-instant-search` with a small wrapper that sets
+  // future.preserveSharedStateOnUnmount = true by default to silence
+  // the deprecation warning and adopt the new behavior.
+  const AisInstantSearchWrapper = {
+    name: 'AisInstantSearch',
+    inheritAttrs: false,
+    setup(_, { attrs, slots }) {
+      const mergedAttrs = {
+        ...attrs,
+        future: {
+          preserveSharedStateOnUnmount: true,
+          ...(attrs.future || {})
+        }
+      }
+      if (process.env.NODE_ENV !== 'production') {
+        // helpful debug when running locally
+        // eslint-disable-next-line no-console
+        console.debug('[instantsearch] merged future options', mergedAttrs.future)
+      }
+      return () => h(OriginalInstantSearch, mergedAttrs, slots)
+    }
+  }
+
+  nuxtApp.vueApp.component('ais-instant-search', AisInstantSearchWrapper)
+})

package/app/plugins/search.js

@@ -0,0 +1,20 @@
+import { defineNuxtPlugin } from '#imports'
+import { getSearchClient, getIndexName } from '../utils/search/client'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  let searchClient
+  let indexName
+  try {
+    searchClient = getSearchClient()
+    indexName = getIndexName()
+  } catch (e) {
+    // fallback placeholder to avoid build/runtime crash when not configured
+    // eslint-disable-next-line no-console
+    console.warn('Search client not configured:', e.message || e)
+    searchClient = { _client: 'searchkit-fallback' }
+    indexName = 'default'
+  }
+
+  nuxtApp.provide('searchClient', searchClient)
+  nuxtApp.provide('searchIndexName', indexName)
+})

package/nuxt.config.ts

@@ -0,0 +1,11 @@
+import {
+  defineNuxtConfig
+} from 'nuxt/config'
+
+export default defineNuxtConfig({
+  $meta: {
+    name: 'search',
+  },
+
+  runtimeConfig: {}
+})

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@meeovi/layer-search",
+  "version": "1.0.3",
+  "description": "Powerful search module for the Alternate Framework.",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "keywords": [
+    "meeovi",
+    "search",
+    "module",
+    "alternate-framework",
+    "vue",
+    "instantsearch"
+  ],
+  "bin": {
+    "meeovi-search": "./dist/cli.js"
+  },
+  "author": "Meeovi",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "@meeovi/core": "^1.0.3",
+    "@types/react": "^19.2.9",
+    "react": "^19.2.3",
+    "typescript": "^5.9.3",
+    "vue": "^3.2.47"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.10",
+    "nuxt": "^4.3.0"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "outDir": "dist",
+    "moduleResolution": "bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "strict": true,
+    "jsx": "react-jsx",
+    "skipLibCheck": true, 
+    "noEmitOnError": false
+  }
+}