added config for gh-pages, fixed a couple of bugs

.github/FUNDING.yml

@@ -0,0 +1 @@
+github: sereneinserenade

.github/workflows/build.yaml

@@ -0,0 +1,43 @@
+name: Shipp it baby
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build-and-deploy:
+    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v3
+
+      - name: Setup Node 18
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+
+      - name: Gimme node_modules Cache
+        working-directory: react-demo
+        uses: actions/cache@v3
+        id: gimme_cache
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-modules-${{ hashFiles('**/package-lock.json') }}
+
+      - name: Install dependencies
+        working-directory: react-demo
+        if: steps.gimme_cache.outputs.cache-hit == false
+        run: npm install
+
+      - name: Build 🔧
+        working-directory: react-demo
+        run: npm run build
+
+      - name: Deploy 🚀
+        working-directory: react-demo
+        uses: JamesIves/github-pages-deploy-action@v4.3.0
+        with:
+          branch: gh-pages # The branch the action should deploy to.
+          folder: dist # The folder the action should deploy.

README.md

@@ -56,3 +56,5 @@ const editor = new Editor(
   color: #999;
 }
 ```
+
+

react-demo/.eslintrc.cjs

@@ -6,7 +6,7 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  ignorePatterns: ['dist', '.eslintrc.cjs', '..'],
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {

react-demo/vite.config.ts

@@ -1,13 +1,14 @@
-import path from "path"
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import path from "path";
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   plugins: [react()],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
     },
   },
-})
+  base: mode === "production" ? "/tiptap-inline-suggestion/" : "/",
+}));

src/inlineSuggestion.ts

@@ -35,17 +35,6 @@ export interface InlineSuggestionStorage {
   };
 }
 
-const chunkString = (str: string): string[] => {
-  const words = str.split(" ");
-  const chunks = [];
-
-  for (let i = 0; i < words.length; i += 5) {
-    chunks.push(words.slice(i, i + 5).join(" "));
-  }
-
-  return chunks;
-};
-
 export const InlineSuggestion = Extension.create<
   InlineSuggestionOptions,
   InlineSuggestionStorage
@@ -54,7 +43,7 @@ export const InlineSuggestion = Extension.create<
 
   addOptions() {
     return {
-      fetchAutocompletion: async (existingText: string) => {
+      fetchAutocompletion: async () => {
         const message =
           "[@sereneinserenade/tiptap-inline-suggestions] Please add a fetchSuggestion function to fetch suggestions from.";
 
@@ -80,7 +69,7 @@ export const InlineSuggestion = Extension.create<
             return chain()
               .command(() => {
                 const chunkifiedSuggestion =
-                  this.storage.data.currentSuggestion.split("");
+                  this.storage.data.currentSuggestion!.split("");
 
                 this.storage.data = {};
 
@@ -166,7 +155,7 @@ export const InlineSuggestion = Extension.create<
           decorations(state) {
             return this.getState(state);
           },
-          handleKeyDown(view, event) {
+          handleKeyDown(_, event) {
             if (event.key === "Tab") {
               event.preventDefault();