find transformers install folder

app.py

@@ -15,6 +15,8 @@ from typing import Dict, List, Optional
 
 from flask import Flask, jsonify, render_template, request
 
+import transformers
+
 
 class TransformersTimelineParser:
     """Parser for extracting model release dates from Transformers documentation."""
@@ -736,7 +738,11 @@ class TransformersTimelineParser:
 
 # Initialize Flask app
 app = Flask(__name__)
-docs_dir = "/home/ubuntu/models_implem/transformers/docs/source/en/model_doc"
+# Dynamically find the transformers installation directory
+
+transformers_path = os.path.dirname(transformers.__file__)
+docs_dir = os.path.join(transformers_path, "..", "docs", "source", "en", "model_doc")
+docs_dir = os.path.abspath(docs_dir)
 parser = TransformersTimelineParser(docs_dir)
 
 
@@ -2176,14 +2182,14 @@ def create_timeline_template():
                     document.querySelectorAll('.timeline-label.expanded').forEach(otherLabel => {
                         if (otherLabel !== label) {
                             otherLabel.classList.remove('expanded');
-                            
+
                             // Restore compact content for other cards
                             setTimeout(() => {
                                 otherLabel.innerHTML = `
                                     <div class="model-title">${otherLabel.dataset.modelName}</div>
                                     <div class="timeline-date">${otherLabel.dataset.modelDate}</div>
                                 `;
-                                
+
                                 // Reset positioning after content change
                                 setTimeout(() => {
                                     otherLabel.style.top = '';
@@ -2203,16 +2209,16 @@ def create_timeline_template():
                         const containerRect = label.parentElement.getBoundingClientRect();
                         const currentTop = rect.top - containerRect.top;
                         const currentBottom = containerRect.bottom - rect.bottom;
-                        
+
                         // Determine if this is above or below axis
                         const isAboveAxis = positionClass.includes('above');
-                        
+
                         // Generate expanded content
                         const storedTasks = label.dataset.tasks ? JSON.parse(label.dataset.tasks) : [];
                         const formattedDescription = markdownToHtml(label.dataset.description);
-                        
+
                         // Format tasks for display with task-specific colors
-                        const tasksHtml = storedTasks && storedTasks.length > 0 ? 
+                        const tasksHtml = storedTasks && storedTasks.length > 0 ?
                             `<div class="model-tasks">
                                 <div class="tasks-label">Supported Tasks:</div>
                                 <div class="tasks-list">
@@ -2221,9 +2227,9 @@ def create_timeline_template():
                                         return `<span class="task-badge" style="background-color: ${taskColor}">${task.replace(/-/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase())}</span>`;
                                     }).join('')}
                                 </div>
-                            </div>` : 
+                            </div>` :
                             '<div class="model-tasks"><div class="tasks-label">No tasks available</div></div>';
-                        
+
                         // Set expanded content
                         label.innerHTML = `
                             <div class="model-title">${label.dataset.modelName}</div>
@@ -2240,27 +2246,27 @@ def create_timeline_template():
                                 Learn More →
                             </a>
                         `;
-                        
+
                         // Add expanded class
                         label.classList.add('expanded');
-                        
+
                         // Ensure this timeline item is on top
                         item.style.zIndex = '10000';
-                        
+
                         // Set positioning to keep the correct edge fixed (using pre-expansion position)
                         if (isAboveAxis) {
                             // Keep top edge fixed - set top position
                             label.style.bottom = 'auto';
                             label.style.top = currentTop + 'px';
                         } else {
-                            // Keep bottom edge fixed - set bottom position  
+                            // Keep bottom edge fixed - set bottom position
                             label.style.top = 'auto';
                             label.style.bottom = currentBottom + 'px';
                         }
                     } else {
                         // Contracting - remove expanded class first
                         label.classList.remove('expanded');
-                        
+
                         // Wait for CSS transition to start, then restore compact content
                         setTimeout(() => {
                             // Restore compact content
@@ -2268,7 +2274,7 @@ def create_timeline_template():
                                 <div class="model-title">${label.dataset.modelName}</div>
                                 <div class="timeline-date">${label.dataset.modelDate}</div>
                             `;
-                            
+
                             // Reset positioning after content change
                             setTimeout(() => {
                                 label.style.top = '';