Add example vanilla TS app

Author: davidmyersdev

examples/react/package.json

@@ -3,7 +3,8 @@
   "type": "module",
   "scripts": {
     "build": "vite build",
-    "dev": "vite"
+    "dev": "vite",
+    "typecheck": "tsc"
   },
   "devDependencies": {
     "@tanstack/react-query": "^4.29.12",

examples/react/src/app.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import ReactDOM from 'react-dom/client';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+var queryClient = new QueryClient();
+function App() {
+    var _a = useState(0), count = _a[0], setCount = _a[1];
+    return (_jsxs("div", { className: 'App', children: [_jsx("h1", { children: "Example (React)" }), _jsx("p", { children: "The following app includes React Query DevTools (see below) to assert that this plugin does not conflict with it." }), _jsx("p", { children: "Here is a dynamic counter to test that React works as expected." }), _jsx("p", { children: _jsxs("button", { onClick: function () { return setCount(function (count) { return count + 1; }); }, children: ["count is ", count] }) }), _jsxs("p", { children: ["The following text is encoded and decoded with Buffer: ", Buffer.from('Hello!').toString()] })] }));
+}
+export var app = function () {
+    ReactDOM.createRoot(document.getElementById('react-app')).render(_jsx(React.StrictMode, { children: _jsxs(QueryClientProvider, { client: queryClient, children: [_jsx(App, {}), _jsx(ReactQueryDevtools, { initialIsOpen: true })] }) }));
+};

examples/react/src/main.js

@@ -0,0 +1,2 @@
+import { app } from './app';
+app();

examples/react/vite.config.js

@@ -0,0 +1,10 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [
+        nodePolyfills(),
+        react(),
+    ],
+});

test/index.html renamed to examples/vanilla/index.html

@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite",
+    "typecheck": "tsc"
+  },
+  "devDependencies": {
+    "@types/node": "^18.7.23",
+    "ohmyfetch": "^0.4.20",
+    "typescript": "^5.0.0",
+    "vite": "^4.0.0",
+    "vite-plugin-node-polyfills": "workspace:*"
+  }
+}

examples/vanilla/package.json

@@ -0,0 +1,14 @@
+import { Buffer } from 'node:buffer';
+import { resolve } from 'node:path';
+import * as process from 'node:process';
+import fs from 'node:fs';
+import { fetch } from 'ohmyfetch';
+console.log(fetch);
+console.log(resolve('.'));
+console.log(process);
+console.log(process.env);
+console.log(globalThis.Array);
+console.log(Buffer.from([0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff]).readBigUInt64BE(0));
+console.log(Buffer.from([0x62, 0x75, 0x66, 0x66, 0x65, 0x72]));
+console.log(Array);
+console.log(fs);

test/src/env.d.ts renamed to examples/vanilla/src/env.d.ts

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "Bundler"
+  }
+}