fix(props): missed pre block styles

README.md

@@ -1,7 +1,7 @@
 <h1 align="center">"Awesome Links" plugin for Logseq</h1>
 <p align="center">
     <a href="https://github.com/yoyurec/logseq-awesome-links">
-        <img src="icon.png" alt="logo" width="128" height="128" />
+        <img src="https://github.com/yoyurec/logseq-awesome-links/raw/main/icon.png" alt="logo" width="128" height="128" />
     </a>
 </p>
 
@@ -16,7 +16,7 @@
 ## Install
 From Logseq store - `Plugins -> Marketplace`.
 
-![](./screenshots/market.png)
+![](https://github.com/yoyurec/logseq-awesome-links/raw/main/screenshots/market.png)
 
 ## Recommended plugins/themes
 * 🐱‍👤 [Awesome Styler](https://github.com/yoyurec/logseq-awesome-styler) theme
@@ -28,7 +28,7 @@ From Logseq store - `Plugins -> Marketplace`.
 
 ### ⭐ Auto favicons for external links
 
-<img src="screenshots/favicons.png" width="640">
+<img src="https://github.com/yoyurec/logseq-awesome-links/raw/main/screenshots/favicons.png" width="640">
 
 ### ✨ Page icons
 
@@ -40,7 +40,7 @@ For ex.:
 * set in plugin settings "Inherit icon from..." `page-type`
 * ...and all pages with `page-type:: [[Projects]]` will have inherited "Projects" page icon!
 
-![Page icons](screenshots/page-icons.png)
+![](https://github.com/yoyurec/logseq-awesome-links/raw/main/screenshots/page-icons.png)
 
 ### ✨ Custom page icons
 
@@ -53,15 +53,15 @@ Native Logseq props `icon::` extended with Nerd icons font:
 
 Banners & Tabs plugin support included 😎
 
-![Nerd icons](screenshots/nerd-icons.png)
+![](https://github.com/yoyurec/logseq-awesome-links/raw/main/screenshots/nerd-icons.png)
 
-![Nerd font](screenshots/nerd.png)
+![](https://github.com/yoyurec/logseq-awesome-links/raw/main/screenshots/nerd.png)
 
 ### ✨ Journal icon
 
 Can be customized in settings.
 
-![Journal icon](screenshots/journal-icon.png)
+![](https://github.com/yoyurec/logseq-awesome-links/raw/main/screenshots/journal-icon.png)
 
 ## What is Logseq?
 Logseq is a privacy-first, open-source knowledge base. Visit https://logseq.com for more information.

package.json

@@ -6,7 +6,7 @@
   "main": "dist/index.html",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build && cp -f -r src/css dist/assets",
+    "build": "tsc && vite build",
     "preinstall": "npx only-allow pnpm",
     "semantic-release": "semantic-release"
   },

src/css/awesomeLinks.css

@@ -6,7 +6,7 @@
     font-family: "Fira Code Nerd Font";
     font-style: normal;
     font-weight: 400;
-    src: url('fonts/fira-code-nerd-regular.ttf') format('truetype');
+    src: url('/fonts/fira-code-nerd-regular.ttf') format('truetype');
 }
 
 /*
@@ -87,7 +87,23 @@ body:not(.is-banner-active).is-awesomeLinks-journal .is-journals h1.title::befor
 
 
 /*
->>> BEGIN: Settigns
+>>> BEGIN: Props
+*/
+.pre-block > .flex-row .editor-wrapper textarea,
+.page-properties,
+.block-properties {
+    font-family: var(--icon-font);
+    font-size: 0.9rem;
+    letter-spacing: -1px;
+    word-spacing: -1px;
+}
+/*
+<<<< END: Props
+*/
+
+
+/*
+>>> BEGIN: Settings
 */
 .panel-wrap[data-id="logseq-awesome-links"] .desc-item[data-key="featureInheritPageIcons"] {
     margin-left: 46px;
@@ -98,7 +114,7 @@ body:not(.is-banner-active).is-awesomeLinks-journal .is-journals h1.title::befor
 
 
 /* promo */
-.is-solext .desc-item[data-key="promoSolext"] {
+.is-awesomeStyler-loaded .desc-item[data-key="promoSolext"] {
     display: none;
 }
 

src/css/tabsPlugin.css

@@ -2,7 +2,7 @@
     font-family: "Fira Code Nerd Font";
     font-style: normal;
     font-weight: 400;
-    src: url('lsp://logseq.io/logseq-awesome-links/dist/assets/css/fonts/fira-code-nerd-regular.ttf') format('truetype');
+    src: url('lsp://logseq.io/logseq-awesome-links/dist/fonts/fira-code-nerd-regular.ttf') format('truetype');
 }
 
 .logseq-tab .text-xs {

src/js/awesomeLinks.ts

@@ -2,7 +2,9 @@ import '@logseq/libs';
 import { SettingSchemaDesc, LSPluginBaseInfo } from '@logseq/libs/dist/LSPlugin.user';
 import { logseq as PL } from '../../package.json';
 
-import tabsPluginStyles from '../css/tabsPlugin.css';
+import '../css/awesomeLinks.css';
+
+import tabsPluginStyles from '../css/tabsPlugin.css?inline';
 
 const pluginID = PL.id;
 
@@ -181,7 +183,7 @@ const setPageIcons = async (linkList: NodeListOf<HTMLAnchorElement>) => {
         if (oldPageIcon) {
             oldPageIcon.remove();
         }
-        let pageTitle = linkItem.getAttribute('data-ref');
+        const pageTitle = linkItem.getAttribute('data-ref');
         if (!pageTitle) {
             continue;
         }
@@ -416,7 +418,7 @@ const onPluginUnloadCallback = () => {
 const registerPlugin = async () => {
     setTimeout(() => {
         if (doc.head) {
-            doc.head.insertAdjacentHTML('beforeend', `<link rel="stylesheet" id="css-awesomeLinks" href="lsp://logseq.io/${pluginID}/dist/assets/css/awesomeLinks.css">`)
+            doc.head.insertAdjacentHTML('beforeend', `<link rel="stylesheet" id="css-awesomeLinks" href="lsp://logseq.io/${pluginID}/dist/assets/awesomeLinks.css">`)
         }
         const tabsPluginIframe = doc.getElementById('logseq-tabs_iframe') as HTMLIFrameElement;
         if (tabsPluginIframe) {
@@ -455,7 +457,7 @@ const main = async () => {
 
     initLinksObserver();
 
-    // First thme run
+    // First run
     runStuff();
 
     // Later listeners

vite.config.ts

@@ -1,13 +1,22 @@
-import { defineConfig } from "vite";
-import logseqDevPlugin from "vite-plugin-logseq";
+import { defineConfig } from 'vite';
+import logseqDevPlugin from 'vite-plugin-logseq';
+
+const name = 'awesomeLinks';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [logseqDevPlugin()],
   // Makes HMR available for development
   build: {
     sourcemap: true,
-    target: "esnext",
-    minify: "esbuild",
-  },
+    target: 'esnext',
+    minify: 'esbuild',
+    rollupOptions: {
+      output: {
+        entryFileNames: `assets/${name}.js`,
+        chunkFileNames: `assets/chunks/${name}.js`,
+        assetFileNames: `assets/${name}.[ext]`,
+      }
+    }
+  }
 });