chore: code and shared module position

Jonghakseo · Apr 7, 2024 · f63dc6e · f63dc6e
1 parent 25fe94c
commit f63dc6e
Show file tree

Hide file tree

Showing 20 changed files with 38 additions and 28 deletions.
diff --git a/packages/popup/src/Popup.tsx b/packages/popup/src/Popup.tsx
@@ -16,11 +16,10 @@ const Popup = () => {
         backgroundColor: theme === 'light' ? '#eee' : '#222',
       }}>
       <header className="App-header" style={{ color: theme === 'light' ? '#222' : '#eee' }}>
-        {/*TODO: ADD asset managing module or some other solution */}
         <img src={chrome.runtime.getURL('newtab/logo.svg')} className="App-logo" alt="logo" />
 
         <p>
-          Edit <code>packages/popup/src/Popup.tsx</code> and save to reload.
+          Edit <code>pages/popup/src/Popup.tsx</code> and save to reload.
         </p>
         <a
           className="App-link"

diff --git a/pages/shared/index.ts → packages/shared/index.ts b/pages/shared/index.ts → packages/shared/index.ts
diff --git a/pages/shared/lib/hoc/index.ts → packages/shared/lib/hoc/index.ts b/pages/shared/lib/hoc/index.ts → packages/shared/lib/hoc/index.ts
diff --git a/pages/shared/lib/hoc/withErrorBoundary.tsx → ...ages/shared/lib/hoc/withErrorBoundary.tsx b/pages/shared/lib/hoc/withErrorBoundary.tsx → ...ages/shared/lib/hoc/withErrorBoundary.tsx
diff --git a/pages/shared/lib/hoc/withSuspense.tsx → packages/shared/lib/hoc/withSuspense.tsx b/pages/shared/lib/hoc/withSuspense.tsx → packages/shared/lib/hoc/withSuspense.tsx
diff --git a/pages/shared/lib/hooks/index.ts → packages/shared/lib/hooks/index.ts b/pages/shared/lib/hooks/index.ts → packages/shared/lib/hooks/index.ts
diff --git a/...s/shared/lib/hooks/useStorageSuspense.tsx → ...s/shared/lib/hooks/useStorageSuspense.tsx b/...s/shared/lib/hooks/useStorageSuspense.tsx → ...s/shared/lib/hooks/useStorageSuspense.tsx
diff --git a/pages/shared/lib/storages/base.ts → packages/shared/lib/storages/base.ts b/pages/shared/lib/storages/base.ts → packages/shared/lib/storages/base.ts
diff --git a/...hared/lib/storages/exampleThemeStorage.ts → ...hared/lib/storages/exampleThemeStorage.ts b/...hared/lib/storages/exampleThemeStorage.ts → ...hared/lib/storages/exampleThemeStorage.ts
diff --git a/pages/shared/lib/storages/index.ts → packages/shared/lib/storages/index.ts b/pages/shared/lib/storages/index.ts → packages/shared/lib/storages/index.ts
diff --git a/pages/shared/package.json → packages/shared/package.json b/pages/shared/package.json → packages/shared/package.json
diff --git a/pages/shared/tsconfig.json → packages/shared/tsconfig.json b/pages/shared/tsconfig.json → packages/shared/tsconfig.json
diff --git a/pages/shared/tsup.config.ts → packages/shared/tsup.config.ts b/pages/shared/tsup.config.ts → packages/shared/tsup.config.ts
diff --git a/pages/content-ui/src/app.tsx b/pages/content-ui/src/app.tsx
@@ -5,5 +5,9 @@ export default function App() {
     console.log('content ui loaded');
   }, []);
 
-  return <div className="">content view</div>;
+  return (
+    <div>
+      Edit <code>pages/content-ui/src/app.tsx</code> and save to reload.
+    </div>
+  );
 }
diff --git a/pages/devtools-panel/src/Panel.tsx b/pages/devtools-panel/src/Panel.tsx
@@ -8,7 +8,7 @@ import {
 
 const Panel = () => {
   const theme = useStorageSuspense(exampleThemeStorage);
-  console.log(chrome.runtime.getURL('logo.svg'));
+
   return (
     <div
       className="App"
@@ -18,7 +18,7 @@ const Panel = () => {
       <header className="App-header" style={{ color: theme === 'light' ? '#222' : '#eee' }}>
         <img src={chrome.runtime.getURL('devtools-panel/logo.svg')} className="App-logo" alt="logo" />
         <p>
-          Edit <code>packages/devtools-panel/src/Panel.tsx</code> and save to reload.
+          Edit <code>pages/devtools-panel/src/Panel.tsx</code> and save to reload.
         </p>
         <a
           className="App-link"

diff --git a/pages/devtools/src/index.ts b/pages/devtools/src/index.ts
@@ -1,4 +1,5 @@
 try {
+  console.log("Edit 'pages/devtools/src/index.ts' and save to reload.");
   chrome.devtools.panels.create('Dev Tools', 'icon-34.png', 'devtools-panel/index.html');
 } catch (e) {
   console.error(e);

diff --git a/pages/newtab/src/Newtab.tsx b/pages/newtab/src/Newtab.tsx
@@ -17,10 +17,9 @@ const Newtab = () => {
         backgroundColor: theme === 'light' ? '#eee' : '#222',
       }}>
       <header className="App-header" style={{ color: theme === 'light' ? '#222' : '#eee' }}>
-        {/*TODO: ADD asset managing module or some other solution */}
         <img src={chrome.runtime.getURL('newtab/logo.svg')} className="App-logo" alt="logo" />
         <p>
-          Edit <code>packages/newtab/src/Newtab.tsx</code> and save to reload.
+          Edit <code>pages/newtab/src/Newtab.tsx</code> and save to reload.
         </p>
         <a
           className="App-link"

diff --git a/pages/options/src/Options.tsx b/pages/options/src/Options.tsx
@@ -15,9 +15,17 @@ const Options = () => {
       style={{
         backgroundColor: theme === 'light' ? '#eee' : '#222',
       }}>
-      {/*TODO: ADD asset managing module or some other solution */}
       <img src={chrome.runtime.getURL('options/logo.svg')} className="App-logo" alt="logo" />
       <span style={{ color: theme === 'light' ? '#0281dc' : undefined, marginBottom: '10px' }}>Options</span>
+      Edit <code>pages/options/src/Options.tsx</code> and save to reload.
+      <button
+        style={{
+          backgroundColor: theme === 'light' ? '#eee' : '#222',
+          color: theme === 'light' ? '#222' : '#eee',
+        }}
+        onClick={exampleThemeStorage.toggle}>
+        Toggle Theme
+      </button>
     </div>
   );
 };

diff --git a/pages/sidepanel/src/SidePanel.tsx b/pages/sidepanel/src/SidePanel.tsx
@@ -16,10 +16,9 @@ const SidePanel = () => {
         backgroundColor: theme === 'light' ? '#eee' : '#222',
       }}>
       <header className="App-header" style={{ color: theme === 'light' ? '#222' : '#eee' }}>
-        {/*TODO: ADD asset managing module or some other solution */}
         <img src={chrome.runtime.getURL('sidepanel/logo.svg')} className="App-logo" alt="logo" />
         <p>
-          Edit <code>packages/sidepanel/src/SidePanel.tsx</code> and save to reload.
+          Edit <code>pages/sidepanel/src/SidePanel.tsx</code> and save to reload.
         </p>
         <a
           className="App-link"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml