try using acorn components

dermeck · Dec 8, 2024 · 161a4b7 · 161a4b7
1 parent 0b47b13
commit 161a4b7
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 1 deletion.
diff --git a/src/sidebar/SubscribeView/SubscribeView.tsx b/src/sidebar/SubscribeView/SubscribeView.tsx
@@ -9,7 +9,8 @@ import { DetectedFeeds } from './DetectedFeeds/DetectedFeeds';
 import { Button } from '../../base-components/Button/Button';
 import { Header } from '../../base-components/Header/Header';
 import { clsx } from 'clsx';
-
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import M from 'moz-button';
 const isValidURL = (str: string) => {
     const res = str.match(
         /(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g,
@@ -62,6 +63,8 @@ export const SubscribeView = (props: SubscribeViewProps) => {
                 <Button variant="toolbar" title="Back to Feed List" onClick={props.onClose}>
                     <ArrowLeft size={22} />
                 </Button>
+                <M>moep</M>
+
                 <h1 className="subscribe-view__title">Add New Feed</h1>
             </Header>
             <div className="subscribe-view__content">

diff --git a/src/sidebar/sidebar.html b/src/sidebar/sidebar.html
@@ -4,6 +4,7 @@
         <meta charset="utf-8" />
         <meta name="color-scheme" content="light dark" />
         <link rel="stylesheet" href="sidebar-styles.css" />
+        <!-- <script type="module" src="chrome://global/content/elements/moz-button.mjs"></script> -->
     </head>
     <body>
         <div id="sidebar-root"></div>

diff --git a/test.d.ts b/test.d.ts
@@ -0,0 +1 @@
+declare module 'moz-button';
diff --git a/webpack.config.js b/webpack.config.js
@@ -29,6 +29,14 @@ module.exports = (env) => ({
 
     resolve: {
         extensions: ['.ts', '.tsx', '.js'],
+        alias: {
+            'moz-button': path.resolve('chrome://global/content/elements/moz-button.mjs'),
+        },
+    },
+
+    externalsType: 'import',
+    externals: {
+        'moz-button': 'chrome://global/content/elements/moz-button.mjs',
     },
 
     plugins: [