Spaces:

Vokturz
/

transformers-js-playground

Running

App Files Files Community

Vokturz commited on Aug 1

Commit

e19d3ef

1 Parent(s): 5541427

Clean up project dependencies and assets

Browse files

Files changed (9) hide show

index.html +1 -2
package.json +0 -20
pnpm-lock.yaml +0 -23
postcss.config.mjs +0 -5
public/logo192.png +0 -0
public/logo512.png +0 -0
src/components/Modal.tsx +1 -1
src/components/ModelSelector.tsx +1 -1
src/components/Sidebar.tsx +2 -2

index.html CHANGED Viewed

@@ -2,11 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="description" content="" />
-    <link rel="apple-touch-icon" href="/logo192.png" />
     <link rel="manifest" href="/manifest.json" />
     <title>Transformers.js Playground</title>

 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <link rel="icon" href="/public/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="description" content="" />
     <link rel="manifest" href="/manifest.json" />
     <title>Transformers.js Playground</title>

package.json CHANGED Viewed

@@ -5,7 +5,6 @@
   "private": true,
   "dependencies": {
     "@headlessui/react": "^2.2.4",
-    "@tailwindcss/postcss": "^4.1.11",
     "@tailwindcss/typography": "^0.5.16",
     "@tailwindcss/vite": "^4.1.11",
     "@testing-library/dom": "^10.4.0",
@@ -22,7 +21,6 @@
     "lodash": "^4.17.21",
     "lucide-react": "^0.525.0",
     "path-browserify": "^1.0.1",
-    "postcss": "^8.5.6",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-markdown": "^10.1.0",
@@ -38,24 +36,6 @@
     "build": "tsc && vite build",
     "serve": "vite preview"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "devDependencies": {
     "@types/lodash": "^4.17.20",
     "@types/react-syntax-highlighter": "^15.5.13",

   "private": true,
   "dependencies": {
     "@headlessui/react": "^2.2.4",
     "@tailwindcss/typography": "^0.5.16",
     "@tailwindcss/vite": "^4.1.11",
     "@testing-library/dom": "^10.4.0",
     "lodash": "^4.17.21",
     "lucide-react": "^0.525.0",
     "path-browserify": "^1.0.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-markdown": "^10.1.0",
     "build": "tsc && vite build",
     "serve": "vite preview"
   },
   "devDependencies": {
     "@types/lodash": "^4.17.20",
     "@types/react-syntax-highlighter": "^15.5.13",

pnpm-lock.yaml CHANGED Viewed

@@ -11,9 +11,6 @@ importers:
       '@headlessui/react':
         specifier: ^2.2.4
         version: 2.2.4([email protected]([email protected]))([email protected])
-      '@tailwindcss/postcss':
-        specifier: ^4.1.11
-        version: 4.1.11
       '@tailwindcss/typography':
         specifier: ^0.5.16
         version: 0.5.16([email protected])
@@ -62,9 +59,6 @@ importers:
       path-browserify:
         specifier: ^1.0.1
         version: 1.0.1
-      postcss:
-        specifier: ^8.5.6
-        version: 8.5.6
       react:
         specifier: ^19.1.0
         version: 19.1.0
@@ -114,10 +108,6 @@ packages:
   '@adobe/[email protected]':
     resolution: {integrity: sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==}
-  '@alloc/[email protected]':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
   '@ampproject/[email protected]':
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
@@ -797,9 +787,6 @@ packages:
     resolution: {integrity: sha512-Q69XzrtAhuyfHo+5/HMgr1lAiPP/G40OMFAnws7xcFEYqcypZmdW8eGXaOUIeOl1dzPJBPENXgbjsOyhg2nkrg==}
     engines: {node: '>= 10'}
-  '@tailwindcss/[email protected]':
-    resolution: {integrity: sha512-q/EAIIpF6WpLhKEuQSEVMZNMIY8KhWoAemZ9eylNAih9jxMGAYPPWBn3I9QL/2jZ+e7OEz/tZkX5HwbBR4HohA==}
   '@tailwindcss/[email protected]':
     resolution: {integrity: sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==}
     peerDependencies:
@@ -1954,8 +1941,6 @@ snapshots:
   '@adobe/[email protected]': {}
-  '@alloc/[email protected]': {}
   '@ampproject/[email protected]':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.12
@@ -2524,14 +2509,6 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.1.11
       '@tailwindcss/oxide-win32-x64-msvc': 4.1.11
-  '@tailwindcss/[email protected]':
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.1.11
-      '@tailwindcss/oxide': 4.1.11
-      postcss: 8.5.6
-      tailwindcss: 4.1.11
   '@tailwindcss/[email protected]([email protected])':
     dependencies:
       lodash.castarray: 4.4.0

       '@headlessui/react':
         specifier: ^2.2.4
         version: 2.2.4([email protected]([email protected]))([email protected])
       '@tailwindcss/typography':
         specifier: ^0.5.16
         version: 0.5.16([email protected])
       path-browserify:
         specifier: ^1.0.1
         version: 1.0.1
       react:
         specifier: ^19.1.0
         version: 19.1.0
   '@adobe/[email protected]':
     resolution: {integrity: sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==}
   '@ampproject/[email protected]':
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
     resolution: {integrity: sha512-Q69XzrtAhuyfHo+5/HMgr1lAiPP/G40OMFAnws7xcFEYqcypZmdW8eGXaOUIeOl1dzPJBPENXgbjsOyhg2nkrg==}
     engines: {node: '>= 10'}
   '@tailwindcss/[email protected]':
     resolution: {integrity: sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==}
     peerDependencies:
   '@adobe/[email protected]': {}
   '@ampproject/[email protected]':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.12
       '@tailwindcss/oxide-win32-arm64-msvc': 4.1.11
       '@tailwindcss/oxide-win32-x64-msvc': 4.1.11
   '@tailwindcss/[email protected]([email protected])':
     dependencies:
       lodash.castarray: 4.4.0

postcss.config.mjs DELETED Viewed

@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    '@tailwindcss/postcss': {}
-  }
-}

public/logo192.png DELETED Viewed

Binary file (5.35 kB)

public/logo512.png DELETED Viewed

Binary file (9.66 kB)

src/components/Modal.tsx CHANGED Viewed

@@ -63,7 +63,7 @@ const Modal: React.FC<ModalProps> = ({
     <div className="fixed inset-0 z-50 overflow-y-auto">
       {/* Backdrop */}
       <div
-        className="fixed inset-0 bg-black bg-opacity-50 transition-opacity"
         onClick={onClose}
       />

     <div className="fixed inset-0 z-50 overflow-y-auto">
       {/* Backdrop */}
       <div
+        className="fixed inset-0 bg-black opacity-50 transition-opacity"
         onClick={onClose}
       />

src/components/ModelSelector.tsx CHANGED Viewed

@@ -332,7 +332,7 @@ function ModelSelector() {
                         value={customModelName}
                         onChange={(e) => setCustomModelName(e.target.value)}
                         onKeyDown={handleCustomInputKeyPress}
-                        placeholder="Enter model name (e.g., Qwen/Qwen3-0.6B)"
                         className="flex-1 px-2 py-1 text-sm border border-gray-300 rounded-sm focus:outline-hidden focus:ring-1 focus:ring-blue-500"
                         autoFocus
                       />

                         value={customModelName}
                         onChange={(e) => setCustomModelName(e.target.value)}
                         onKeyDown={handleCustomInputKeyPress}
+                        placeholder="onnx-community/Qwen3-0.6B-ONNX"
                         className="flex-1 px-2 py-1 text-sm border border-gray-300 rounded-sm focus:outline-hidden focus:ring-1 focus:ring-blue-500"
                         autoFocus
                       />

src/components/Sidebar.tsx CHANGED Viewed

@@ -22,7 +22,7 @@ const Sidebar = ({ isOpen, onClose, setIsModalOpen }: SidebarProps) => {
       {/* Overlay */}
       {isOpen && (
         <div
-          className="fixed inset-0 bg-black bg-opacity-50 z-40 lg:hidden"
           onClick={onClose}
         />
       )}
@@ -79,7 +79,7 @@ const Sidebar = ({ isOpen, onClose, setIsModalOpen }: SidebarProps) => {
               <div className="mt-4 w-42">
                 <button
                   onClick={() => setIsModalOpen(true)}
-                  className="flex items-center w-full px-3 py-2 text-sm text-gray-600 bg-gray-50 rounded-lg border border-gray-200 hover:bg-gray-100 transition-colors"
                 >
                   <FileText className="w-4 h-4 mr-2 shrink-0" />
                   <span className="truncate">View README.md</span>

       {/* Overlay */}
       {isOpen && (
         <div
+          className="fixed inset-0 bg-black opacity-50 z-40 lg:hidden"
           onClick={onClose}
         />
       )}
               <div className="mt-4 w-42">
                 <button
                   onClick={() => setIsModalOpen(true)}
+                  className="flex items-center w-44 px-3 py-2 text-sm text-gray-600 bg-gray-50 rounded-lg border border-gray-200 hover:bg-gray-100 transition-colors"
                 >
                   <FileText className="w-4 h-4 mr-2 shrink-0" />
                   <span className="truncate">View README.md</span>