Merge pull request #281 from riccardoperra/performance_optimizations

perf: performance optimizations
riccardoperra · Jun 13, 2022 · 046bac2 · 046bac2
2 parents 8906c18 + 3eb45f0
commit 046bac2
Show file tree

Hide file tree

Showing 144 changed files with 2,099 additions and 1,351 deletions.
diff --git a/.changeset/late-eyes-argue.md b/.changeset/late-eyes-argue.md
@@ -0,0 +1,6 @@
+---
+'@codeimage/config': patch
+'@codeimage/highlight': patch
+---
+
+perf: add @codeimage/highlight chunk split
diff --git a/.changeset/tall-garlics-work.md b/.changeset/tall-garlics-work.md
@@ -0,0 +1,9 @@
+---
+'@codeimage/app': minor
+'@codeimage/config': minor
+'@codeimage/highlight': minor
+'@codeimage/locale': minor
+'@codeimage/ui': minor
+---
+
+perf: bundle/performance improvements, skeleton, split chunks and lazy loading
diff --git a/.github/ISSUE_TEMPLATE/1-bug-report.yml b/.github/ISSUE_TEMPLATE/1-bug-report.yml
@@ -12,7 +12,7 @@ body:
         - codeimage
         - config
         - locale
-        - theme
+        - highlight
         - ui
         - Don't known / other
       multiple: true

diff --git a/.github/ISSUE_TEMPLATE/2-feature-request.yml b/.github/ISSUE_TEMPLATE/2-feature-request.yml
@@ -12,7 +12,7 @@ body:
         - codeimage
         - config
         - locale
-        - theme
+        - highlight
         - ui
         - Don't known / other
       multiple: true

