@webspatial/react-sdk 0.0.0

package/dist/jsx/jsx-shared.d.ts

@@ -0,0 +1,6 @@
+import { JSXSource } from 'react/jsx-dev-runtime';
+export declare function replaceToSpatialPrimitiveType(type: React.ElementType, props: unknown): any;
+export declare function jsxs(type: React.ElementType, props: unknown, key?: React.Key): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare function jsx(type: React.ElementType, props: unknown, key?: React.Key): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare function jsxDEV(type: React.ElementType, props: unknown, key: React.Key, isStatic: boolean, source?: JSXSource, self?: unknown): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=jsx-shared.d.ts.map

package/dist/jsx/jsx-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-shared.d.ts","sourceRoot":"","sources":["../../src/jsx/jsx-shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAQpE,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,KAAK,EAAE,OAAO,OAwBf;AAED,wBAAgB,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,0FAG5E;AAED,wBAAgB,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,0FAG3E;AAED,wBAAgB,MAAM,CACpB,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,QAAQ,EAAE,OAAO,EACjB,MAAM,CAAC,EAAE,SAAS,EAClB,IAAI,CAAC,EAAE,OAAO,0FAIf"}

package/dist/jsx/spatialPolyfill.d.ts

@@ -0,0 +1,2 @@
+export declare function spatialPolyfill(): void;
+//# sourceMappingURL=spatialPolyfill.d.ts.map

package/dist/jsx/spatialPolyfill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatialPolyfill.d.ts","sourceRoot":"","sources":["../../src/jsx/spatialPolyfill.ts"],"names":[],"mappings":"AAiNA,wBAAgB,eAAe,SAW9B"}

package/npm/index.d.ts

@@ -0,0 +1 @@
+export * from '../dist/cjs/default/index.d.ts'

package/npm/index.js

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.XR_ENV === 'web') {
+  module.exports = require('../dist/cjs/web/index.js')
+} else {
+  module.exports = require('../dist/cjs/default/index.js')
+}

package/npm/plugin/esbuild.js

@@ -0,0 +1,12 @@
+const { definePlugin } = require('esbuild-plugin-define')
+
+const injectEnvPlugin = () => {
+  return definePlugin({
+    process: {
+      env: {
+        XR_ENV: process.env.XR_ENV,
+      },
+    },
+  })
+}
+module.exports = injectEnvPlugin

package/npm/plugin/rollup.js

@@ -0,0 +1,8 @@
+export default function injectProcessEnv() {
+  return {
+    name: 'rollup-plugin-inject-env',
+    define: {
+      'process.env.XR_ENV': JSON.stringify(process.env.XR_ENV || ''),
+    },
+  }
+}

package/npm/plugin/shared.js

@@ -0,0 +1,9 @@
+const infix = 'avp'
+function getEnv() {
+  const env = process.env.XR_ENV || ''
+  return env
+}
+module.exports = {
+  getEnv,
+  infix,
+}

package/npm/plugin/vite.js

