npm - jsxc-react-hook - Versions diffs - 0.0.0 - Mend

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

@@ -0,0 +1,29 @@
+# jsxc-react-hook
+  [Jsxc](https://github.com/jsxc/jsxc) is a js/ts xmpp client, it support vedio/voice call. This is a react function version for JSXC. So you can use it in react application.
+## demo
+  when click 'show' button, it will show a jsxc instance
+  ![](public/demo.png)
+## usage
+ - import {Jsxc} from 'jsxc-react-hook'
+ - then copy public/jsxc.bundle.js(it changes according origin jsxc code) to you public folder which include entry html file, as demo example.
+## props
+  ```
+      boshUrl: string;
+      id: string; (jid)
+      pw: string; (password)
+      marginTop?: string; (defalut is 40px)
+      marginLeft?: string; (defalut is 40px)
+      marginBottom?: string; (defalut is 40px)
+      marginRight?: string; (defalut is 40px)
+      fullscreen?: boolean; (defalut is false)
+      jqueryUrl?: string;
+  ```
+## script
+- npm run dev: it will run a demo.
+- npm run build: it will build a lib according src source files.
+- !!!: you need install react-activation package. And add <Keepalvie> to arround the Jsxc component, so that it can work normally.:)

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

@@ -0,0 +1,36 @@
+{
+  "name": "jsxc-react-hook",
+  "private": false,
+  "main": "./dist/jsxc-react-hook.js",
+  "description": " This is a react function version for JSXC. So you can use it in react application.",
+  "keywords": "jsxc xmpp react-hooks ",
+  "version": "0.0.0",
+  "respository": "https://github.com/narutogo/jsxc-react-hook",
+  "type": "module",
+  "types": "./dist/Jsxc.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": " vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-activation": "^0.12.4",
+    "react-dom": "^18.2.0",
+    "vite-plugin-libcss": "^1.1.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.9.0"
+  }
+}

jsxc-react-hook 0.0.0