inital commit

reedHam · Apr 24, 2022 · d4ca2ed · d4ca2ed
1 parent fa52d69
commit d4ca2ed
Show file tree

Hide file tree

Showing 18 changed files with 3,885 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+build
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "vite"
+    ]
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "vite-template-solid",
+  "version": "0.0.0",
+  "description": "",
+  "scripts": {
+    "start": "vite",
+    "dev": "vite",
+    "build": "vite build && cp -r ./build /mnt/e/extentions",
+    "serve": "vite preview"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "typescript": "^4.6.3",
+    "vite": "^2.8.6",
+    "vite-plugin-solid": "^2.2.6",
+    "vite-plugin-web-extension": "^1.3.1"
+  },
+  "dependencies": {
+    "solid-js": "^1.3.13",
+    "webext-bridge": "^5.0.4"
+  }
+}
diff --git a/src/assets/icon_128.png b/src/assets/icon_128.png
diff --git a/src/assets/icon_16.png b/src/assets/icon_16.png
diff --git a/src/assets/icon_32.png b/src/assets/icon_32.png
diff --git a/src/assets/icon_48.png b/src/assets/icon_48.png
diff --git a/src/background/background.ts b/src/background/background.ts
diff --git a/src/manifest.json b/src/manifest.json
@@ -0,0 +1,26 @@
+{
+    "manifest_version": 2,
+    "version": "1.0",
+    "name": "Absolute Annals",
+    "author": "absolute-annals",
+    "description": "Tools for collecting metadata from the web.",
+    "background": {
+        "scripts": ["background/background.ts"]
+    },
+    "browser_action": {
+        "default_icon": {
+            "16": "assets/icon_16.png",
+            "32": "assets/icon_32.png",
+            "48": "assets/icon_48.png",
+            "128": "assets/icon_128.png"
+        },
+        "default_title": "Absolute Annals",
+        "default_popup": "popup/popup.html"
+    },
+    "content_scripts": [
+        {
+            "matches": ["*://*.youtube.com/*"],
+            "js": ["scripts/youtube.ts"]
+        }
+    ]
+}
diff --git a/src/popup/App.module.css b/src/popup/App.module.css
@@ -0,0 +1,33 @@
+.App {
+  text-align: center;
+}
+
+.logo {
+  animation: logo-spin infinite 20s linear;
+  height: 40vmin;
+  pointer-events: none;
+}
+
+.header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.link {
+  color: #b318f0;
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
diff --git a/src/popup/App.tsx b/src/popup/App.tsx
@@ -0,0 +1,12 @@
+import type { Component } from 'solid-js';
+
+import styles from './App.module.css';
+
+const App: Component = () => {
+  return (
+    <div class={styles.App}>
+    </div>
+  );
+};
+
+export default App;
diff --git a/src/popup/popup.css b/src/popup/popup.css
@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
diff --git a/src/popup/popup.html b/src/popup/popup.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
+    <title>Solid App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+
+    <script src="./popup.tsx" type="module"></script>
+  </body>
+</html>
diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
@@ -0,0 +1,7 @@
+/* @refresh reload */
+import { render } from 'solid-js/web';
+
+import './popup.css';
+import App from './App';
+
+render(() => <App />, document.getElementById('root') as HTMLElement);
diff --git a/src/scripts/youtube.ts b/src/scripts/youtube.ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    "types": ["vite/client"],
+    "noEmit": true,
+    "isolatedModules": true
+  }
+}
diff --git a/vite.config.ts b/vite.config.ts
@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
+import webExtension from "vite-plugin-web-extension";
+import path from 'path';
+
+export default defineConfig({
+  root: "src",
+  // Configure our outputs - nothing special, this is normal vite config
+  plugins: [
+    solidPlugin(),
+    webExtension({
+        manifest: path.resolve(__dirname, "src/manifest.json"),
+        assets: "assets",
+        webExtConfig: {
+          firefox: "firefox",
+        },
+    }),
+  ],
+  build: {
+    outDir: path.resolve(__dirname, "build"),
+    target: 'esnext',
+    polyfillDynamicImport: false,
+    emptyOutDir: true,
+  },
+});