@graphcommerce/algolia-personalization 9.0.0-canary.100

package/CHANGELOG.md

@@ -0,0 +1,39 @@
+# @graphcommerce/algolia-personalization
+
+## 9.0.0-canary.100
+
+## 9.0.0-canary.99
+
+## 9.0.0-canary.98
+
+## 9.0.0-canary.97
+
+## 9.0.0-canary.96
+
+## 9.0.0-canary.95
+
+## 9.0.0-canary.94
+
+## 9.0.0-canary.93
+
+## 9.0.0-canary.92
+
+## 9.0.0-canary.91
+
+## 9.0.0-canary.90
+
+## 9.0.0-canary.89
+
+## 9.0.0-canary.88
+
+## 9.0.0-canary.87
+
+## 9.0.0-canary.86
+
+## 9.0.0-canary.85
+
+## 9.0.0-canary.84
+
+### Minor Changes
+
+- [#2377](https://github.com/graphcommerce-org/graphcommerce/pull/2377) [`56fcc45`](https://github.com/graphcommerce-org/graphcommerce/commit/56fcc45b60e43574c64fcdd7b02f8062d677e250) - Integrated algolia personalisation and algolia analytics into graphql mesh. Built user profiles and gives user personalised results. Keep track of the user data and view in algolia analytics dashboard ([@Renzovh](https://github.com/Renzovh))

package/README.md

@@ -0,0 +1,3 @@
+# Algolia Magento 2
+
+[See algolia docs](../../docs/magento/algolia.md)

package/index.ts

@@ -0,0 +1 @@
+export * from './mesh/getUserToken'

package/mesh/getUserToken.ts

@@ -0,0 +1,12 @@
+import { MeshContext } from '@graphcommerce/graphql-mesh'
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { parse } from 'cookie'
+
+const ALGOLIA_USER_TOKEN_COOKIE_NAME = '_algolia_userToken'
+export function getUserToken(context: MeshContext): string | undefined {
+  const { headers } = context as MeshContext & { headers?: Record<string, string | undefined> }
+
+  const cookie = headers?.cookie
+  if (cookie) return parse(cookie)[ALGOLIA_USER_TOKEN_COOKIE_NAME]
+  return undefined
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@graphcommerce/algolia-personalization",
+  "homepage": "https://www.graphcommerce.org/",
+  "repository": "github:graphcommerce-org/graphcommerce",
+  "version": "9.0.0-canary.100",
+  "sideEffects": false,
+  "prettier": "@graphcommerce/prettier-config-pwa",
+  "eslintConfig": {
+    "extends": "@graphcommerce/eslint-config-pwa",
+    "parserOptions": {
+      "project": "./tsconfig.json"
+    }
+  },
+  "scripts": {
+    "generate": "tsx scripts/generate-insights-spec.mts"
+  },
+  "peerDependencies": {
+    "@graphcommerce/algolia-insights": "^9.0.0-canary.100",
+    "@graphcommerce/algolia-products": "^9.0.0-canary.100",
+    "@graphcommerce/google-datalayer": "^9.0.0-canary.100",
+    "@graphcommerce/graphql": "^9.0.0-canary.100",
+    "@graphcommerce/graphql-mesh": "^9.0.0-canary.100",
+    "@graphcommerce/magento-customer": "^9.0.0-canary.100",
+    "@graphcommerce/magento-product": "^9.0.0-canary.100",
+    "@graphcommerce/next-config": "^9.0.0-canary.100",
+    "@graphcommerce/next-ui": "^9.0.0-canary.100",
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "graphql": "^16.0.0",
+    "tsx": "^4.16.2"
+  }
+}

package/plugins/InContextInputAlgoliaUserToken.ts

@@ -0,0 +1,31 @@
+import { ALGOLIA_USER_TOKEN_COOKIE_NAME } from '@graphcommerce/algolia-insights'
+import {
+  type getInContextInput as getInContextInputType,
+  type useInContextInput as useInContextInputType,
+} from '@graphcommerce/graphql'
+import type { InContextInput } from '@graphcommerce/graphql-mesh'
+import type { FunctionPlugin, PluginConfig } from '@graphcommerce/next-config'
+import { cookie } from '@graphcommerce/next-ui'
+
+export const config: PluginConfig = {
+  type: 'function',
+  module: '@graphcommerce/graphql',
+}
+
+export const getInContextInput: FunctionPlugin<typeof getInContextInputType> = (
+  prev,
+  client,
+  ...args
+) => {
+  const algoliaUserToken = cookie(ALGOLIA_USER_TOKEN_COOKIE_NAME)
+  const res = prev(client, ...args)
+  if (!algoliaUserToken) return res
+  return { ...res, algoliaUserToken } satisfies InContextInput
+}
+
+export const useInContextInput: FunctionPlugin<typeof useInContextInputType> = (prev, ...args) => {
+  const algoliaUserToken = cookie(ALGOLIA_USER_TOKEN_COOKIE_NAME)
+  const res = prev(...args)
+  if (!algoliaUserToken) return res
+  return { ...res, algoliaUserToken }
+}

package/plugins/getSearchResultsInputPersonalization.ts

@@ -0,0 +1,18 @@
+import type { getSearchResultsInput as getSearchResultsInputType } from '@graphcommerce/algolia-products'
+import { FunctionPlugin, PluginConfig } from '@graphcommerce/next-config'
+import { getUserToken } from '../mesh/getUserToken'
+
+export const config: PluginConfig = {
+  type: 'function',
+  module: '@graphcommerce/algolia-products',
+}
+
+export const getSearchResultsInput: FunctionPlugin<typeof getSearchResultsInputType> = async (
+  prev,
+  args,
+  context,
+) => ({
+  ...(await prev(args, context)),
+  clickAnalytics: true,
+  userToken: getUserToken(context),
+})

package/plugins/getSearchSuggestionsInputPersonalization.ts

@@ -0,0 +1,16 @@
+import type { getSearchSuggestionsInput as getSearchSuggestionsInputType } from '@graphcommerce/algolia-products'
+import { FunctionPlugin, PluginConfig } from '@graphcommerce/next-config'
+import { getUserToken } from '../mesh/getUserToken'
+
+export const config: PluginConfig = {
+  type: 'function',
+  module: '@graphcommerce/algolia-products',
+}
+
+export const getSearchSuggestionsInput: FunctionPlugin<
+  typeof getSearchSuggestionsInputType
+> = async (prev, search, context) => ({
+  ...(await prev(search, context)),
+  clickAnalytics: true,
+  userToken: getUserToken(context),
+})

package/schema/InContext_algoliaUserToken.graphqls

@@ -0,0 +1,3 @@
+input InContextInput {
+  algoliaUserToken: String
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "exclude": ["**/node_modules", "**/.*/"],
+  "include": ["**/*.ts", "**/*.tsx"],
+  "extends": "@graphcommerce/typescript-config-pwa/nextjs.json",
+}