Simplify the output by using the new css aspect ratio (#33)

* refactor(*): split in folders

* feat(editing): support new aspect-ratio

* refactor(build): move to esbuild (obsidian example)

* refactor: run linting

Author: FHachez

.eslintignor

@@ -0,0 +1,2 @@
+npm node_modules
+build

.eslintrc

@@ -0,0 +1,33 @@
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "plugins": [
+      "@typescript-eslint"
+    ],
+    "extends": [
+      "eslint:recommended",
+    ], 
+    "parserOptions": {
+        "sourceType": "module"
+    },
+    "rules": {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": ["error", { "args": "none" }],
+      "@typescript-eslint/ban-ts-comment": "off",
+      "no-prototype-builtins": "off",
+      "@typescript-eslint/no-empty-function": "off"
+    } ,
+    "overrides": [
+        {
+        "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+        "parser": "@typescript-eslint/parser",
+        "plugins": ["@typescript-eslint"],
+        "extends": [
+            "eslint:recommended",
+            "plugin:@typescript-eslint/eslint-recommended",
+            "plugin:@typescript-eslint/recommended",
+            "prettier" // Has to be last. Turns off eslint rules conflicting with prettier
+        ]
+        }
+    ]
+}

README.md

@@ -18,6 +18,9 @@ To install this plugin, download zip archive from GitHub releases page. Extract
 
 # Change log
 
+## 0.3.0
+- Simplify the output when using a recent Obsidian download, by leveraging `aspect-ratio` css.
+
 ## 0.2.0
 - Update: the keybinding from `Mode + Shift + I` to `Alt + I` ([Issue 4](https://github.com/FHachez/obsidian-convert-url-to-iframe/issues/4)) 
 - Only output the app name in the console ([Issue 3](https://github.com/FHachez/obsidian-convert-url-to-iframe/issues/3))

configure_iframe_modal.ts

@@ -0,0 +1,28 @@
+import esbuild from "esbuild";
+import process from "process";
+import builtins from 'builtin-modules'
+
+const banner =
+`/*
+THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
+if you want to view the source, please visit the github repository of this plugin
+*/
+`;
+
+const prod = (process.argv[2] === 'production');
+
+esbuild.build({
+	banner: {
+		js: banner,
+	},
+	entryPoints: ['src/main.ts'],
+	bundle: true,
+	external: ['obsidian', 'electron', ...builtins],
+	format: 'cjs',
+	watch: !prod,
+	target: 'es2016',
+	logLevel: "info",
+	sourcemap: prod ? false : 'inline',
+	treeShaking: true,
+	outfile: 'main.js',
+}).catch(() => process.exit(1));

esbuild.config.mjs

@@ -1,38 +0,0 @@
-
-
-export function updateUrlIfYoutube(url: string) {
-    // Youtube url format: 
-    // - youtube.com/.../?...&v=[Video Id]
-    // - youtu.com/[Video Id]
-    // - youtube.com/embed => don't do anything it's already an embed link
-    const youtubeIdRegex = /(youtube(?<top_domain1>(\.\w{2,3}){1,2})\/([^\/]+\/.+\/|.*[?&]v=)|youtu(?<top_domain2>(\.\w{2,3}){1,2})\/)(?<id>[a-zA-Z0-9_-]{11})/gi;
-    const id = youtubeIdRegex.exec(url)
-
-    if (id) {
-        const urlParameterMatches = url.match(/\?([^&]+)/);
-        const urlParameters = new URLSearchParams(
-            urlParameterMatches ? urlParameterMatches[0] : ''
-        )
-
-        // We need to remove the `v` parameter which contains the video id since we put it in the url
-        urlParameters.delete('v')
-
-        if (urlParameters.has('t')) {
-            urlParameters.set('start', urlParameters.get('t'));
-            urlParameters.delete('t')
-        }
-
-        const parameters = urlParameters.toString().length > 0 ? `?${urlParameters.toString()}` : '';
-        const topDomain = id.groups['top_domain1'] || id.groups['top_domain2'] || ".com";
-
-        return `https://www.youtube${topDomain}/embed/${id.groups['id']}${parameters}`;
-    }
-    return url;
-}
-
-export function isUrl(text: string): boolean {
-    const urlRegex = new RegExp(
-        "^(http:\\/\\/www\\.|https:\\/\\/www\\.|http:\\/\\/|https:\\/\\/)?[a-z0-9]+([\\-.]{1}[a-z0-9]+)*\\.[a-z]{2,5}(:[0-9]{1,5})?(\\/.*)?$"
-    );
-    return urlRegex.test(text);
-}

iframe_converter.ts

@@ -1,7 +1,7 @@
 {
   "id": "convert-url-to-iframe",
   "name": "Convert url to preview (iframe)",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Convert an url (ex, youtube) into an iframe (preview)",
   "author": "Hachez Floran",
   "authorUrl": "https://github.com/FHachez",