2024 Dec 30 : New updates

Signed-off-by: Milind Kamat <36366961+milindkamat0507@users.noreply.github.com>

app.py

@@ -346,96 +346,61 @@ class StreamlitTutorial:
 
     
     
-    
-    
     def get_input_elements(self) -> List[Tuple[str, str]]:
-        """
-        Enhanced collection of input widget examples with unique keys for each widget
-        """
+        """Cross-validated collection of input widgets with unique keys"""
         return [
-                ("Text Input", """name = st.text_input('Enter your name', 
-        placeholder='John Doe',
-        key='name_input_1')"""),
-                
-                ("Text Area", """text = st.text_area('Enter long text', 
-        height=100,
-        placeholder='Write something...',
-        key='text_area_1')"""),
-                
-                ("Number Input", """num = st.number_input('Enter a number',
-        min_value=0,
-        max_value=100,
-        value=50,
-        step=5,
-        key='num_input_1')"""),
-                
-                ("Slider", """value = st.slider('Select range',
-        min_value=0,
-        max_value=100,
-        value=(25, 75),
-        step=5,
-        key='slider_1')"""),
-                
-                ("Select Box", """option = st.selectbox('Choose an option',
-        options=['Option 1', 'Option 2', 'Option 3'],
-        index=0,
-        key='select_1')"""),
-                
-                ("Multi Select", """options = st.multiselect('Select multiple',
-        options=['A', 'B', 'C', 'D'],
-        default=['A', 'B'],
-        key='multiselect_1')"""),
-                
-                ("Checkbox", """if st.checkbox('Enable feature', 
-        value=False,
-        key='check_1'):
-            st.write('Feature enabled!')"""),
-                
-                ("Radio Button", """choice = st.radio('Pick one',
-        options=['First', 'Second', 'Third'],
-        horizontal=True,
-        key='radio_1')"""),
-                
-                ("Date Input", """date = st.date_input('Select date',
-        key='date_1')"""),
-                
-                ("Time Input", """time = st.time_input('Select time',
-        key='time_1')"""),
-                
-                ("Color Picker", """color = st.color_picker('Pick a color', 
-        '#00EEFF',
-        key='color_1')"""),
-                
-                ("File Uploader", """uploaded_file = st.file_uploader('Choose a file',
-        type=['csv', 'txt', 'pdf'],
-        key='file_1')""")
-            ]
+            ("Text Input", """st.text_input('Enter your name', 
+    key='input_example_1_a',
+    placeholder='John Doe')"""),
             
+            ("Text Area", """st.text_area('Enter long text',
+    key='area_example_1_b', 
+    height=100,
+    placeholder='Write something...')"""),
+            
+            ("Number Input", """st.number_input('Enter a number',
+    key='number_example_1_c',
+    min_value=0,
+    max_value=100,
+    value=50,
+    step=5)"""),
+            
+            ("Slider", """st.slider('Select value',
+    key='slider_example_1_d',
+    min_value=0,
+    max_value=100,
+    value=50,
+    step=5)"""),
+            
+            ("Select Box", """st.selectbox('Choose an option',
+    key='select_example_1_e',
+    options=['Option 1', 'Option 2', 'Option 3'],
+    index=0)""")
+        ]
+        
     
+            
+            
     def render_input_elements(self, col: st.delta_generator.DeltaGenerator) -> None:
-        """
-        Renders input widget examples in the specified column.
-        Displays code snippets with live output for each input widget.
-        Creates interactive learning environment for input elements.
-
-        Arguments:
-            col: Streamlit column object for content rendering
-
-        Returns:
-            None
-        """
+        """Cross-validated rendering method with proper key handling"""
         with col:
             st.markdown("### 📝 Code Examples")
-            for title, code in self.get_input_elements():
-                with st.container(border=True):
+            for idx, (title, code) in enumerate(self.get_input_elements()):
+                # Create unique container key
+                example_container_key = f"example_container_{idx}"
+                output_container_key = f"output_container_{idx}"
+                
+                with st.container(border=True, key=example_container_key):
                     st.markdown(f"**{title}**")
                     st.code(code)
                     st.markdown("Live output:")
-                    with st.container(border=True):
-                        exec(code)
-
-    
-    
+                    
+                    with st.container(border=True, key=output_container_key):
+                        try:
+                            # Execute the code with unique keys
+                            exec(code)
+                        except Exception as e:
+                            st.error(f"Error: {str(e)}")
     
     
     def render_help_section(self, col: st.delta_generator.DeltaGenerator) -> None: