Sarı site Pro Extension
2 |
3 | Daha iyi bir sarı site deneyimi için geliştirilmiş bir eklenti.
4 |
5 | 
6 |
7 | ## Features
8 |
9 | - [x] Mağaza engelleme (o mağazanın ilanlarının görmezsin.)
10 | - [x] Baktığım ilanları gizle özelliği
11 | - [x] İlan listesinde: hasar kaydı, boya, yakıtı ve vites tipi eklendi
12 | - [x] İlan detayında WhatsApp ve Telegram ile mesaj gönderme
13 | - [ ] İlan listesine hasar kaydı, boya olan-olmayan filtresi
14 | - [ ] İlan listesinde AJAX algılayıp otomatik olarak listede güncelleme yapması
15 | - [ ] Options sayfasında engellediğin mağazaları görme ve kaldırma
16 | - [ ] Options sayfasında baktığın ilanların listesi
17 | - [ ] Options sayfasında cache (önbellek) silme
18 | - [ ] İlan detayında "Yorum Yap" alanının gelmesi
19 | - [ ] İlan listesinde request (istek) aralığının ayarlardan değiştirilebilmesi
20 | - [ ] Seçilen filtreye göre çıkacak olan bütün ilanların fiyatlarının ortalamasını gösterme
21 |
22 | ## Install
23 |
24 | 1. Run `npm install`
25 | 2. If you are going to develop run `npm run watch`, else run `npm run build`
26 | 3. Open `chrome://extensions`
27 | 4. Turn on the Developer mode toggle
28 | 5. Click **Load unpacked**
29 | 6. Select `sarisite-pro-extension/build`
30 |
31 | ## Contribution
32 |
33 | Suggestions and pull requests are welcomed!.
34 |
35 | ---
36 |
37 | [Chrome Extension CLI](https://github.com/dutiyesh/chrome-extension-cli)
38 |
39 | [Chrome Extension Storage](https://github.com/extend-chrome/storage)
40 |
41 |
--------------------------------------------------------------------------------
/config/paths.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 |
5 | const PATHS = {
6 | src: path.resolve(__dirname, '../src'),
7 | build: path.resolve(__dirname, '../build'),
8 | };
9 |
10 | module.exports = PATHS;
11 |
--------------------------------------------------------------------------------
/config/webpack.common.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const CopyWebpackPlugin = require('copy-webpack-plugin');
4 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
5 |
6 | const PATHS = require('./paths');
7 |
8 | // used in the module rules and in the stats exlude list
9 | const IMAGE_TYPES = /\.(png|jpe?g|gif|svg)$/i;
10 |
11 | // To re-use webpack configuration across templates,
12 | // CLI maintains a common webpack configuration file - `webpack.common.js`.
13 | // Whenever user creates an extension, CLI adds `webpack.common.js` file
14 | // in template's `config` folder
15 | const common = {
16 | output: {
17 | // the build folder to output bundles and assets in.
18 | path: PATHS.build,
19 | // the filename template for entry chunks
20 | filename: '[name].js',
21 | },
22 | stats: {
23 | all: false,
24 | errors: true,
25 | builtAt: true,
26 | assets: true,
27 | excludeAssets: [IMAGE_TYPES],
28 | },
29 | module: {
30 | rules: [
31 | {
32 | test: /\.(scss|css)$/,
33 | use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
34 | },
35 | // Check for images imported in .js files and
36 | {
37 | test: IMAGE_TYPES,
38 | use: [
39 | {
40 | loader: 'file-loader',
41 | options: {
42 | outputPath: 'images',
43 | name: '[name].[ext]',
44 | },
45 | },
46 | ],
47 | },
48 | ],
49 | },
50 | plugins: [
51 | // Copy static assets from `public` folder to `build` folder
52 | new CopyWebpackPlugin({
53 | patterns: [
54 | {
55 | from: '**/*',
56 | context: 'public',
57 | },
58 | ],
59 | }),
60 | // Extract CSS into separate files
61 | new MiniCssExtractPlugin({
62 | filename: '[name].css',
63 | }),
64 | ],
65 | };
66 |
67 | module.exports = common;
68 |
--------------------------------------------------------------------------------
/config/webpack.config.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path')
4 | const { merge } = require('webpack-merge');
5 |
6 | const common = require('./webpack.common.js');
7 | const PATHS = require('./paths');
8 |
9 | // Merge webpack configuration files
10 | const config = (env, argv) =>
11 | merge(common, {
12 | entry: {
13 | popup: PATHS.src + '/popup.js',
14 | contentStyle: PATHS.src + '/contentStyle.scss',
15 | contentScript: PATHS.src + '/contentScript.js',
16 | background: PATHS.src + '/background.js',
17 | },
18 | devtool: argv.mode === 'production' ? false : 'source-map',
19 | resolve: {
20 | alias: {
21 | "@": path.resolve(__dirname, "../src/"),
22 | }
23 | }
24 | });
25 |
26 | module.exports = config;
27 |
--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": "./",
4 | "paths": {
5 | "@/*": ["src/*"]
6 | }
7 | },
8 | "exclude": ["node_modules", "build"]
9 | }
10 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "sari-site-pro",
3 | "version": "0.1.0",
4 | "description": "sarı site.",
5 | "private": true,
6 | "scripts": {
7 | "watch": "webpack --mode=development --watch --config config/webpack.config.js",
8 | "build": "webpack --mode=production --config config/webpack.config.js",
9 | "format": "prettier --write --ignore-unknown \"{config,public,src}/**/*.{html,css,js,ts,json}\""
10 | },
11 | "devDependencies": {
12 | "copy-webpack-plugin": "^10.2.4",
13 | "css-loader": "^6.7.2",
14 | "file-loader": "^6.2.0",
15 | "mini-css-extract-plugin": "^2.7.0",
16 | "node-sass": "^8.0.0",
17 | "prettier": "^2.8.0",
18 | "sass-loader": "^13.2.0",
19 | "webpack": "^5.75.0",
20 | "webpack-cli": "^4.10.0",
21 | "webpack-merge": "^5.8.0"
22 | },
23 | "dependencies": {
24 | "@extend-chrome/storage": "^1.5.0",
25 | "rxjs": "^7.5.7"
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/public/icons/icon-128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apo-bozdag/sarisite-pro-extension/85be9797880f3c337dedd52ef29c6cf39e4504aa/public/icons/icon-128.png
--------------------------------------------------------------------------------
/public/icons/icon-16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apo-bozdag/sarisite-pro-extension/85be9797880f3c337dedd52ef29c6cf39e4504aa/public/icons/icon-16.png
--------------------------------------------------------------------------------
/public/icons/icon-32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apo-bozdag/sarisite-pro-extension/85be9797880f3c337dedd52ef29c6cf39e4504aa/public/icons/icon-32.png
--------------------------------------------------------------------------------
/public/icons/icon-48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apo-bozdag/sarisite-pro-extension/85be9797880f3c337dedd52ef29c6cf39e4504aa/public/icons/icon-48.png
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 3,
3 | "name": "Sarı Site Pro",
4 | "version": "0.1.8",
5 | "description": "Daha iyi bir sarı site deneyimi için geliştirilmiş bir eklenti.",
6 | "options_page": "options.html",
7 | "icons": {
8 | "16": "icons/icon-16.png",
9 | "32": "icons/icon-32.png",
10 | "48": "icons/icon-48.png",
11 | "128": "icons/icon-128.png"
12 | },
13 | "background": {
14 | "service_worker": "background.js"
15 | },
16 | "action": {
17 | "default_title": "Sarı Site Pro",
18 | "default_popup": "popup.html"
19 | },
20 | "permissions": [
21 | "storage"
22 | ],
23 | "content_scripts": [
24 | {
25 | "matches": [
26 | "https://sahibinden.com/*",
27 | "https://*.sahibinden.com/*"
28 | ],
29 | "run_at": "document_idle",
30 | "js": [
31 | "contentScript.js"
32 | ],
33 | "css": [
34 | "contentStyle.css"
35 | ]
36 | }
37 | ]
38 | }
39 |
--------------------------------------------------------------------------------
/public/options.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 
11 |
12 | 13 | Sarı Site Pro 14 |
15 | 16 |