@indxsearch/intrface 1.0.5 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -15
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -26,18 +26,18 @@ Create a `.env.local` file in your project root with your INDX credentials:
|
|
|
26
26
|
|
|
27
27
|
```bash
|
|
28
28
|
# INDX Server Configuration
|
|
29
|
-
|
|
29
|
+
VITE_INDX_URL=https://your-indx-server.com
|
|
30
30
|
|
|
31
31
|
# Authentication Credentials
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
VITE_INDX_EMAIL=your@email.com
|
|
33
|
+
VITE_INDX_PASSWORD=yourpassword
|
|
34
34
|
```
|
|
35
35
|
|
|
36
36
|
**For local development:**
|
|
37
37
|
```bash
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
VITE_INDX_URL=http://localhost:38171
|
|
39
|
+
VITE_INDX_EMAIL=your@email.com
|
|
40
|
+
VITE_INDX_PASSWORD=yourpassword
|
|
41
41
|
```
|
|
42
42
|
|
|
43
43
|
**Security Notes:**
|
|
@@ -57,15 +57,14 @@ import '@indxsearch/intrface/styles.css';
|
|
|
57
57
|
### 3. Basic Implementation
|
|
58
58
|
|
|
59
59
|
```typescript
|
|
60
|
-
'use client';
|
|
61
60
|
import { SearchProvider, SearchInput, SearchResults } from '@indxsearch/intrface';
|
|
62
61
|
|
|
63
62
|
export default function SearchPage() {
|
|
64
63
|
return (
|
|
65
64
|
<SearchProvider
|
|
66
|
-
url={
|
|
67
|
-
email={
|
|
68
|
-
password={
|
|
65
|
+
url={import.meta.env.VITE_INDX_URL}
|
|
66
|
+
email={import.meta.env.VITE_INDX_EMAIL}
|
|
67
|
+
password={import.meta.env.VITE_INDX_PASSWORD}
|
|
69
68
|
dataset="products"
|
|
70
69
|
>
|
|
71
70
|
<SearchInput placeholder="Search products..." />
|
|
@@ -254,7 +253,6 @@ import { ActiveFiltersPanel } from '@indxsearch/intrface';
|
|
|
254
253
|
## Full Example with Filters
|
|
255
254
|
|
|
256
255
|
```typescript
|
|
257
|
-
'use client';
|
|
258
256
|
import {
|
|
259
257
|
SearchProvider,
|
|
260
258
|
SearchInput,
|
|
@@ -268,9 +266,9 @@ import {
|
|
|
268
266
|
export default function AdvancedSearch() {
|
|
269
267
|
return (
|
|
270
268
|
<SearchProvider
|
|
271
|
-
url={
|
|
272
|
-
email={
|
|
273
|
-
password={
|
|
269
|
+
url={import.meta.env.VITE_INDX_URL}
|
|
270
|
+
email={import.meta.env.VITE_INDX_EMAIL}
|
|
271
|
+
password={import.meta.env.VITE_INDX_PASSWORD}
|
|
274
272
|
dataset="products"
|
|
275
273
|
allowEmptySearch={true}
|
|
276
274
|
enableFacets={true}
|
|
@@ -335,7 +333,7 @@ export default function AdvancedSearch() {
|
|
|
335
333
|
| `placeholder` | `string` | `'Search...'` | Input placeholder text |
|
|
336
334
|
| `showClear` | `boolean` | `true` | Show clear button |
|
|
337
335
|
| `showFocus` | `boolean` | `false` | Show focus ring |
|
|
338
|
-
| `inputSize` | `'
|
|
336
|
+
| `inputSize` | `'micro' \| 'default'` | `'default'` | Input size |
|
|
339
337
|
|
|
340
338
|
### SearchResults Props
|
|
341
339
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@indxsearch/intrface",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"source": "./src/index.tsx",
|
|
5
5
|
"main": "./dist/index.umd.js",
|
|
6
6
|
"module": "./dist/index.es.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@indxsearch/systm": "^1.0.0",
|
|
40
|
-
"@indxsearch/pixl": "^1.1.
|
|
40
|
+
"@indxsearch/pixl": "^1.1.1",
|
|
41
41
|
"react-range": "^1.10.0"
|
|
42
42
|
},
|
|
43
43
|
"publishConfig": {
|