Merge pull request #1406 from rowyio/rc

Rc

.env.example

@@ -1,2 +1,2 @@
-REACT_APP_FIREBASE_PROJECT_ID=
-REACT_APP_FIREBASE_PROJECT_WEB_API_KEY=
+VITE_APP_FIREBASE_PROJECT_ID=
+VITE_APP_FIREBASE_PROJECT_WEB_API_KEY=

.github/workflows/deploy-preview.yml

@@ -6,8 +6,8 @@ on:
     # paths:
     # - "website/**"
 env:
-  REACT_APP_FIREBASE_PROJECT_ID: rowyio
-  REACT_APP_FIREBASE_PROJECT_WEB_API_KEY:
+  VITE_APP_FIREBASE_PROJECT_ID: rowyio
+  VITE_APP_FIREBASE_PROJECT_WEB_API_KEY:
     "${{ secrets.FIREBASE_WEB_API_KEY_TRYROWY }}"
   CI: ""
 jobs:

.gitignore

@@ -7,6 +7,7 @@
 
 # production
 /build
+/dist
 cloud_functions/functions/lib
 
 # firebase

CONTRIBUTING.md

@@ -17,16 +17,26 @@ Read the documentation on setting up your local development environment
 Read how to submit a pull request [here](https://docs.rowy.io/contributing).
 
 To get familiar with the project,
-[good first issues](https://github.com/rowyio/rowy/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) is a good place
-to start.
+[good first issues](https://github.com/rowyio/rowy/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22)
+is a good place to start.
 
 ## Working on existing issues
 
-
-
-Before you get started working on an [issue](https://github.com/rowyio/rowy/issues), please make sure to share that you are working on it by commenting on the issue and posting a message on #contributions channel in Rowy's [Discord](https://rowy.io/discord). The maintainers will then assign the issue to you after making sure any relevant information or context in addition is provided before you can start on the task.
-
-Once you are assigned a task, please provide periodic updates or share any questions or roadblocks on either discord or the Github issue, so that the commmunity or the project maintainers can provide you any feedback or guidance as needed. If you are inactive for more than 1-2 week on a issue that was assigned to you, then we will assume you have stopped working on it and we will unassign it from you - so that we can give a chance to others in the community to work on it.
+Before you get started working on an
+[issue](https://github.com/rowyio/rowy/issues), please make sure to share that
+you are working on it by commenting on the issue and posting a message on
+#contributions channel in Rowy's
+[Discord](https://discord.com/invite/fjBugmvzZP). The maintainers will then
+assign the issue to you after making sure any relevant information or context in
+addition is provided before you can start on the task.
+
+Once you are assigned a task, please provide periodic updates or share any
+questions or roadblocks on either discord or the Github issue, so that the
+commmunity or the project maintainers can provide you any feedback or guidance
+as needed. If you are inactive for more than 1-2 week on a issue that was
+assigned to you, then we will assume you have stopped working on it and we will
+unassign it from you - so that we can give a chance to others in the community
+to work on it.
 
 ## File a feature request
 
@@ -35,10 +45,9 @@ create a new issue using
 [Feature Request Template](https://github.com/rowyio/rowy/issues/new?assignees=&labels=&template=feature_request.md)
 to share your idea. If you are working on this to contribute to the project,
 then let others in the community and project maintainers know by posting on
-#contributions channel in Rowy's
-[Discord](https://rowy.io/discord). This allows others in the
-community and the maintainers a chance to provide feedback and guidance before
-you spend time working on it.
+#contributions channel in Rowy's [Discord](https://rowy.io/discord). This allows
+others in the community and the maintainers a chance to provide feedback and
+guidance before you spend time working on it.
 
 ## Report an issue
 

README.md

@@ -55,6 +55,7 @@ Low-code for Firebase and Google Cloud.
     </td>
     </tr>
 </table> -->
+
 https://user-images.githubusercontent.com/307298/157185793-f67511cd-7b7b-4229-9589-d7defbf7a63f.mp4
 
 <!-- <img width="85%" src="https://firebasestorage.googleapis.com/v0/b/rowyio.appspot.com/o/publicDemo%2FRowy%20Website%20Video%20GIF%20Small.gif?alt=media&token=3f699a8f-c1f2-4046-8ed5-e4ff66947cd8" />
@@ -98,8 +99,10 @@ https://user-images.githubusercontent.com/307298/157185793-f67511cd-7b7b-4229-95
 
 ## Quick guided install
 
-Set up Rowy on your Google Cloud Platform project with this easy deploy button. Your
-data and cloud functions stay on your own Firestore/GCP and is managed via a cloud run instance that operates exclusively on your GCP project. So we do do not access or store any of your data on Rowy.
+Set up Rowy on your Google Cloud Platform project with this easy deploy button.
+Your data and cloud functions stay on your own Firestore/GCP and is managed via
+a cloud run instance that operates exclusively on your GCP project. So we do do
+not access or store any of your data on Rowy.
 
 [<img width="200" alt="Guided quick start button" src="https://user-images.githubusercontent.com/307298/185548050-e9208fb6-fe53-4c84-bbfa-53c08e03c15f.png">](https://rowy.app/)
 
@@ -112,12 +115,17 @@ You can find the full documentation with how-to guides and templates
 
 ## Manual Install
 
-We recommend the [quick guided install](https://github.com/rowyio/rowy#quick-guided-install) option above. Manual install option is only recommended if you want to develop and contribute to the project. Follow this [guide](https://docs.rowy.io/setup/install#option-2-manual-install) for manual setup.
+We recommend the
+[quick guided install](https://github.com/rowyio/rowy#quick-guided-install)
+option above. Manual install option is only recommended if you want to develop
+and contribute to the project. Follow this
+[guide](https://docs.rowy.io/setup/install#option-2-manual-install) for manual
+setup.
 
 ## Roadmap
 
-[View our roadmap](https://roadmap.rowy.io/) on Rowy - Upvote,
-downvote, share your thoughts!
+[View our roadmap](https://roadmap.rowy.io/) on Rowy - Upvote, downvote, share
+your thoughts!
 
 If you'd like to propose a feature, submit an issue
 [here](https://github.com/rowyio/rowy/issues/new?assignees=&labels=&template=feature_request.md&title=).

createDotEnv.js

@@ -8,10 +8,10 @@ const main = (
 ) => {
   return fs.writeFileSync(
     ".env",
-    `REACT_APP_FIREBASE_PROJECT_ID = ${projectID}
-REACT_APP_FIREBASE_PROJECT_WEB_API_KEY = ${firebaseWebApiKey}
-REACT_APP_ALGOLIA_APP_ID = ${algoliaAppId}
-REACT_APP_ALGOLIA_SEARCH_API_KEY = ${algoliaSearhApiKey}`
+    `VITE_APP_FIREBASE_PROJECT_ID = ${projectID}
+VITE_APP_FIREBASE_PROJECT_WEB_API_KEY = ${firebaseWebApiKey}
+VITE_APP_ALGOLIA_APP_ID = ${algoliaAppId}
+VITE_APP_ALGOLIA_SEARCH_API_KEY = ${algoliaSearhApiKey}`
   );
 };
 

firebase.json

@@ -1,6 +1,6 @@
 {
   "hosting": {
-    "public": "build",
+    "public": "dist",
     "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
     "rewrites": [
       {

public/index.html → index.html

@@ -15,30 +15,30 @@
     <link
       rel="apple-touch-icon"
       sizes="180x180"
-      href="%PUBLIC_URL%/favicon/apple-touch-icon.png"
+      href="/favicon/apple-touch-icon.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="32x32"
-      href="%PUBLIC_URL%/favicon/favicon-32x32.png"
+      href="/favicon/favicon-32x32.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="16x16"
-      href="%PUBLIC_URL%/favicon/favicon-16x16.png"
+      href="/favicon/favicon-16x16.png"
     />
     <link
       rel="icon"
       type="image/svg+xml"
-      href="%PUBLIC_URL%/favicon/icon.svg"
+      href="/favicon/icon.svg"
       id="favicon-svg"
     />
-    <link rel="manifest" href="%PUBLIC_URL%/site.webmanifest" />
+    <link rel="manifest" href="/site.webmanifest" />
     <link
       rel="mask-icon"
-      href="%PUBLIC_URL%/favicon/safari-pinned-tab.svg"
+      href="/favicon/safari-pinned-tab.svg"
       color="#4200FF"
     />
     <meta name="msapplication-TileColor" content="#4200FF" />
@@ -47,13 +47,13 @@
       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%/manifest.json" />
+    <link rel="manifest" href="/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.
       Only files inside the `public` folder can be referenced from the HTML.
 
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      Unlike "/favicon.ico" or "favicon.ico", "/favicon.ico" will
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
@@ -87,7 +87,7 @@
       property="og:description"
       content="Build on the Google Cloud Platform in minutes. Manage Firestore data in a spreadsheet-like UI, write Cloud Functions effortlessly in the browser, and connect to third-party apps. Rowy is open source!"
     />
-    <meta property="og:image" content="%PUBLIC_URL%/static/meta.png" />
+    <meta property="og:image" content="/static/meta.png" />
 
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:url" content="https://rowy.io/" />
@@ -96,11 +96,12 @@
       property="twitter:description"
       content="Build on the Google Cloud Platform in minutes. Manage Firestore data in a spreadsheet-like UI, write Cloud Functions effortlessly in the browser, and connect to third-party apps. Rowy is open source!"
     />
-    <meta property="twitter:image" content="%PUBLIC_URL%/static/meta.png" />
+    <meta property="twitter:image" content="/static/meta.png" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

package.json

@@ -10,20 +10,23 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
+    "@json2csv/plainjs": "^7.0.1",
     "@mdi/js": "^6.6.96",
     "@monaco-editor/react": "^4.4.4",
     "@mui/icons-material": "^5.10.16",
     "@mui/lab": "^5.0.0-alpha.76",
     "@mui/material": "^5.10.16",
     "@mui/x-date-pickers": "^5.0.0-alpha.4",
-    "@rowy/form-builder": "^0.8.0",
+    "@rowy/form-builder": "^1.0.0",
     "@rowy/multiselect": "^0.4.1",
     "@tanstack/react-table": "^8.5.15",
     "@tinymce/tinymce-react": "^3",
     "@uiw/react-md-editor": "^3.14.1",
     "algoliasearch": "^4.13.1",
     "ansi-to-react": "^6.1.6",
     "buffer": "^6.0.3",
+    "colord": "^2.9.3",
     "compare-versions": "^4.1.3",
     "csv-parse": "^5.1.0",
     "date-fns": "^2.28.0",
@@ -33,21 +36,19 @@
     "firebaseui": "^6.0.1",
     "jotai": "^1.8.4",
     "json-stable-stringify-without-jsonify": "^1.0.1",
-    "json2csv": "^5.0.7",
     "jszip": "^3.10.0",
     "lodash-es": "^4.17.21",
     "match-sorter": "^6.3.1",
     "material-ui-popup-state": "^4.0.1",
     "mdi-material-ui": "^7.3.0",
-    "monaco-editor-auto-typings": "^0.4.0",
+    "monaco-editor-auto-typings": "^0.4.3",
     "notistack": "^2.0.4",
     "path-browserify": "^1.0.1",
     "pb-util": "^1.0.3",
     "quicktype-core": "^6.0.71",
     "react": "^18.2.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-color-palette": "^6.2.0",
-    "react-detect-offline": "^2.4.5",
     "react-div-100vh": "^0.7.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
@@ -62,29 +63,30 @@
     "react-markdown": "^8.0.3",
     "react-router-dom": "6.3.0",
     "react-router-hash-link": "^2.4.3",
-    "react-scripts": "^5.0.1",
     "react-usestateref": "^1.0.8",
     "react-virtual": "^2.10.4",
     "remark-gfm": "^3.0.1",
     "seedrandom": "^3.0.5",
     "stream-browserify": "^3.0.0",
+    "sucrase": "^3.32.0",
     "swr": "^1.3.0",
     "tinymce": "^5",
     "tss-react": "^4.4.4",
     "typescript": "^4.9.3",
     "use-algolia": "^1.5.3",
     "use-async-memo": "^1.2.4",
-    "use-debounce": "^8.0.0",
+    "use-debounce": "^9.0.4",
     "use-memo-value": "^1.0.1",
     "web-vitals": "^2.1.4",
     "workbox-webpack-plugin": "^6.5.4"
   },
   "scripts": {
-    "start": "cross-env PORT=7699 craco start",
-    "startWithEmulators": "cross-env PORT=7699 REACT_APP_FIREBASE_EMULATORS=true craco start",
+    "start": "vite --port 7699",
+    "startWithEmulators": "VITE_APP_FIREBASE_EMULATORS=true vite --port 7699",
     "emulators": "firebase emulators:start --only firestore,auth --import ./emulators/ --export-on-exit",
-    "test": "craco test --env ./src/test/custom-jest-env.js --verbose --detectOpenHandles",
-    "build": "craco build",
+    "test": "vitest",
+    "build": "tsc && cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build",
+    "preview": "vite preview --port 7699",
     "analyze": "source-map-explorer ./build/static/js/*.js",
     "prepare": "husky install",
     "env": "node createDotEnv",
@@ -154,7 +156,6 @@
     "@types/dompurify": "^2.3.3",
     "@types/file-saver": "^2.0.5",
     "@types/jest": "^27.4.1",
-    "@types/json2csv": "^5.0.3",
     "@types/lodash-es": "^4.17.6",
     "@types/node": "^17.0.23",
     "@types/react": "^18.0.25",
@@ -167,6 +168,8 @@
     "@types/seedrandom": "^3.0.2",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
     "craco-alias": "^3.0.1",
     "craco-swc": "^0.5.1",
     "cross-env": "^7.0.3",
@@ -176,14 +179,19 @@
     "eslint-plugin-local-rules": "^1.1.0",
     "eslint-plugin-no-relative-import-paths": "^1.2.0",
     "eslint-plugin-tsdoc": "^0.2.16",
+    "happy-dom": "^9.20.3",
     "husky": ">=7.0.4",
     "lint-staged": ">=12.3.7",
     "monaco-editor": "^0.33.0",
     "prettier": "^2.6.2",
     "raw-loader": "^4.0.2",
     "source-map-explorer": "^2.5.2",
     "ts-jest": "^28.0.2",
-    "typedoc": "^0.23.21"
+    "typedoc": "^0.23.21",
+    "vite": "^4.3.9",
+    "vite-plugin-svgr": "^3.2.0",
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^0.31.4"
   },
   "resolutions": {
     "@types/react": "^18"