nytimes · nshaff3r · Nov 4, 2024 · Nov 4, 2024 · Nov 6, 2024 · Nov 6, 2024
diff --git a/AISearchDemo.gif b/AISearchDemo.gif
diff --git a/README.md b/README.md
@@ -1,3 +1,21 @@
+# Introducing AI powered search for Library!
+
+Users can now search the library with AI by simply asking a question in the search box!
+
+You can find a full demo [here](https://llm-docs-library.vercel.app/).
+<br></br>
+**Features:**
+- Returns a concise summary along with relevant documents, creating a more powerful search than keywords.
+- Fetches entire document base for AI query using existing infrastructure that supports caching.
+- Supports chunking of AI requests for models with smaller token limits.
+- Can query multiple times and combine responses for greater accuracy using the `LLM_API_CALLS` environment variable.
+- Makes API and fetch requests in parallel.
+- Defaults to a null answer to avoid hallucinations.
+- Uses both desktop and mobile-friendly front-end animations.
+
+<img src="https://github.com/nshaff3r/llm-docs-library/blob/main/AISearchDemo.gif" alt="AI search feature demo gif" width="558.75px" max-height="600px">
+
+
 Library ![Supported node versions](https://img.shields.io/badge/dynamic/json?color=informational&label=node&query=%24.engines.node&url=https%3A%2F%2Fraw.githubusercontent.com%2Fnytimes%2Flibrary%2Fmain%2Fpackage.json) [![Tests](https://github.com/nytimes/library/actions/workflows/test.yaml/badge.svg)](https://github.com/nytimes/library/actions/workflows/test.yaml)
 ========
 

diff --git a/index.yaml b/index.yaml
@@ -0,0 +1,13 @@
+indexes:
+  - kind: LibraryViewTeam
+    properties:
+      - name: userId
+        direction: asc
+      - name: viewCount
+        direction: desc
+  - kind: LibraryViewTeam
+    properties:
+      - name: userId
+        direction: asc
+      - name: lastViewedAt
+        direction: desc
diff --git a/layouts/categories/default.ejs b/layouts/categories/default.ejs
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <%- include('partials/head', {formatUrl, pathPrefix}) %>
+  <script src="assets/scripts/animations.js"></script>
+  <link rel="stylesheet" href="assets/css/customstyles.css">
   <body>
     <h1 class="visually-hidden">Default template</h1>
     <%- include('partials/header', {formatUrl}) %>

diff --git a/layouts/pages/index.ejs b/layouts/pages/index.ejs
@@ -2,7 +2,6 @@
 <html>
   <%- include('partials/head', {title: template('branding.prettyName'), formatUrl, pathPrefix}) %>
   <body>
-
     <header id="masthead" class="masthead" role="banner">
       <div class="container">
         <%- include('partials/userTools') %>

diff --git a/layouts/pages/llmquery.ejs b/layouts/pages/llmquery.ejs
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <%- include('partials/head', {title: template('search.results.title', locals.q), formatUrl, pathPrefix}) %>
+  </head>
+  <body>
+    <%- include('partials/header', {parentLinks: [], title: template('search.results.title', locals.q)}) %>
+    <%- include('partials/nav', {formatUrl}) %>
+    <div class="g-body">
+      <div class="g-main-content" id="g-search-page">
+        <h3 class="search-kicker">
+          Showing <%- '<span class="animated-gradient-text">AI</span>' %> search results for '<%= locals.q %>':
+        </h3>
+        <div id="llm-response-box">
+          <div id="llm-response">
+            <%= locals.llmResponse %>
+          </div>
+          <% if (locals.results && results.length) { %>
+            <div id="disclaimer">
+              AI can be incorrect. Always check this response against the documents and the non-AI search.
+            </div>
+          <% } %>
+        </div>
+        <% if (locals.results && results.length) { %>
+          <% results.forEach((res) => { %>
+          <div class="search-result">
+            <h3><a href="<%= formatUrl(res.path) %>"><%= res.prettyName %></a></h3>
+            <p>
+              <% if (res.folder) { %>
+              <%- template('search.results.label.folder', formatUrl(res.folder.path), res.folder.prettyName || 'Home')%>&nbsp;
+              <% } %>
+              <% if (res.lastModifyingUser && res.lastModifyingUser.displayName) { %>
+                <%- template('search.results.label.person', res.lastModifyingUser.displayName) %>
+              <% } %>
+              <%= res.lastUpdated %>
+            </p>
+          </div>
+          <% }) %>
+        <% } %>
+      </div>
+
+      <%- include('partials/footer', { pageType: 'search', formatUrl }) %>
+    </div>
+  </body>
+</html>
diff --git a/layouts/partials/head.ejs b/layouts/partials/head.ejs
@@ -8,6 +8,8 @@
   <![endif]-->
 
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+  <script src="/assets/scripts/animations.js"></script>
+  <link rel="stylesheet" href="/assets/css/customstyles.css">
 
   <link rel="stylesheet"
       href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.0/styles/default.min.css">

diff --git a/layouts/partials/search.ejs b/layouts/partials/search.ejs
@@ -1,10 +1,10 @@
 <div class="search-topper">
   <form method="GET" action="<%= formatUrl('/search') %>" class="search-container">
-    <% const placeholder = template('search.placeholder')%>
+    <% const placeholder = 'Search... (or ask a question with AI)'%>
     <% const focus = locals.focus || '' %>
     <% const msgOnFocus = placeholder || '' %>
     <input <%= focus %> id="search-box" class="twitter-typeahead" type="text" name="q" value="<%= locals.q %>" placeholder="<%- placeholder %>" />
-    <button class="icon"><i class="fa fa-search"></i></button>
+    <button class="icon" id="searching-button"><i id="searching-icon" class="fa fa-search"></i></button>
   </form>
 
   <% const style = locals.style || 'plaintext' %>
@@ -13,4 +13,4 @@
     <%# <a href="#"><button type="button" class="btn-plaintext">Onboarding Guide</button></a>%>
   </div>
 
-</div>
+</div>