@vctrl/hooks 0.0.9 → 0.1.1

package/src/use-load-model/use-load-model.ts

@@ -1,111 +0,0 @@
-import { useReducer, useCallback, useRef, useEffect } from 'react';
-
-import { ModelFileTypes, InputFileOrDirectory } from './types';
-import { useLoadBinary, useLoadGltf } from './file-type-hooks';
-import { readDirectory } from './utils';
-
-import eventSystem from './event-system';
-import reducer, { initialState } from './state';
-
-function useLoadModel() {
-  const uploadCompleteRef = useRef(false);
-  const [state, dispatch] = useReducer(reducer, initialState);
-
-  const { loadGltf } = useLoadGltf(dispatch);
-  const { loadBinary } = useLoadBinary(dispatch);
-
-  const getFileOfType = useCallback(
-    (files: File[], fileType: ModelFileTypes) =>
-      files.find((file) => file.name.endsWith('.' + fileType)),
-    [],
-  );
-
-  const updateProgress = useCallback((progress: number) => {
-    dispatch({ type: 'SET_PROGRESS', payload: progress });
-    eventSystem.emit('UPLOAD_PROGRESS', progress);
-  }, []);
-
-  const processFiles = useCallback(
-    (files: File[]) => {
-      if (files.length === 0) return;
-
-      dispatch({ type: 'SET_FILE_LOADING', payload: true });
-      updateProgress(0);
-      uploadCompleteRef.current = false;
-
-      const gltfFile = getFileOfType(files, ModelFileTypes.gltf);
-      const glbFile = getFileOfType(files, ModelFileTypes.glb);
-      const usdzFile = getFileOfType(files, ModelFileTypes.usdz);
-
-      const supportedFiles = [gltfFile, glbFile, usdzFile].filter(
-        Boolean,
-      ) as File[];
-
-      if (supportedFiles.length > 1) {
-        eventSystem.emit('MULTIPLE_3D_MODELS', supportedFiles);
-        return;
-      }
-
-      const otherFiles = files.filter(
-        (file) => file !== gltfFile && file !== glbFile && file !== usdzFile,
-      );
-
-      const updateFileProgress = (progress: number) => {
-        updateProgress(progress);
-
-        if (progress === 100) {
-          uploadCompleteRef.current = true;
-        }
-      };
-
-      if (gltfFile) {
-        loadGltf(gltfFile, otherFiles, updateFileProgress);
-      } else if (glbFile) {
-        loadBinary(glbFile, ModelFileTypes.glb, () => updateFileProgress(100));
-      } else if (usdzFile) {
-        loadBinary(usdzFile, ModelFileTypes.usdz, () =>
-          updateFileProgress(100),
-        );
-      } else {
-        eventSystem.emit('UNSUPPORTED_FILE_TYPE', files);
-        dispatch({ type: 'SET_FILE_LOADING', payload: false });
-        return;
-      }
-    },
-    [updateProgress, getFileOfType, loadGltf, loadBinary],
-  );
-
-  const handleFileUpload = useCallback(
-    async (filesOrDirectories: InputFileOrDirectory) => {
-      const allFiles: File[] = [];
-
-      for (const item of filesOrDirectories) {
-        if (item instanceof File) {
-          allFiles.push(item);
-        } else if ('kind' in item && item.kind === 'directory') {
-          const directoryFiles = await readDirectory(item);
-          allFiles.push(...directoryFiles);
-        }
-      }
-
-      processFiles(allFiles);
-    },
-    [processFiles],
-  );
-
-  useEffect(() => {
-    if (uploadCompleteRef.current && state.file) {
-      eventSystem.emit('UPLOAD_COMPLETE', state.file);
-      uploadCompleteRef.current = false;
-    }
-  }, [state.file]);
-
-  return {
-    ...state,
-    on: eventSystem.on,
-    off: eventSystem.off,
-    handleFileUpload,
-  };
-}
-
-export default useLoadModel;

package/src/use-load-model/utils/array-buffer-to-base64.ts

