Update app.py

app.py

@@ -1,79 +1,70 @@
 import dash
 from dash import dcc, html, Input, Output, State
+import dash_bootstrap_components as dbc
 import base64
 import io
 import re
 from pptx import Presentation
 from pptx.util import Inches, Pt
 
-app = dash.Dash(__name__)
+app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])
 
-app.layout = html.Div([
-    html.Div([
-        html.H3("Upload Markdown File"),
-        dcc.Upload(
-            id='upload-file',
-            children=html.Div(['Drag and Drop or ', html.A('Select Files')]),
-            style={
-                'width': '100%',
-                'height': '60px',
-                'lineHeight': '60px',
-                'borderWidth': '1px',
-                'borderStyle': 'dashed',
-                'borderRadius': '5px',
-                'textAlign': 'center',
-                'margin': '10px'
-            },
-            multiple=False
-        ),
+app.layout = dbc.Container([
+    dbc.Row([
+        dbc.Col([
+            html.H1("Markdown to PowerPoint Converter", className="text-center mb-4")
+        ])
     ]),
-    html.Div([
-        html.H3("Or Paste Markdown Text"),
-        dcc.Textarea(
-            id='markdown-text',
-            placeholder='Enter or paste your markdown text here',
-            style={'width': '100%', 'height': 200}
-        ),
+    dbc.Row([
+        dbc.Col([
+            dbc.Card([
+                dbc.CardHeader("Upload Markdown File"),
+                dbc.CardBody([
+                    dcc.Upload(
+                        id='upload-file',
+                        children=dbc.Button("Select File", color="primary", className="mr-2"),
+                        multiple=False
+                    ),
+                    html.Div(id="upload-file-name", className="mt-2")
+                ])
+            ], className="mb-3")
+        ], md=6),
+        dbc.Col([
+            dbc.Card([
+                dbc.CardHeader("Or Paste Markdown Text"),
+                dbc.CardBody([
+                    dbc.Textarea(
+                        id='markdown-text',
+                        placeholder='Enter or paste your markdown text here',
+                        style={'height': 150}
+                    )
+                ])
+            ])
+        ], md=6)
     ]),
-    html.Button('Convert', id='convert-button', n_clicks=0),
-    html.Div(id='output')
-])
+    dbc.Row([
+        dbc.Col([
+            dbc.Button("Convert", id='convert-button', color="success", className="mt-3 mb-3 w-100")
+        ])
+    ]),
+    dbc.Row([
+        dbc.Col([
+            html.Div(id='output')
+        ])
+    ])
+], fluid=True)
 
 def markdown_to_pptx(md_text):
-    prs = Presentation()
-    slides = re.split(r'# Slide \d+:', md_text)
-    slides = [slide.strip() for slide in slides if slide.strip()]
-
-    for slide_content in slides:
-        lines = slide_content.split('\n')
-        title = lines[0].strip()
-        current_slide = prs.slides.add_slide(prs.slide_layouts[1])
-        
-        title_shape = current_slide.shapes.title
-        title_shape.text = title
-
-        content = []
-        for line in lines[1:]:
-            if line.startswith('## '):
-                content.append(('heading', line[3:].strip()))
-            elif line.startswith('- '):
-                content.append(('bullet', line[2:].strip()))
+    # ... (keep the existing markdown_to_pptx function unchanged)
 
-        text_frame = current_slide.placeholders[1].text_frame
-        for item_type, item_text in content:
-            p = text_frame.add_paragraph()
-            p.text = item_text
-            if item_type == 'heading':
-                p.level = 0
-                p.font.size = Pt(24)
-                p.font.bold = True
-            else:
-                p.level = 1
-                p.font.size = Pt(18)
-
-    output = io.BytesIO()
-    prs.save(output)
-    return output.getvalue()
+@app.callback(
+    Output('upload-file-name', 'children'),
+    Input('upload-file', 'filename')
+)
+def update_filename(filename):
+    if filename:
+        return html.Div(f"Selected file: {filename}")
+    return ""
 
 @app.callback(
     Output('output', 'children'),
@@ -92,16 +83,16 @@ def convert_markdown(n_clicks, file_contents, markdown_text):
     elif markdown_text:
         md_text = markdown_text
     else:
-        return html.Div('No input provided')
+        return dbc.Alert('No input provided', color="warning")
 
     pptx_output = markdown_to_pptx(md_text)
-    return html.Div([
-        html.A(
-            'Download PPTX',
-            href=f"data:application/vnd.openxmlformats-officedocument.presentationml.presentation;base64,{base64.b64encode(pptx_output).decode()}",
-            download='output.pptx'
-        )
-    ])
+    return dbc.Button(
+        "Download PPTX",
+        href=f"data:application/vnd.openxmlformats-officedocument.presentationml.presentation;base64,{base64.b64encode(pptx_output).decode()}",
+        download='output.pptx',
+        color="primary",
+        className="mt-3"
+    )
 
 if __name__ == '__main__':
     app.run(host='0.0.0.0', port=7860, debug=True)