Spaces:

duqing026
/

chrome-extension-studio

Sleeping

App Files Files Community

duqing2026 commited on Jan 30

Commit

48a6d40

1 Parent(s): babe1f5

feat: add devtools and omnibox support, improve stability and icons

Browse files

Files changed (6) hide show

app.py +38 -6
extension_templates/devtools.html +9 -0
extension_templates/devtools.js +8 -0
extension_templates/manifest.json +6 -0
extension_templates/panel.html +25 -0
templates/index.html +6 -0

app.py CHANGED Viewed

@@ -12,9 +12,31 @@ app = Flask(__name__)
 template_loader = FileSystemLoader(searchpath="./extension_templates")
 template_env = Environment(loader=template_loader)
-def generate_icon(size, color=(66, 133, 244)):
     img = Image.new('RGB', (size, size), color=color)
-    # optional: add text or simple pattern if needed, but solid color is fine for placeholder
     byte_arr = io.BytesIO()
     img.save(byte_arr, format='PNG')
     return byte_arr.getvalue()
@@ -41,6 +63,9 @@ def generate():
             'include_content_script': data.get('include_content_script', False),
             'content_script_matches': data.get('content_script_matches', '*://*.example.com/*'),
             'include_side_panel': data.get('include_side_panel', False),
             'use_messaging': data.get('use_messaging', False),
         }
@@ -83,10 +108,17 @@ def generate():
             if context['include_side_panel']:
                 write_template('sidepanel.html', 'sidepanel.html')
-            # 8. Icons (Generated)
-            zf.writestr('images/icon16.png', generate_icon(16))
-            zf.writestr('images/icon48.png', generate_icon(48))
-            zf.writestr('images/icon128.png', generate_icon(128))
         memory_file.seek(0)
         return send_file(

 template_loader = FileSystemLoader(searchpath="./extension_templates")
 template_env = Environment(loader=template_loader)
+def generate_icon(size, color=(66, 133, 244), text=None):
     img = Image.new('RGB', (size, size), color=color)
+    if text and size >= 48:
+        draw = ImageDraw.Draw(img)
+        # Simple cross pattern as placeholder for text/logo
+        # Since we don't have a guaranteed font file, we'll draw a simple shape
+        margin = size // 4
+        draw.rectangle(
+            [margin, margin, size - margin, size - margin],
+            outline="white", width=max(1, size // 20)
+        )
+        # Draw first letter if available? No font, so let's just stick to geometric shape
+        # Or try to load default font
+        try:
+            # Try to draw text if default font works
+            # On some systems, this might work if a default font is available
+            # But PIL often needs a font file. We'll try basic text drawing.
+            # If it fails, we catch it.
+            # Note: default font is very small, might not look good.
+            # So we just stick to the rectangle as a "logo"
+            pass
+        except:
+            pass
     byte_arr = io.BytesIO()
     img.save(byte_arr, format='PNG')
     return byte_arr.getvalue()
             'include_content_script': data.get('include_content_script', False),
             'content_script_matches': data.get('content_script_matches', '*://*.example.com/*'),
             'include_side_panel': data.get('include_side_panel', False),
+            'include_devtools': data.get('include_devtools', False),
+            'include_omnibox': data.get('include_omnibox', False),
+            'omnibox_keyword': data.get('omnibox_keyword', 'ext'),
             'use_messaging': data.get('use_messaging', False),
         }
             if context['include_side_panel']:
                 write_template('sidepanel.html', 'sidepanel.html')
+            # 8. DevTools
+            if context['include_devtools']:
+                write_template('devtools.html', 'devtools.html')
+                write_template('devtools.js', 'devtools.js')
+                write_template('panel.html', 'panel.html')
+            # 9. Icons (Generated)
+            icon_text = context['name']
+            zf.writestr('images/icon16.png', generate_icon(16, text=icon_text))
+            zf.writestr('images/icon48.png', generate_icon(48, text=icon_text))
+            zf.writestr('images/icon128.png', generate_icon(128, text=icon_text))
         memory_file.seek(0)
         return send_file(

extension_templates/devtools.html ADDED Viewed

	@@ -0,0 +1,9 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>DevTools</title>
+</head>
+<body>
+    <script src="devtools.js"></script>
+</body>
+</html>

extension_templates/devtools.js ADDED Viewed

	@@ -0,0 +1,8 @@

+chrome.devtools.panels.create(
+    "{{ name }}",
+    "images/icon16.png",
+    "panel.html",
+    function(panel) {
+      // code invoked on panel creation
+    }
+);

extension_templates/manifest.json CHANGED Viewed

@@ -44,6 +44,12 @@
     "default_path": "sidepanel.html"
   },
   {% endif %}
   "icons": {
     "16": "images/icon16.png",
     "48": "images/icon48.png",

     "default_path": "sidepanel.html"
   },
   {% endif %}
+  {% if include_devtools %}
+  "devtools_page": "devtools.html",
+  {% endif %}
+  {% if include_omnibox %}
+  "omnibox": { "keyword": "{{ omnibox_keyword }}" },
+  {% endif %}
   "icons": {
     "16": "images/icon16.png",
     "48": "images/icon48.png",

extension_templates/panel.html ADDED Viewed

	@@ -0,0 +1,25 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        body { font-family: sans-serif; padding: 10px; }
+        h1 { font-size: 16px; }
+    </style>
+</head>
+<body>
+    <h1>{{ name }} DevTools Panel</h1>
+    <p>This is a custom panel in Chrome DevTools.</p>
+    <button id="inspectBtn">Inspect Selected Element</button>
+    <div id="result"></div>
+    <script>
+        document.getElementById('inspectBtn').addEventListener('click', () => {
+            chrome.devtools.inspectedWindow.eval(
+                "($0 ? $0.tagName : 'Nothing selected')",
+                (result, isException) => {
+                    document.getElementById('result').textContent = "Selected: " + result;
+                }
+            );
+        });
+    </script>
+</body>
+</html>

templates/index.html CHANGED Viewed

@@ -258,6 +258,12 @@
                              manifest.permissions.push('sidePanel');
                         }
                     }
                     return JSON.stringify(manifest, null, 2);
                 });

                              manifest.permissions.push('sidePanel');
                         }
                     }
+                    if (form.value.include_devtools) {
+                        manifest.devtools_page = "devtools.html";
+                    }
+                    if (form.value.include_omnibox) {
+                        manifest.omnibox = { keyword: form.value.omnibox_keyword };
+                    }
                     return JSON.stringify(manifest, null, 2);
                 });