build: add theme split chunk configuration

riccardoperra · Jun 11, 2022 · b105e67 · b105e67
1 parent f93882c
commit b105e67
Show file tree

Hide file tree

Showing 36 changed files with 238 additions and 241 deletions.
diff --git a/apps/codeimage/src/App.tsx b/apps/codeimage/src/App.tsx
@@ -10,7 +10,7 @@ import {fromObservableObject} from '@core/hooks/from-observable-object';
 import {useModality} from '@core/hooks/isMobile';
 import {useEffects} from '@core/store/use-effect';
 import {initEffects} from '@ngneat/effects';
-import {createEffect, createSignal, lazy, on, Show} from 'solid-js';
+import {createEffect, createSignal, on, Show} from 'solid-js';
 import {BottomBar} from './components/BottomBar/BottomBar';
 import CustomEditor from './components/CustomEditor/CustomEditor';
 import {Footer} from './components/Footer/Footer';

diff --git a/apps/codeimage/src/components/Terminal/Tabs/TabName/TabName.tsx b/apps/codeimage/src/components/Terminal/Tabs/TabName/TabName.tsx
@@ -9,7 +9,6 @@ import {
   JSXElement,
   onMount,
   Show,
-  Suspense,
 } from 'solid-js';
 import {highlight as _highlight} from '../../../../core/directives/highlight';
 import {InlineCombobox} from '../../../../ui/Combobox/InlineCombobox';

diff --git a/apps/codeimage/src/state/terminal.ts b/apps/codeimage/src/state/terminal.ts
@@ -1,11 +1,10 @@
 import {themeVars} from '@codeimage/ui';
+import {AVAILABLE_TERMINAL_THEMES} from '@core/configuration/terminal-themes';
+import {elfAutoSettersFactory} from '@core/store/elf-auto-setters-factory';
 import {createStore, setProp, withProps} from '@ngneat/elf';
 import {localStorageStrategy, persistState} from '@ngneat/elf-persist-state';
 import {distinctUntilChanged} from 'rxjs';
-import {SUPPORTED_THEMES_DICTIONARY} from '@core/configuration';
-import {AVAILABLE_TERMINAL_THEMES} from '@core/configuration/terminal-themes';
 import shallow from '../core/helpers/shallow';