@@ -1,20 +0,0 @@
-// Helper function to convert ArrayBuffer to base64
-async function arrayBufferToBase64(arrayBuffer: ArrayBuffer) {
-  // Create a Blob from the ArrayBuffer
-  const blob = new Blob([arrayBuffer]);
-
-  // Use the FileReader to convert the Blob to a Base64 string
-  const reader = new FileReader();
-  return new Promise((resolve, reject) => {
-    reader.onloadend = () => {
-      if (!reader?.result) return;
-      // Extract the Base64 string from the data URL
-      const base64String = (reader?.result as string).split(',')[1];
-      resolve(base64String);
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(blob);
-  });
-}
-
-export default arrayBufferToBase64;

package/src/use-load-model/utils/read-directory.ts

@@ -1,31 +0,0 @@
-/**
- * Recursively reads a directory
- *
- * @param directoryHandle - The directory handle to read
- * @returns - An array of file objects
- */
-async function readDirectory(
-  directoryHandle: FileSystemDirectoryHandle,
-): Promise<File[]> {
-  const files: File[] = [];
-
-  async function* getFilesRecursively(
-    entry: FileSystemDirectoryHandle,
-  ): AsyncGenerator<File> {
-    for await (const [, handle] of entry) {
-      if (handle.kind === 'file') {
-        yield await (handle as FileSystemFileHandle).getFile();
-      } else if (handle.kind === 'directory') {
-        yield* getFilesRecursively(handle as FileSystemDirectoryHandle);
-      }
-    }
-  }
-
-  for await (const file of getFilesRecursively(directoryHandle)) {
-    files.push(file);
-  }
-
-  return files;
-}
-
-export default readDirectory;

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "lib": ["ESNext", "DOM", "DOM.Iterable", "DOM.AsyncIterable"],
-    "allowJs": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "types": ["vite/client"]
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json"
-}

package/tsconfig.lib.json

@@ -1,25 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "noEmit": true,
-    "isolatedModules": true,
-    "declaration": true,
-    "types": [
-      "node",
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts",
-      "vite/client"
-    ]
-  },
-  "exclude": [
-    "**/*.spec.ts",
-    "**/*.test.ts",
-    "**/*.spec.tsx",
-    "**/*.test.tsx",
-    "**/*.spec.js",
-    "**/*.test.js",
-    "**/*.spec.jsx",
-    "**/*.test.jsx"
-  ],
-  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
-}

package/vite.config.ts

@@ -1,59 +0,0 @@
-/// <reference types='vitest' />
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import dts from 'vite-plugin-dts';
-import * as path from 'path';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-
-export default defineConfig({
-  root: __dirname,
-  cacheDir: '../../node_modules/.vite/packages/@vctrl/hooks',
-
-  plugins: [
-    react(),
-    nxViteTsPaths(),
-    dts({
-      entryRoot: 'src',
-      tsconfigPath: path.join(__dirname, 'tsconfig.lib.json'),
-    }),
-  ],
-
-  // Uncomment this if you are using workers.
-  // worker: {
-  //  plugins: [ nxViteTsPaths() ],
-  // },
-
-  // Configuration for building your library.
-  // See: https://vitejs.dev/guide/build.html#library-mode
-  build: {
-    outDir: '../../dist/packages/@vctrl/hooks',
-    emptyOutDir: true,
-    reportCompressedSize: true,
-    commonjsOptions: {
-      transformMixedEsModules: true,
-    },
-    lib: {
-      entry: {
-        index: path.resolve(__dirname, 'src/index.ts'),
-        'use-load-model': path.resolve(
-          __dirname,
-          'src/use-load-model/index.ts',
-        ),
-      },
-      name: '@vctrl/hooks',
-      formats: ['es', 'cjs'],
-      fileName: (format, entry) => `${entry}.${format}.js`,
-    },
-
-    rollupOptions: {
-      // External packages that should not be bundled into your library.
-      external: ['react', 'react-dom', 'react/jsx-runtime'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-        },
-      },
-    },
-  },
-});