example/browser-legacy/document/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, height=device-height">
  <title>Example: browser-legacy-document</title>
</head>
<body style="white-space: pre">
<script src="https://cdn.jsdelivr.net/gh/nextapps-de/flexsearch@0.8.2/dist/flexsearch.compact.min.js"></script>
<script>

  // some test data
  const data = [{
    "tconst": "tt0000001",
    "titleType": "short",
    "primaryTitle": "Carmencita",
    "originalTitle": "Carmencita",
    "isAdult": 0,
    "startYear": "1894",
    "endYear": "",
    "runtimeMinutes": "1",
    "genres": [
      "Documentary",
      "Short"
    ]
  },{
    "tconst": "tt0000002",
    "titleType": "short",
    "primaryTitle": "Le clown et ses chiens",
    "originalTitle": "Le clown et ses chiens",
    "isAdult": 0,
    "startYear": "1892",
    "endYear": "",
    "runtimeMinutes": "5",
    "genres": [
      "Animation",
      "Short"
    ]
  }];

  // create the document index
  const index = new FlexSearch.Document({
    // hint: the encoder is shared for both index fields
    // because primaryTitle and originalTitle has almost
    // equal content, otherwise you should set the encoder
    // option to each of the field options separately
    encoder: FlexSearch.Charset.LatinBalance,
    document: {
      id: "tconst",
      store: true,
      index: [{
        field: "primaryTitle",
        tokenize: "forward"
      },{
        field: "originalTitle",
        tokenize: "forward"
      }],
      tag: [{
        field: "startYear"
      },{
        field: "genres"
      }]
    }
  });

  // add test data
  for(let i = 0; i < data.length; i++){
    index.add(data[i]);
  }

  // perform a query
  const result = index.search({
    query: "karmen",
    tag: {
      "startYear": "1894",
      "genres": [
        "Documentary",
        "Short"
      ]
    },
    enrich: true
  });

  // display results
  console.log(result);
  log(JSON.stringify(result, null, 2));
  log("\n-------------------------------------\n");

  // perform a query + merge results
  const merged = index.search({
    query: "karmen",
    tag: {
      "startYear": "1894",
      "genres": [
        "Documentary",
        "Short"
      ]
    },
    enrich: true,
    merge: true
  });

  // display results
  console.log(merged);
  log(JSON.stringify(merged, null, 2));
  log("\n---------------------------------------\n");

  // perform a query + get suggestions
  const suggestions = index.search({
    query: "karmen or clown or not found",
    tag: {
      // no data for this category:
      "genres": "Movie"
    },
    suggest: true,
    enrich: true,
    merge: true
  });

  // display results
  console.log(suggestions);
  log(JSON.stringify(suggestions, null, 2));

  function log(str){
    document.body.appendChild(
      document.createTextNode(str + "\n")
    );
  }
</script>
</body>
</html>