-import {elfAutoSettersFactory} from '@core/store/elf-auto-setters-factory';
 
 export interface TerminalState {
   readonly showHeader: boolean;

diff --git a/packages/config/src/lib/base/themes.ts b/packages/config/src/lib/base/themes.ts
@@ -1,19 +1,17 @@
-import {
-  coldarkColdTheme,
-  coldarkDarkTheme,
-  draculaTheme,
-  duotoneDarkTheme,
-  duotoneSeaTheme,
-  lightTheme,
-  materialLightTheme,
-  materialOceanTheme,
-  materialPalenightTheme,
-  materialVolcanoTheme,
-  nightOwlTheme,
-  oneDarkTheme,
-  synthwave84Theme,
-  vsCodeDarkTheme,
-} from '@codeimage/theme';
+import {coldarkColdTheme} from '@codeimage/theme/coldarkCold';
+import {coldarkDarkTheme} from '@codeimage/theme/coldarkDark';
+import {draculaTheme} from '@codeimage/theme/dracula';
+import {duotoneDarkTheme} from '@codeimage/theme/duotoneDark';
+import {duotoneSeaTheme} from '@codeimage/theme/duotoneSea';
+import {lightTheme} from '@codeimage/theme/light';
+import {materialLightTheme} from '@codeimage/theme/materialLight';
+import {materialOceanTheme} from '@codeimage/theme/materialOcean';
+import {materialPalenightTheme} from '@codeimage/theme/materialPalenight';
+import {materialVolcanoTheme} from '@codeimage/theme/materialVolcano';
+import {nightOwlTheme} from '@codeimage/theme/nightOwl';
+import {oneDarkTheme} from '@codeimage/theme/oneDark';
+import {synthwave84Theme} from '@codeimage/theme/synthwave84';
+import {vsCodeDarkTheme} from '@codeimage/theme/vsCodeDark';
 
 export const SUPPORTED_THEMES = [
   vsCodeDarkTheme,

diff --git a/packages/theme/package.json b/packages/theme/package.json
@@ -2,160 +2,164 @@
   "name": "@codeimage/theme",
   "version": "0.8.0",
   "module": "./dist/index.js",
-  "source": "./src/public-api.ts",
+  "types": "./dist/public-api.d.ts",
+  "scripts": {
+    "build": "rollup -c",
+    "build:watch": "vite build --watch",
+    "preview": "vite preview",
+    "pre-commit": "lint-staged --relative",
+    "pre-commit-prettier": "prettier --write",
+    "pre-commit-eslint": "eslint --ext .js,.jsx,.mjs,.ts,.tsx -c ../../.eslintrc.js --fix",
+    "lint": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx -c ../../.eslintrc.js",
+    "clean": "rimraf dist",
+    "build-esm": "tsc -p tsconfig.esm.json",
+    "build-dts": "tsc -p tsconfig.dts.json",
+    "typecheck": "tsc --noEmit --skipLibCheck --project tsconfig.json",
+    "dev": "chokidar \"src/**/*.{ts,tsx}\" -c \"pnpm build\""
+  },
+  "dependencies": {
+    "@codemirror/language": "^0.20.2",
+    "@codemirror/state": "^0.20.0",
+    "@codemirror/theme-one-dark": "^0.20.0",
+    "@codemirror/view": "^0.20.6",
+    "@lezer/highlight": "^0.16.0"
+  },
+  "peerDependencies": {
+    "@codemirror/language": "^0.20.2",
+    "@codemirror/state": "^0.20.0",
+    "@codemirror/view": "^0.20.6",
+    "@lezer/highlight": "^0.16.0"
+  },
+  "devDependencies": {
+    "rimraf": "^3.0.2",
+    "typescript": "^4.7.3",
+    "rollup": "2.75.5",
+    "rollup-plugin-dts": "4.2.2",
+    "vite": "^2.9.9",
+    "vite-plugin-dts": "^1.1.1",
+    "vite-plugin-solid": "^2.2.6",
+    "@rollup/plugin-typescript": "^8.3.2"
+  },
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/source/public-api.d.ts"
+      "import": "./index.js",
+      "types": "./public-api.d.ts"
+    },
+    "./arcDark": {
+      "import": "./dist/lib/themes/arcDark/index.js",
+      "types": "./dist/lib/themes/arcDark/index.d.ts"
     },
-    "./arc-dark": {
-      "import": "./dist/arc-dark.js",
-      "types": "./dist/source/lib/themes/arc-dark/index.d.ts"
+    "./coldarkCold": {
+      "import": "./dist/lib/themes/coldarkCold/index.js",
+      "types": "./dist/lib/themes/coldarkCold/index.d.ts"
     },
-    "./coldark": {
-      "import": "./dist/coldark.js",
-      "types": "./dist/source/lib/themes/coldark/index.d.ts"
+    "./coldarkDark": {
+      "import": "./dist/lib/themes/coldarkDark/index.js",
+      "types": "./dist/lib/themes/coldarkDark/index.d.ts"
     },
     "./dracula": {
-      "import": "./dist/dracula.js",
-      "types": "./dist/source/lib/themes/dracula/index.d.ts"
+      "import": "./dist/lib/themes/dracula/index.js",
+      "types": "./dist/lib/themes/dracula/index.d.ts"
     },
-    "./duotone-dark": {
-      "import": "./dist/duotone-dark.js",
-      "types": "./dist/source/lib/themes/duotone-dark/index.d.ts"
+    "./duotoneDark": {
+      "import": "./dist/lib/themes/duotoneDark/index.js",
+      "types": "./dist/lib/themes/duotoneDark/index.d.ts"
     },
-    "./duotone-sea": {
-      "import": "./dist/duotone-sea.js",
-      "types": "./dist/source/lib/themes/duotone-sea/index.d.ts"
+    "./duotoneSea": {
+      "import": "./dist/lib/themes/duotoneSea/index.js",
+      "types": "./dist/lib/themes/duotoneSea/index.d.ts"
     },
     "./holi": {
-      "import": "./dist/holi.js",
-      "types": "./dist/source/lib/themes/holi/index.d.ts"
+      "import": "./dist/lib/themes/holi/index.js",
+      "types": "./dist/lib/themes/holi/index.d.ts"
     },
     "./light": {
-      "import": "./dist/light.js",
-      "types": "./dist/source/lib/themes/light/index.d.ts"
+      "import": "./dist/lib/themes/light/index.js",
+      "types": "./dist/lib/themes/light/index.d.ts"
     },
-    "./material-light": {
-      "import": "./dist/material-light.js",
-      "types": "./dist/source/lib/themes/material-light/index.d.ts"
+    "./materialLight": {
+      "import": "./dist/lib/themes/materialLight/index.js",
+      "types": "./dist/lib/themes/materialLight/index.d.ts"
     },
-    "./material-ocean": {
-      "import": "./dist/material-ocean.js",
-      "types": "./dist/source/lib/themes/material-ocean/index.d.ts"
+    "./materialOcean": {
+      "import": "./dist/lib/themes/materialOcean/index.js",
+      "types": "./dist/lib/themes/materialOcean/index.d.ts"
     },
-    "./material-palenight": {
-      "import": "./dist/material-palenight.js",
-      "types": "./dist/source/lib/themes/material-palenight/index.d.ts"
+    "./materialPalenight": {
+      "import": "./dist/lib/themes/materialPalenight/index.js",
+      "types": "./dist/lib/themes/materialPalenight/index.d.ts"
     },
-    "./material-volcano": {
-      "import": "./dist/material-volcano.js",
-      "types": "./dist/source/lib/themes/material-volcano/index.d.ts"
+    "./materialVolcano": {
+      "import": "./dist/lib/themes/materialVolcano/index.js",
+      "types": "./dist/lib/themes/materialVolcano/index.d.ts"
     },
-    "./night-owl": {
-      "import": "./dist/night-owl.js",
-      "types": "./dist/source/lib/themes/night-owl/index.d.ts"
+    "./nightOwl": {
+      "import": "./dist/lib/themes/nightOwl/index.js",
+      "types": "./dist/lib/themes/nightOwl/index.d.ts"
     },
-    "./one-dark": {
-      "import": "./dist/one-dark.js",
-      "types": "./dist/source/lib/themes/one-dark/index.d.ts"
+    "./oneDark": {
+      "import": "./dist/lib/themes/oneDark/index.js",
+      "types": "./dist/lib/themes/oneDark/index.d.ts"
     },
     "./synthwave84": {
-      "import": "./dist/synthwave84.js",
-      "types": "./dist/source/lib/themes/synthwave84/index.d.ts"
+      "import": "./dist/lib/themes/synthwave84/index.js",
+      "types": "./dist/lib/themes/synthwave84/index.d.ts"
     },
-    "./vscode-dark": {
-      "import": "./dist/vscode-dark.js",
-      "types": "./dist/source/lib/themes/vscode-dark/index.d.ts"
+    "./vsCodeDark": {
+      "import": "./dist/lib/themes/vsCodeDark/index.js",
+      "types": "./dist/lib/themes/vsCodeDark/index.d.ts"
     }
   },
   "typesVersions": {
     "*": {
-      "*": [
-        "./dist/source/public-api.d.ts"
+      "arcDark": [
+        "./dist/lib/themes/arcDark/index.d.ts"
       ],
-      "./arc-dark": [
-        "./dist/source/lib/themes/arc-dark/index.d.ts"
+      "coldarkCold": [
+        "./dist/lib/themes/coldarkCold/index.d.ts"
       ],
-      "./coldark": [
-        "./dist/source/lib/themes/coldark/index.d.ts"
+      "coldarkDark": [
+        "./dist/lib/themes/coldarkDark/index.d.ts"
       ],
-      "./dracula": [
-        "./dist/source/lib/themes/dracula/index.d.ts"
+      "dracula": [
+        "./dist/lib/themes/dracula/index.d.ts"
       ],
-      "./duotone-dark": [
-        "./dist/source/lib/themes/duotone-dark/index.d.ts"
+      "duotoneDark": [
+        "./dist/lib/themes/duotoneDark/index.d.ts"
       ],
-      "./duotone-sea": [
-        "./dist/source/lib/themes/duotone-sea/index.d.ts"
+      "duotoneSea": [
+        "./dist/lib/themes/duotoneSea/index.d.ts"
       ],
-      "./holi": [
-        "./dist/source/lib/themes/holi/index.d.ts"
+      "holi": [
+        "./dist/lib/themes/holi/index.d.ts"
       ],
-      "./light": [
-        "./dist/source/lib/themes/light/index.d.ts"
+      "light": [
+        "./dist/lib/themes/light/index.d.ts"
       ],
-      "./material-light": [
-        "./dist/source/lib/themes/material-light/index.d.ts"
+      "materialLight": [
+        "./dist/lib/themes/materialLight/index.d.ts"
       ],
-      "./material-ocean": [
-        "./dist/source/lib/themes/material-ocean/index.d.ts"
+      "materialOcean": [
+        "./dist/lib/themes/materialOcean/index.d.ts"
       ],
-      "./material-palenight": [
-        "./dist/source/lib/themes/material-palenight/index.d.ts"
+      "materialPalenight": [
+        "./dist/lib/themes/materialPalenight/index.d.ts"
       ],
-      "./material-volcano": [
-        "./dist/source/lib/themes/material-volcano/index.d.ts"
+      "materialVolcano": [
+        "./dist/lib/themes/materialVolcano/index.d.ts"
       ],
-      "./night-owl": [
-        "./dist/source/lib/themes/night-owl/index.d.ts"
+      "nightOwl": [
+        "./dist/lib/themes/nightOwl/index.d.ts"
       ],
-      "./one-dark": [
-        "./dist/source/lib/themes/one-dark/index.d.ts"
+      "oneDark": [
+        "./dist/lib/themes/oneDark/index.d.ts"
       ],
-      "./synthwave84": [
-        "./dist/source/lib/themes/synthwave84/index.d.ts"
+      "synthwave84": [
+        "./dist/lib/themes/synthwave84/index.d.ts"
       ],
-      "./vscode-dark": [
-        "./dist/source/lib/themes/vscode-dark/index.d.ts"
+      "vsCodeDark": [
+        "./dist/lib/themes/vsCodeDark/index.d.ts"
       ]
     }
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "build:watch": "vite build --watch",
-    "preview": "vite preview",
-    "pre-commit": "lint-staged --relative",
-    "pre-commit-prettier": "prettier --write",
-    "pre-commit-eslint": "eslint --ext .js,.jsx,.mjs,.ts,.tsx -c ../../.eslintrc.js --fix",
-    "lint": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx -c ../../.eslintrc.js",
-    "clean": "rimraf dist",
-    "build-esm": "tsc -p tsconfig.esm.json",
-    "build-dts": "tsc -p tsconfig.dts.json",
-    "typecheck": "tsc --noEmit --skipLibCheck --project tsconfig.json",
-    "dev": "chokidar \"src/**/*.{ts,tsx}\" -c \"pnpm build\""
-  },
-  "dependencies": {
-    "@codemirror/language": "^0.20.2",
-    "@codemirror/state": "^0.20.0",
-    "@codemirror/theme-one-dark": "^0.20.0",
-    "@codemirror/view": "^0.20.6",
-    "@lezer/highlight": "^0.16.0"
-  },
-  "peerDependencies": {
-    "@codemirror/language": "^0.20.2",
-    "@codemirror/state": "^0.20.0",
-    "@codemirror/view": "^0.20.6",
-    "@lezer/highlight": "^0.16.0"
-  },
-  "devDependencies": {
-    "rimraf": "^3.0.2",
-    "typescript": "^4.7.3",
-    "rollup": "2.75.5",
-    "rollup-plugin-dts": "4.2.2",
-    "vite": "^2.9.9",
-    "vite-plugin-dts": "^1.1.1",
-    "vite-plugin-solid": "^2.2.6",
-    "@rollup/plugin-typescript": "^8.3.2"
   }
 }