jsrepo v3

src/constants/Information.ts

@@ -150,14 +150,6 @@ export const componentMetadata: ComponentMetadata = {
     docsUrl: 'https://vue-bits.dev/animations/noise',
     tags: []
   },
-  'Animations/PixelTrail': {
-    videoUrl: '/assets/videos/pixeltrail.webm',
-    description: 'Pixelated cursor trail emitting fading squares with retro digital feel.',
-    category: 'Animations',
-    name: 'PixelTrail',
-    docsUrl: 'https://vue-bits.dev/animations/pixel-trail',
-    tags: []
-  },
   'Animations/PixelTransition': {
     videoUrl: '/assets/videos/pixeltransition.webm',
     description: 'Pixel dissolve transition for content reveal on hover.',
@@ -222,6 +214,14 @@ export const componentMetadata: ComponentMetadata = {
     docsUrl: 'https://vue-bits.dev/animations/laser-flow',
     tags: []
   },
+  'Animations/CountUp': {
+    videoUrl: '/assets/videos/countup.webm',
+    description: 'Animated number counter supporting formatting and decimals.',
+    category: 'Animations',
+    name: 'CountUp',
+    docsUrl: 'https://vue-bits.dev/text-animations/count-up',
+    tags: []
+  },
 
   //! Text Animations -------------------------------------------------------------------------------------------------------------------------------
 
@@ -249,14 +249,6 @@ export const componentMetadata: ComponentMetadata = {
     docsUrl: 'https://vue-bits.dev/text-animations/circular-text',
     tags: []
   },
-  'TextAnimations/CountUp': {
-    videoUrl: '/assets/videos/countup.webm',
-    description: 'Animated number counter supporting formatting and decimals.',
-    category: 'TextAnimations',
-    name: 'CountUp',
-    docsUrl: 'https://vue-bits.dev/text-animations/count-up',
-    tags: []
-  },
   'TextAnimations/CurvedLoop': {
     videoUrl: '/assets/videos/curvedloop.webm',
     description: 'Flowing looping text path along a customizable curve with drag interaction.',
@@ -313,12 +305,12 @@ export const componentMetadata: ComponentMetadata = {
     docsUrl: 'https://vue-bits.dev/text-animations/rotating-text',
     tags: []
   },
-  'TextAnimations/ScrambledText': {
+  'TextAnimations/ScrambleText': {
     videoUrl: '/assets/videos/scrambledtext.webm',
     description: 'Detects cursor position and applies a distortion effect to text.',
     category: 'TextAnimations',
-    name: 'ScrambledText',
-    docsUrl: 'https://vue-bits.dev/text-animations/scrambled-text',
+    name: 'ScrambleText',
+    docsUrl: 'https://vue-bits.dev/text-animations/scramble-text',
     tags: []
   },
   'TextAnimations/ScrollFloat': {
@@ -401,14 +393,6 @@ export const componentMetadata: ComponentMetadata = {
     docsUrl: 'https://vue-bits.dev/text-animations/variable-proximity',
     tags: []
   },
-  'TextAnimations/Shuffle': {
-    videoUrl: '/assets/videos/shuffle.webm',
-    description: 'Animated text reveal where characters shuffle before settling.',
-    category: 'TextAnimations',
-    name: 'Shuffle',
-    docsUrl: 'https://vue-bits.dev/text-animations/shuffle',
-    tags: []
-  },
 
   //! Components -------------------------------------------------------------------------------------------------------------------------------
   'Components/AnimatedList': {
@@ -523,14 +507,6 @@ export const componentMetadata: ComponentMetadata = {
     docsUrl: 'https://vue-bits.dev/components/flowing-menu',
     tags: []
   },
-  'Components/FluidGlass': {
-    videoUrl: '/assets/videos/fluidglass.webm',
-    description: 'Glassmorphism container with animated liquid distortion refraction.',
-    category: 'Components',
-    name: 'FluidGlass',
-    docsUrl: 'https://vue-bits.dev/components/fluid-glass',
-    tags: []
-  },
   'Components/FlyingPosters': {
     videoUrl: '/assets/videos/flyingposters.webm',
     description: '3D posters rotate on scroll infinitely.',
@@ -587,14 +563,6 @@ export const componentMetadata: ComponentMetadata = {
     docsUrl: 'https://vue-bits.dev/components/infinite-scroll',
     tags: []
   },
-  'Components/Lanyard': {
-    videoUrl: '/assets/videos/lanyard.webm',
-    description: 'Swinging 3D lanyard / badge card with realistic inertial motion.',
-    category: 'Components',
-    name: 'Lanyard',
-    docsUrl: 'https://vue-bits.dev/components/lanyard',
-    tags: []
-  },
   'Components/MagicBento': {
     videoUrl: '/assets/videos/magicbento.webm',
     description: 'Interactive bento grid tiles expand + animate with various options.',
@@ -611,14 +579,6 @@ export const componentMetadata: ComponentMetadata = {
     docsUrl: 'https://vue-bits.dev/components/masonry',
     tags: []
   },
-  'Components/ModelViewer': {
-    videoUrl: '/assets/videos/modelviewer.webm',
-    description: 'Three.js model viewer with orbit controls and lighting presets.',
-    category: 'Components',
-    name: 'ModelViewer',
-    docsUrl: 'https://vue-bits.dev/components/model-viewer',
-    tags: []
-  },
   'Components/PillNav': {
     videoUrl: '/assets/videos/pillnav.webm',
     description: 'Minimal pill nav with sliding active highlight + smooth easing.',

src/types/code.ts

@@ -14,9 +14,9 @@ export interface CodeObjectInput {
 }
 
 export function createCodeObject(code: string, path: string, data: CodeObjectInput): CodeObject {
-  const [category, componentName] = path.split('/');
+  const [, componentName] = path.split('/');
   return {
-    cli: `npx jsrepo add https://vue-bits.dev/ui/${category}/${componentName}`,
+    cli: `npx jsrepo@latest add https://vue-bits.dev/r/${componentName}`,
     ...(data.installation && { installation: data.installation }),
     ...(data.usage && { usage: data.usage }),
     code,