React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Package.json for publish { "name": "gryd_avatar_sdk", "version": "0.0.19", "main": "src/main.jsx", "files": [ "src" ], "scripts": { "build": "babel src --out-dir dist --copy-files", "prepublishOnly": "npm run build" }, "dependencies": { "react": "^18.3.1", "react-dom": "^18.3.1" }, "devDependencies": { "@babel/cli": "^7.24.7", "@babel/preset-env": "^7.24.7", "@babel/preset-react": "^7.24.7" } }

Package,json for code previrew { "name": "webview_sdk", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "dependencies": { "react": "^18.3.1", "react-dom": "^18.3.1" }, "devDependencies": { "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", "@vitejs/plugin-react": "^4.3.1", "eslint": "^8.57.0", "eslint-plugin-react": "^7.34.2", "eslint-plugin-react-hooks": "^4.6.2", "eslint-plugin-react-refresh": "^0.4.7", "vite": "^5.3.1" } }

main.jsx for code preview

import React from 'react' import ReactDOM from 'react-dom/client' import App from './App.jsx' import './index.css'

ReactDOM.createRoot(document.getElementById('root')).render( <React.StrictMode> </React.StrictMode>, )

main.jsx for publish

import WebView from './Webview.jsx' export default WebView;

To publish the package in npm npm run build npm publish