initial

.gitignore

@@ -0,0 +1,25 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+    "recommendations": ["svelte.svelte-vscode"]
+}

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+    "json.schemas": [
+        {
+            "fileMatch": ["manifest.json"],
+            "url": "https://json.schemastore.org/chrome-manifest.json"
+        }
+    ]
+}

README.md

@@ -0,0 +1,39 @@
+# Svelte Typescript Chrome Extension Boilerplate
+
+> Boilerplate for Chrome Extension Svelte Typescript project
+
+## Features
+
+-   [Svelte](https://svelte.dev/)
+-   [TypeScript](https://www.typescriptlang.org/)
+-   [Vite](https://vitejs.dev/)
+-   [CRXJS Vite Plugin](https://github.com/crxjs/chrome-extension-tools/blob/main/packages/vite-plugin/README.md)
+-   [Chrome Extensions Manifest V3](https://developer.chrome.com/docs/extensions/mv3/intro/)
+
+## Development
+
+```bash
+# install dependencies
+npm i
+
+# build files to `/dist` directory
+# HMR for extension pages and content scripts
+npm run dev
+```
+
+## Build
+
+```bash
+# build files to `/dist` directory
+$ npm run build
+```
+
+## Load unpacked extensions
+
+[Getting Started Tutorial](https://developer.chrome.com/docs/extensions/mv3/getstarted/)
+
+1. Open the Extension Management page by navigating to `chrome://extensions`.
+2. Enable Developer Mode by clicking the toggle switch next to `Developer mode`.
+3. Click the `LOAD UNPACKED` button and select the `/dist` directory.
+
+![Example](https://wd.imgix.net/image/BhuKGJaIeLNPW9ehns59NfwqKxF2/vOu7iPbaapkALed96rzN.png?auto=format&w=571)

manifest.json

@@ -0,0 +1,32 @@
+{
+    "name": "facebook-stories-auto-react-tool",
+    "description": "Facebook stories auto react tool",
+    "version": "1.0",
+    "manifest_version": 3,
+    "icons": {
+        "16": "src/assets/icons/get_started16.png",
+        "32": "src/assets/icons/get_started32.png",
+        "48": "src/assets/icons/get_started48.png",
+        "128": "src/assets/icons/get_started128.png"
+    },
+    "content_scripts": [
+        {
+            "matches": ["https://www.facebook.com/stories/*"],
+            "js": ["src/content/index.ts"]
+        }
+    ],
+    "options_ui": {
+        "page": "src/options/options.html",
+        "open_in_tab": false
+    },
+    "action": {
+        "default_popup": "src/popup/popup.html",
+        "default_icon": {
+            "16": "src/assets/icons/get_started16.png",
+            "32": "src/assets/icons/get_started32.png",
+            "48": "src/assets/icons/get_started48.png",
+            "128": "src/assets/icons/get_started128.png"
+        }
+    },
+    "permissions": ["storage", "tabs"]
+}