devrnt · devrnt · Feb 8, 2025 · Feb 8, 2025 · Feb 8, 2025 · Feb 8, 2025
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -17,8 +17,10 @@ Steps to reproduce the behavior:
 3. Scroll down to '....'
 4. See error
 
-**Codesandbox link**
-Include a codesandox will help us to investigate the issue quicker.
+**StackBlitz link**
+Include a StackBLitz will help us to investigate the issue quicker.  
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz_small.svg)](https://stackblitz.com/fork/github/devrnt/react-use-intercom/)
 
 **Expected behavior**
 A clear and concise description of what you expected to happen.

diff --git a/.npmrc b/.npmrc
@@ -1,2 +1,4 @@
 auto-install-peers = true
 node-linker=hoisted
+# This allows us to use workspace packages if available, otherwise pull from the remote registry
+link-workspace-packages = true
diff --git a/apps/examples/README.md b/apps/examples/README.md
@@ -0,0 +1,5 @@
+# Examples
+
+* [gatsby](https://stackblitz.com/github/devrnt/react-use-intercom/tree/main/apps/examples/gatsby)
+* [nextjs-page-router](https://stackblitz.com/github/devrnt/react-use-intercom/tree/main/apps/examples/nextjs-page-router)
+* [nextjs-app-router](https://stackblitz.com/github/devrnt/react-use-intercom/tree/main/apps/examples/nextjs-app-router)
diff --git a/apps/examples/gatsby/package.json b/apps/examples/gatsby/package.json
@@ -16,6 +16,6 @@
     "gatsby": "^5.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-use-intercom": "workspace:*"
+    "react-use-intercom": "*"
   }
 }
diff --git a/apps/examples/gatsby/sandbox.config.json b/apps/examples/gatsby/sandbox.config.json
diff --git a/apps/examples/nextjs/.gitignore → apps/examples/nextjs-app-router/.gitignore b/apps/examples/nextjs/.gitignore → apps/examples/nextjs-app-router/.gitignore
diff --git a/apps/examples/nextjs-app-router/README.md b/apps/examples/nextjs-app-router/README.md
@@ -0,0 +1,3 @@
+# react-use-intercom in NextJS (App Router)
+
+Replace `INTERCOM_APP_ID` with your Intercom app id.
diff --git a/apps/examples/nextjs-app-router/app/intercom.jsx b/apps/examples/nextjs-app-router/app/intercom.jsx
@@ -0,0 +1,17 @@
+'use client';
+
+import { IntercomProvider } from 'react-use-intercom';
+
+const INTERCOM_APP_ID = 'jcabc7e3';
+
+export function OurIntercomProvider({ children }) {
+  return (
+    <html lang="en">
+      <body>
+        <IntercomProvider appId={INTERCOM_APP_ID}>
+          {children}
+        </IntercomProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/apps/examples/nextjs-app-router/app/layout.jsx b/apps/examples/nextjs-app-router/app/layout.jsx
@@ -0,0 +1,13 @@
+import { OurIntercomProvider } from './intercom';
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>
+        <OurIntercomProvider>
+          {children}
+        </OurIntercomProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/apps/examples/nextjs-app-router/app/page.jsx b/apps/examples/nextjs-app-router/app/page.jsx
@@ -0,0 +1,13 @@
+'use client';
+
+import { useIntercom } from "react-use-intercom";
+
+export default function Home() {
+  const { boot } = useIntercom();
+
+  return (
+    <main>
+      <button onClick={() => boot()}>Boot</button>
+    </main>
+  );
+}
diff --git a/apps/examples/nextjs-app-router/package.json b/apps/examples/nextjs-app-router/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "nextjs-app-router-example",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --port 3001",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "^14.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-use-intercom": "*"
+  }
+}
diff --git a/apps/examples/nextjs-page-router/.gitignore b/apps/examples/nextjs-page-router/.gitignore
@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
diff --git a/apps/examples/nextjs/README.md → apps/examples/nextjs-page-router/README.md b/apps/examples/nextjs/README.md → apps/examples/nextjs-page-router/README.md
@@ -1,3 +1,3 @@
-# react-use-intercom in NextJS
+# react-use-intercom in NextJS (Page Router) 
 
 Replace `INTERCOM_APP_ID` with your Intercom app id.
diff --git a/apps/examples/nextjs/package.json → .../examples/nextjs-page-router/package.json b/apps/examples/nextjs/package.json → .../examples/nextjs-page-router/package.json
@@ -1,6 +1,6 @@
 {
   "private": true,
-  "name": "nextjs-example",
+  "name": "nextjs-page-router-example",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -10,6 +10,6 @@
     "next": "13.4.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-use-intercom": "workspace:*"
+    "react-use-intercom": "*"
   }
 }
diff --git a/apps/examples/nextjs/pages/_app.js → ...examples/nextjs-page-router/pages/_app.js b/apps/examples/nextjs/pages/_app.js → ...examples/nextjs-page-router/pages/_app.js
diff --git a/apps/examples/nextjs/pages/api/hello.js → ...les/nextjs-page-router/pages/api/hello.js b/apps/examples/nextjs/pages/api/hello.js → ...les/nextjs-page-router/pages/api/hello.js
diff --git a/apps/examples/nextjs/pages/index.js → ...xamples/nextjs-page-router/pages/index.js b/apps/examples/nextjs/pages/index.js → ...xamples/nextjs-page-router/pages/index.js
diff --git a/apps/examples/nextjs/public/favicon.ico → ...les/nextjs-page-router/public/favicon.ico b/apps/examples/nextjs/public/favicon.ico → ...les/nextjs-page-router/public/favicon.ico
diff --git a/apps/examples/nextjs/public/vercel.svg → ...ples/nextjs-page-router/public/vercel.svg b/apps/examples/nextjs/public/vercel.svg → ...ples/nextjs-page-router/public/vercel.svg
diff --git a/apps/examples/nextjs/styles/Home.module.css → ...nextjs-page-router/styles/Home.module.css b/apps/examples/nextjs/styles/Home.module.css → ...nextjs-page-router/styles/Home.module.css
diff --git a/apps/examples/nextjs/styles/globals.css → ...les/nextjs-page-router/styles/globals.css b/apps/examples/nextjs/styles/globals.css → ...les/nextjs-page-router/styles/globals.css
diff --git a/apps/examples/nextjs/sandbox.config.json b/apps/examples/nextjs/sandbox.config.json
diff --git a/apps/playground/cypress/e2e/update.ts b/apps/playground/cypress/e2e/update.ts
@@ -18,6 +18,5 @@ describe('update', () => {
       app_id: 'jcabc7e3',
       name: 'ponas',
     });
-    cy.get('.intercom-lightweight-app-launcher-icon-open').should('not.exist');
   });
 });
diff --git a/apps/playground/cypress/e2e/visitorId.ts b/apps/playground/cypress/e2e/visitorId.ts
@@ -22,11 +22,8 @@ describe('getVisitorId', () => {
     cy.get('[data-cy=boot]').click();
     cy.wait('@intercomPing');
 
-    // FIXME: something goes wrong here in the pipeline
-    cy.get('button[data-cy="visitorId"]').click({ timeout: 10000 });
+    cy.get('button[data-cy="visitorId"]').click();
 
-    cy.wait(10000);
-
-    cy.get('p[data-cy="visitorIdValue"]', { timeout: 10000 }).should('exist');
+    cy.get('p[data-cy="visitorIdValue"]').should('exist');
   });
 });
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		# react-use-intercom in NextJS (App Router)

		Replace `INTERCOM_APP_ID` with your Intercom app id.