fix: netlify (#68)

* fix: netlify

* fix: netlify

* fix: netlify

* fix: netlify

* fix: netlify

* fix: netlify

* fix: netlify

.github/workflows/publish-package.yml

@@ -51,9 +51,16 @@ jobs:
         if: github.ref == 'refs/heads/master'
         run: npm run benchmark
 
-      - name: Release + Deploy
+      - name: Release + Publish package
         env:
           GITHUB_TOKEN: ${{ secrets.SEMANTIC_RELEASE_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           COVERALLS_REPO_TOKEN: ${{ secrets.COVERALLS_REPO_TOKEN }}
         run: npm run semantic-release:all
+
+      - name: Deploy to netlify
+        if: github.ref == 'refs/heads/master'
+        run: npm run netlify:deploy
+        env:
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}

benchmark/src/main.ts

@@ -15,7 +15,7 @@ export interface BenchmarkResult {
   runsSampled: number
 }
 
-const benchmarkResultPath = `${__dirname}/../../../../apps/web-app/src/assets/benchmarkResults.json`
+const benchmarkResultPath = `${__dirname}/../../../../web-app/src/assets/benchmarkResults.json`
 
 async function main() {
   const packageVersions: string[] = JSON.parse(execSync('npm view ss-search versions --json').toString())

package.json

@@ -3,16 +3,20 @@
   "version": "1.8.1",
   "license": "MIT",
   "repository": "https://github.com/yann510/ss-search",
+  "private": true,
+  "engines": {
+    "node": ">=18 <19"
+  },
   "scripts": {
     "format:all": "prettier --write --config .prettierrc \"**/*.{ts,tsx,js,json}\"",
     "lint:all": "nx run-many --target=lint --all",
     "test:all": "nx run-many --target=test --all",
     "build:all": "nx run-many --target=build --all",
     "semantic-release:all": "nx run-many --target=semantic-release --all",
     "benchmark": "nx run benchmark:build && node dist/benchmark/main.js",
-    "web-app:serve": "nx run web-app:serve"
+    "web-app:serve": "nx run web-app:serve",
+    "netlify:deploy": "netlify deploy --prod --dir=dist/web-app"
   },
-  "private": true,
   "dependencies": {
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
@@ -78,6 +82,7 @@
     "jest": "29.6.4",
     "jest-environment-jsdom": "29.6.4",
     "jest-environment-node": "^29.4.1",
+    "netlify": "13.1.10",
     "nx": "16.8.1",
     "nx-cloud": "latest",
     "prettier": "2.8.8",

apps/web-app/.eslintrc.json → web-app/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "extends": ["plugin:@nx/react", "../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {

apps/web-app/jest.config.ts → web-app/jest.config.ts

@@ -1,11 +1,11 @@
 /* eslint-disable */
 export default {
   displayName: 'web-app',
-  preset: '../../jest.preset.js',
+  preset: '../jest.preset.js',
   transform: {
     '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nx/react/plugins/jest',
     '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nx/react/babel'] }],
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
-  coverageDirectory: '../../coverage/apps/web-app',
+  coverageDirectory: '../coverage/web-app',
 }

apps/web-app/project.json → web-app/project.json

@@ -1,7 +1,7 @@
 {
   "name": "web-app",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "apps/web-app/src",
+  "$schema": "../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "web-app/src",
   "projectType": "application",
   "targets": {
     "build": {
@@ -10,11 +10,11 @@
       "defaultConfiguration": "production",
       "options": {
         "target": "web",
-        "outputPath": "dist/apps/web-app",
-        "main": "apps/web-app/src/main.tsx",
-        "tsConfig": "apps/web-app/tsconfig.app.json",
-        "rspackConfig": "apps/web-app/rspack.config.js",
-        "assets": ["apps/web-app/src/favicon.ico", "apps/web-app/src/assets"]
+        "outputPath": "dist/web-app",
+        "main": "web-app/src/main.tsx",
+        "tsConfig": "web-app/tsconfig.app.json",
+        "rspackConfig": "web-app/rspack.config.js",
+        "assets": ["web-app/src/favicon.ico", "web-app/src/assets"]
       },
       "configurations": {
         "development": {
@@ -43,14 +43,14 @@
       "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["apps/web-app/**/*.{ts,tsx,js,jsx}"]
+        "lintFilePatterns": ["web-app/**/*.{ts,tsx,js,jsx}"]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
-        "jestConfig": "apps/web-app/jest.config.ts",
+        "jestConfig": "web-app/jest.config.ts",
         "passWithNoTests": true
       },
       "configurations": {

apps/web-app/src/assets/index.html → web-app/src/assets/index.html

@@ -15,7 +15,7 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/apps/web-app/src/assets/manifest.jsonsrc/assets/manifest.json" />
+    <link rel="manifest" href="%PUBLIC_URL%/web-app/src/assets/manifest.jsonsrc/assets/manifest.json" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

apps/web-app/src/index.html → web-app/src/index.html

@@ -6,7 +6,7 @@
     <base href="/" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link rel="icon" type="image/x-icon" href='favicon.ico' />
   </head>
   <body>
     <div id="root"></div>

apps/web-app/src/pages/benchmark-page.tsx → web-app/src/pages/benchmark-page.tsx

@@ -17,11 +17,11 @@ import { CircularProgress } from '@mui/material'
 import lunr from 'lunr'
 import * as JsSearch from 'js-search'
 import { BackdropProgress } from '../components/backdrop-loader'
-import { indexDocuments, search, tokenize } from '@yann510/ss-search'
 import { makeStyles } from 'tss-react/mui'
 
 import fuzzysort from 'fuzzysort'
 import Flexsearch from 'flexsearch'
+import { indexDocuments, search, tokenize } from '@yann510/ss-search'
 
 interface BenchmarkResult {
   libraryName: string