Rewrite to Vite

kontent-ai · Mar 28, 2024 · 7000a8a · 7000a8a
1 parent 8f2a7af
commit 7000a8a
Show file tree

Hide file tree

Showing 16 changed files with 2,858 additions and 13,615 deletions.
diff --git a/.env b/.env
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,23 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    "@kontent-ai",
+    "@kontent-ai/eslint-config/react",
+  ],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: [
+      "tsconfig.json",
+      "tsconfig.node.json",
+    ],
+  },
+  plugins: ["react-refresh"],
+  rules: {
+    "react-refresh/only-export-components": [
+      "warn",
+      { allowConstantExport: true },
+    ],
+  },
+};
diff --git a/.gitignore b/.gitignore
@@ -1,12 +1,12 @@
 .DS_Store
 node_modules
-/dist
 
 # testing
 /coverage
 
 # production
-/build
+dist
+dist-ssr
 
 # local env files
 .env.local

diff --git a/README.md b/README.md
@@ -51,7 +51,7 @@ Netlify has made this easy. If you click the deploy button below, it will guide
 
 ### Running manually
 
-The integration is created with [Create React App](https://create-react-app.dev/). First you will need to install npm dependencies with `npm install`. Then use `npm run build` to build the integration or `npm run start` to start a local development server. See https://create-react-app.dev/docs/available-scripts for more scripts.
+The integration is created with [Vite](https://vitejs.dev/). First you will need to install npm dependencies with `npm ci`. Then use `npm run build` to build the integration or `npm run dev` to start a local development server.
 
 ## Cloudinary setup
 

diff --git a/index.html b/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Cloudinary Asset Selector</title>
+    <!-- kontent.ai styling -->
+    <link rel="stylesheet" type="text/css" href="/kontent-ai-app-styles.css">
+    <!-- kontent.ai custom elements api-->
+    <script src="https://app.kontent.ai/js-api/custom-element/v1/custom-element.min.js"></script>
+    <script src="https://media-library.cloudinary.com/global/all.js"></script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>