diff --git a/apps/codeimage/CHANGELOG.md b/apps/codeimage/CHANGELOG.md
@@ -42,7 +42,7 @@
 * [#256](https://github.com/riccardoperra/codeimage/pull/256) [`10839dc`](https://github.com/riccardoperra/codeimage/commit/10839dc41edc22ca81002083c34d5150f705df3e) Thanks [@riccardoperra](https://github.com/riccardoperra)! - build: update SolidJS to 1.4.2
 
 * Updated dependencies [[`41d2949`](https://github.com/riccardoperra/codeimage/commit/41d294914fb0ec241476fdaf62aa8ae3dfd5f408), [`f12b7ee`](https://github.com/riccardoperra/codeimage/commit/f12b7eeeb2dcc11d1856a64617381847b4cf6868), [`10839dc`](https://github.com/riccardoperra/codeimage/commit/10839dc41edc22ca81002083c34d5150f705df3e), [`79058e8`](https://github.com/riccardoperra/codeimage/commit/79058e84bfbe627430cdd79939d19ae7322244b6)]:
-  - @codeimage/theme@0.8.0
+  - @codeimage/highlight@0.8.0
   - @codeimage/config@6.0.0
   - @codeimage/locale@0.5.1
   - @codeimage/ui@0.7.0
@@ -96,7 +96,7 @@
 * [#223](https://github.com/riccardoperra/codeimage/pull/223) [`6350e1b`](https://github.com/riccardoperra/codeimage/commit/6350e1bbd36b76d114242ce30f8ceb92c92d0de1) Thanks [@riccardoperra](https://github.com/riccardoperra)! - Style improvements for MacOSX
 
 * Updated dependencies [[`719ac23`](https://github.com/riccardoperra/codeimage/commit/719ac23d91f93e11fe522633206787b56f8ef073), [`2b7248e`](https://github.com/riccardoperra/codeimage/commit/2b7248e9ba080dec9de44f954a56d7f560dfd899), [`f9b8474`](https://github.com/riccardoperra/codeimage/commit/f9b84748a631e62d32a903898c7ca8caac668964), [`643c6b6`](https://github.com/riccardoperra/codeimage/commit/643c6b668b81dd86b610aa21a71a5fb8c435b471), [`e8aa8a3`](https://github.com/riccardoperra/codeimage/commit/e8aa8a3a2dd10e024991a42a9c858c665092d1e7), [`e3ca614`](https://github.com/riccardoperra/codeimage/commit/e3ca6148a66cee7919d8a34311cf5033480e692e), [`f9b8474`](https://github.com/riccardoperra/codeimage/commit/f9b84748a631e62d32a903898c7ca8caac668964), [`6350e1b`](https://github.com/riccardoperra/codeimage/commit/6350e1bbd36b76d114242ce30f8ceb92c92d0de1)]:
-  - @codeimage/theme@0.7.0
+  - @codeimage/highlight@0.7.0
   - @codeimage/config@5.0.0
   - @codeimage/locale@0.5.0
   - @codeimage/ui@0.6.0
@@ -115,7 +115,7 @@
 
 - Updated dependencies [[`c868a0f`](https://github.com/riccardoperra/codeimage/commit/c868a0fe5a0590454067675ff93dd6d958404066)]:
   - @codeimage/config@4.0.0
-  - @codeimage/theme@0.6.0
+  - @codeimage/highlight@0.6.0
 
 ## 0.15.0
 
@@ -171,7 +171,7 @@
 - [#163](https://github.com/riccardoperra/codeimage/pull/163) [`bf3cbf4`](https://github.com/riccardoperra/codeimage/commit/bf3cbf4f8698cf810ff4c7b15b1bf0f7f2b8ebee) Thanks [@riccardoperra](https://github.com/riccardoperra)! - fix: hidden tab accent and placeholder on export when empty
 
 - Updated dependencies [[`7012ef8`](https://github.com/riccardoperra/codeimage/commit/7012ef8db63c6ae956c79bb09d652f474f6f4ee7), [`fa30bbe`](https://github.com/riccardoperra/codeimage/commit/fa30bbeaf83ab528973cbb23db97113b61a3f87e)]:
-  - @codeimage/theme@0.5.3
+  - @codeimage/highlight@0.5.3
   - @codeimage/config@3.4.2
   - @codeimage/locale@0.4.5
   - @codeimage/ui@0.4.5
@@ -246,7 +246,7 @@
 - Updated dependencies [03789fb]
 - Updated dependencies [b84600e]
   - @codeimage/config@3.3.1
-  - @codeimage/theme@0.5.2
+  - @codeimage/highlight@0.5.2
 
 ## 0.13.0
 
@@ -303,7 +303,7 @@
 - 9d538e7: feat: add material palenight theme
 - Updated dependencies [9d538e7]
   - @codeimage/config@3.1.1
-  - @codeimage/theme@0.5.1
+  - @codeimage/highlight@0.5.1
 
 ## 0.10.1
 
@@ -339,7 +339,7 @@
 - Updated dependencies [0e38805]
 - Updated dependencies [36f7cde]
 - Updated dependencies [1266e9c]
-  - @codeimage/theme@0.5.0
+  - @codeimage/highlight@0.5.0
   - @codeimage/config@3.0.0
 
 ## 0.8.3
@@ -352,7 +352,7 @@
 - Updated dependencies [ff4d634]
   - @codeimage/config@2.0.4
   - @codeimage/locale@0.4.3
-  - @codeimage/theme@0.4.4
+  - @codeimage/highlight@0.4.4
   - @codeimage/ui@0.4.3
 
 ## 0.8.2
@@ -363,7 +363,7 @@
 - Updated dependencies [4d087e3]
   - @codeimage/config@2.0.3
   - @codeimage/locale@0.4.2
-  - @codeimage/theme@0.4.3
+  - @codeimage/highlight@0.4.3
   - @codeimage/ui@0.4.2
 
 ## 0.8.1
@@ -374,7 +374,7 @@
 - Updated dependencies [c8ffdf7]
   - @codeimage/config@2.0.2
   - @codeimage/locale@0.4.1
-  - @codeimage/theme@0.4.2
+  - @codeimage/highlight@0.4.2
   - @codeimage/ui@0.4.1
 
 ## 0.8.0
@@ -388,7 +388,7 @@
 - 96e2b77: feat: add arc dark theme
 - Updated dependencies [96e2b77]
   - @codeimage/config@2.0.1
-  - @codeimage/theme@0.4.1
+  - @codeimage/highlight@0.4.1
 
 ## 0.7.0
 
@@ -407,7 +407,7 @@
 - Updated dependencies [97ab722]
   - @codeimage/config@2.0.0
   - @codeimage/locale@0.4.0
-  - @codeimage/theme@0.4.0
+  - @codeimage/highlight@0.4.0
   - @codeimage/ui@0.4.0
 
 ## 0.6.0
@@ -422,7 +422,7 @@
 - Updated dependencies [f653b6f]
 - Updated dependencies [fda1ee7]
   - @codeimage/locale@0.3.0
-  - @codeimage/theme@0.3.0
+  - @codeimage/highlight@0.3.0
   - @codeimage/ui@0.3.0
   - @codeimage/config@1.0.0
 
@@ -441,7 +441,7 @@
 ### Patch Changes
 
 - Updated dependencies [d29b226]
-  - @codeimage/theme@0.2.2
+  - @codeimage/highlight@0.2.2
 
 ## 0.4.0
 
@@ -455,7 +455,7 @@
 
 - 01b9832: feat: add synthwave84 theme
 - Updated dependencies [01b9832]
-  - @codeimage/theme@0.2.1
+  - @codeimage/highlight@0.2.1
 
 ## 0.3.0
 
@@ -469,7 +469,7 @@
 - Updated dependencies [171d02f]
 - Updated dependencies [56a7c2b]
   - @codeimage/locale@0.2.0
-  - @codeimage/theme@0.2.0
+  - @codeimage/highlight@0.2.0
   - @codeimage/ui@0.2.0
 
 ## 0.2.0
@@ -493,7 +493,7 @@
 ### Patch Changes
 
 - Updated dependencies [5d94d1c]
-  - @codeimage/theme@0.1.0
+  - @codeimage/highlight@0.1.0
   - @codeimage/ui@0.1.0
 
 ## 0.0.2
@@ -502,5 +502,5 @@
 
 - Add ui dynamic theme support
 - Updated dependencies
-  - @codeimage/theme@0.0.2
+  - @codeimage/highlight@0.0.2
   - @codeimage/ui@0.0.2
diff --git a/apps/codeimage/index.html b/apps/codeimage/index.html
@@ -21,7 +21,7 @@
   <link
     href='https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&family=Overpass+Mono:wght@400;500;600&family=Source+Code+Pro:wght@400;500;600&family=Space+Mono:ital,wght@0,400;0,700;1,700&display=swap'
     rel='stylesheet'
-    media="print" onload="this.onload=null;this.removeAttribute('media');"
+    media='print' onload="this.onload=null;this.removeAttribute('media');"
     as='font'
     fetchpriority='low'
     crossorigin>
@@ -81,9 +81,8 @@
 <noscript>You need to enable JavaScript to run this app.</noscript>
 <div id='root'>
   <div id='launcher' class='launcher'>
-    <img width='200px' src='/assets/codeimage-logo-white.svg' alt='logo' />
+    <img width='240px' src='/assets/codeimage-logo-white.svg' alt='logo' />
   </div>
-  <div id='drag-overlay' style='position: absolute; z-index: 1000000; inset: 0; display: none;'></div>
 </div>
 <script src='/src/index.tsx' type='module'></script>
 </body>

diff --git a/apps/codeimage/package.json b/apps/codeimage/package.json
@@ -4,7 +4,7 @@
   "version": "0.19.2",
   "scripts": {
     "start": "vite",
-    "dev": "vite --host --force",
+    "dev": "vite --host",
     "build": "rimraf dist && vite build",
     "build-sw": "rimraf dist && cross-env BASE_URL=/ SW=true SOURCE_MAP=true RELOAD_SW=true vite build",
     "serve:https": "serve dist",
@@ -33,44 +33,44 @@
   "dependencies": {
     "@codeimage/config": "workspace:*",
     "@codeimage/locale": "workspace:*",
-    "@codeimage/theme": "workspace:*",
+    "@codeimage/highlight": "workspace:*",
     "@codeimage/dom-export": "workspace:*",
     "@codeimage/ui": "workspace:*",
-    "@codemirror/autocomplete": "^0.20.1",
-    "@codemirror/commands": "^0.20.0",
-    "@codemirror/lang-cpp": "^0.20.0",
-    "@codemirror/lang-css": "^0.20.0",
-    "@codemirror/lang-html": "^0.20.0",
-    "@codemirror/lang-java": "^0.20.0",
-    "@codemirror/lang-javascript": "^0.20.0",
-    "@codemirror/lang-json": "^0.20.0",
-    "@codemirror/lang-markdown": "^0.20.1",
-    "@codemirror/lang-php": "^0.20.0",
-    "@codemirror/lang-python": "^0.20.0",
-    "@codemirror/lang-rust": "^0.20.0",
-    "@codemirror/lang-sql": "^0.20.0",
-    "@codemirror/language": "^0.20.2",
-    "@codemirror/lint": "^0.20.2",
-    "@codemirror/search": "^0.20.1",
-    "@codemirror/state": "^0.20.0",
-    "@codemirror/view": "^0.20.6",
-    "@floating-ui/core": "^0.7.1",
-    "@floating-ui/dom": "^0.5.1",
-    "@lezer/highlight": "^0.16.0",
-    "@lion/combobox": "^0.10.0",
-    "@lion/core": "^0.22.0",
-    "@lion/listbox": "^0.13.1",
-    "@ngneat/effects": "^1.1.0",
+    "@codemirror/autocomplete": "^6.0.1",
+    "@codemirror/commands": "^6.0.0",
+    "@codemirror/lang-cpp": "^6.0.0",
+    "@codemirror/lang-css": "^6.0.0",
+    "@codemirror/lang-html": "^6.0.0",
+    "@codemirror/lang-java": "^6.0.0",
+    "@codemirror/lang-javascript": "^6.0.0",
+    "@codemirror/lang-json": "^6.0.0",
+    "@codemirror/lang-markdown": "^6.0.0",
+    "@codemirror/lang-php": "^6.0.0",
+    "@codemirror/lang-python": "^6.0.0",
+    "@codemirror/lang-rust": "^6.0.0",
+    "@codemirror/lang-sql": "^6.0.0",
+    "@codemirror/language": "^6.0.0",
+    "@codemirror/lint": "^6.0.0",
+    "@codemirror/search": "^6.0.0",
+    "@codemirror/state": "^6.0.0",
+    "@codemirror/view": "^6.0.0",
+    "@floating-ui/core": "^0.7.3",
+    "@floating-ui/dom": "^0.5.3",
+    "@lezer/highlight": "^1.0.0",
+    "@lion/combobox": "^0.11.0",
+    "@lion/core": "^0.23.0",
+    "@lion/listbox": "^0.14.0",
+    "@ngneat/effects": "^1.1.1",
     "@ngneat/elf": "^2.0.0",
     "@ngneat/elf-devtools": "^1.2.1",
-    "@ngneat/elf-persist-state": "^1.1.1",
+    "@ngneat/elf-persist-state": "^1.1.2",
     "@solid-primitives/i18n": "^1.1.0",
-    "@solid-primitives/immutable": "0.1.0",
-    "@solid-primitives/resize-observer": "^1.1.0",
-    "@thisbeyond/solid-dnd": "0.6.1",
-    "@vanilla-extract/css": "^1.7.0",
+    "@solid-primitives/immutable": "^0.1.0",
+    "@solid-primitives/resize-observer": "^2.0.2",
+    "@thisbeyond/solid-dnd": "^0.6.1",
+    "@vanilla-extract/css": "^1.7.2",
     "@vanilla-extract/dynamic": "^2.0.2",
-    "@vanilla-extract/recipes": "^0.2.4",
+    "@vanilla-extract/recipes": "^0.2.5",
     "@vanilla-extract/sprinkles": "^1.4.1",
     "@vanilla-extract/vite-plugin": "3.1.4",
     "bind-event-listener": "^2.1.0",
@@ -80,13 +80,13 @@
     "idb-keyval": "6.1.0",
     "inter-ui": "^3.19.3",
     "modern-normalize": "^1.1.0",
-    "polished": "4.2.2",
+    "polished": "^4.2.2",
     "rxjs": "^7.5.5",
     "solid-app-router": "^0.3.3",
-    "solid-codemirror": "^1.0.3",
-    "solid-headless": "^0.10.12",
+    "solid-codemirror": "^1.1.0",
+    "solid-headless": "^0.11.0",
     "solid-js": "^1.4.4",
-    "solid-use": "^0.3.4",
+    "solid-use": "^0.4.2",
     "tinykeys": "^1.4.0",
     "workbox-precaching": "^6.5.3",
     "workbox-routing": "^6.5.3",