@@ -0,0 +1,85 @@
+const path = require('path')
+const fs = require('fs')
+const { getEnv, infix } = require('./shared')
+
+function injectProcessEnv() {
+  return {
+    name: 'vite-plugin-inject-env',
+    config: () => {
+      const xrEnv = getEnv()
+      const output =
+        xrEnv !== 'web'
+          ? {
+              entryFileNames: `assets/[name]-[hash].${infix}.js`, // no share js entry
+              chunkFileNames: `assets/[name]-[hash].${infix}.js`, // no share js chunk
+              assetFileNames: 'assets/[name]-[hash][extname]', // shared css image
+            }
+          : {}
+
+      return {
+        define: {
+          'process.env.XR_ENV': JSON.stringify(xrEnv),
+          'import.meta.env.XR_ENV': JSON.stringify(xrEnv), // visible in development
+        },
+        build: {
+          emptyOutDir: xrEnv === 'web', // keep dist folder
+          rollupOptions: { output },
+          commonjsOptions: {
+            include: [/@webspatial\/react-sdk\/.*/, /node_modules/],
+          },
+        },
+        optimizeDeps: {
+          force: true, // ignore cache
+          include: [
+            '@webspatial/react-sdk',
+            '@webspatial/react-sdk/jsx-dev-runtime',
+            '@webspatial/react-sdk/jsx-runtime',
+            '@webspatial/core-sdk',
+            // force to use prebuild package completely
+            // hybrid cjs&esm will cause the static variable like requestCounter be reset
+          ], // prebuild cjs to esm
+        },
+      }
+    },
+    renderStart(outputOptions) {
+      // rename index.html to index.avp.html
+      const xrEnv = getEnv()
+      if (xrEnv === 'web') {
+        return
+      }
+
+      const outDir = outputOptions.dir || 'dist'
+      const indexPath = path.resolve(outDir, 'index.html')
+      const tempIndexPath = path.resolve(outDir, 'index.html.tmp')
+
+      if (fs.existsSync(indexPath)) {
+        fs.renameSync(indexPath, tempIndexPath)
+        console.log(
+          `[Build Start] Renamed existing index.html to ${tempIndexPath}`,
+        )
+      }
+    },
+    writeBundle(outputOptions) {
+      const xrEnv = getEnv()
+      if (xrEnv === 'web') {
+        return
+      }
+      const outDir = outputOptions.dir || 'dist'
+      const indexHtmlPath = path.resolve(outDir, 'index.html')
+      const tempIndexPath = path.resolve(outDir, 'index.html.tmp')
+      const newHtmlPath = path.resolve(outDir, 'index.avp.html')
+
+      if (fs.existsSync(indexHtmlPath)) {
+        fs.renameSync(indexHtmlPath, newHtmlPath)
+        console.log(`Renamed index.html to ${newHtmlPath}`)
+      }
+
+      // recover index.html.tmp to index.html
+      if (fs.existsSync(tempIndexPath)) {
+        fs.renameSync(tempIndexPath, indexHtmlPath)
+        console.log(`Renamed ${tempIndexPath} back to index.html`)
+      }
+    },
+  }
+}
+module.exports = injectProcessEnv

package/npm/plugin/webpack.js

@@ -0,0 +1,9 @@
+const webpack = require('webpack')
+
+module.exports = {
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.XR_ENV': JSON.stringify(process.env.XR_ENV || ''),
+    }),
+  ],
+}

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@webspatial/react-sdk",
+  "version": "0.0.0",
+  "description": "",
+  "main": "npm/index.js",
+  "types": "npm/index.d.ts",
+  "exports": {
+    ".": "./npm/index.js",
+    "./default": "./dist/cjs/default/index.js",
+    "./web": "./dist/cjs/web/index.js",
+    "./plugin-esbuild.js": "./npm/plugin/esbuild.js",
+    "./plugin-vite.js": "./npm/plugin/vite.js",
+    "./plugin-rollup.js": "./npm/plugin/rollup.js",
+    "./plugin-webpack.js": "./npm/plugin/webpack.js",
+    "./jsx-runtime": "./dist/jsx/jsx-runtime.js",
+    "./jsx-dev-runtime": "./dist/jsx/jsx-dev-runtime.js"
+  },
+  "files": [
+    "dist",
+    "npm"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webspatial/webspatial-sdk.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/webspatial/webspatial-sdk/issues"
+  },
+  "homepage": "https://github.com/webspatial/webspatial-sdk#readme",
+  "dependencies": {
+    "@google/model-viewer": "^4.0.0",
+    "@types/three": "^0.170.0",
+    "lodash.isequal": "^4.5.0",
+    "loglevel": "^1.9.1",
+    "three": "^0.170.0",
+    "@webspatial/react-sdk": "0.0.0",
+    "@webspatial/core-sdk": "0.0.1"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/hast": "^3.0.4",
+    "@types/lodash": "^4.17.13",
+    "@types/lodash.isequal": "^4.5.8",
+    "@types/node": "^22.5.5",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/unist": "^3.0.2",
+    "esbuild": "^0.23.1",
+    "esbuild-plugin-d.ts": "^1.3.1",
+    "esbuild-plugin-define": "^0.5.0",
+    "tiny-glob": "^0.2.9",
+    "typedoc": "^0.26.5",
+    "typedoc-plugin-markdown": "^4.2.2",
+    "typescript": "^5.5.4",
+    "webpack": "^5.98.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "node esbuild.mjs --watch",
+    "build": "node esbuild.mjs",
+    "start": "npm run dev",
+    "format": "npx prettier --write 'src/**/*.ts' 'src/**/*.tsx' || true"
+  }
+}