@ws-ui/code-editor 0.1.30 → 0.2.0-beta.20240711

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.flex{display:flex}.h-3{height:.75rem}.h-4{height:1rem}.h-full{height:100%}.w-3\/4{width:75%}.w-4{width:1rem}.w-5\/6{width:83.333333%}.w-full{width:100%}.flex-1{flex:1 1 0%}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded{border-radius:4px}.border-b{border-bottom-width:.5px}.border-fd-gray-darker{--tw-border-opacity: 1;border-color:rgb(21 21 21 / var(--tw-border-opacity))}.bg-grey-200{--tw-bg-opacity: 1;background-color:rgb(136 136 136 / var(--tw-bg-opacity))}.bg-grey-800{--tw-bg-opacity: 1;background-color:rgb(56 56 56 / var(--tw-bg-opacity))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.text-xs{font-size:.65rem}.text-grey-50{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity: 1;color:rgb(177 116 229 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.flex{display:flex}.h-3{height:.75rem}.h-4{height:1rem}.h-full{height:100%}.w-3\/4{width:75%}.w-4{width:1rem}.w-5\/6{width:83.333333%}.w-full{width:100%}.flex-1{flex:1 1 0%}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded{border-radius:4px}.border-b{border-bottom-width:.5px}.border-fd-gray-darker{--tw-border-opacity: 1;border-color:rgb(21 21 21 / var(--tw-border-opacity))}.bg-grey-200{--tw-bg-opacity: 1;background-color:rgb(136 136 136 / var(--tw-bg-opacity))}.bg-grey-800{--tw-bg-opacity: 1;background-color:rgb(56 56 56 / var(--tw-bg-opacity))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.text-xs{font-size:.65rem}.text-grey-50{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity: 1;color:rgb(177 116 229 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ws-ui/code-editor",
   "private": false,
-  "version": "0.1.30",
+  "version": "0.2.0-beta.20240711",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -10,12 +10,15 @@
     "dist"
   ],
   "scripts": {
-    "dev": "cross-env VITE_DISABLE_MONACO_LOADER=true vite",
+    "dev": "vite",
     "dev:4d": "cross-env VITE_DEMO_LANG=4d vite",
     "dev:qodly": "cross-env VITE_DEMO_LANG=qodly vite",
-    "dev:json": "cross-env VITE_DEMO_LANG=json VITE_DISABLE_MONACO_LOADER=true vite",
-    "dev:condition": "cross-env VITE_DEMO_LANG=condition VITE_DISABLE_MONACO_LOADER=true vite",
+    "dev:json": "cross-env VITE_DEMO_LANG=json vite",
+    "dev:js": "cross-env VITE_DEMO_LANG=js vite",
+    "dev:condition": "cross-env VITE_DEMO_LANG=condition vite",
+    "clean:cache": "npx rimraf node_modules/.vite node_modules/.monaco",
     "prepack": "npm run build",
+    "prebuild": "npm run clean:cache",
     "build": "tsc && vite build --base=/studio/",
     "build:noloader": "cross-env VITE_DISABLE_MONACO_LOADER=true npm run build",
     "postbuild": "yalc push --private",
@@ -26,30 +29,44 @@
     "@ws-ui/shared": {
       "@ws-ui/icons": "$@ws-ui/icons",
       "monaco-editor": "$monaco-editor"
+    },
+    "@monaco-editor/react": {
+      "monaco-editor": "$monaco-editor"
+    },
+    "monaco-languageclient": {
+      "monaco-editor": "$monaco-editor",
+      "vscode": "$vscode"
     }
   },
   "dependencies": {
-    "@vscode/vscode-languagedetection": "^1.0.22",
-    "monaco-languageclient": "6.4.6",
-    "vscode-oniguruma": "^1.7.0",
-    "vscode-textmate": "^9.0.0",
-    "vscode-ws-jsonrpc": "^3.0.0",
-    "xterm": "^5.2.1",
-    "xterm-addon-canvas": "^0.4.0",
-    "xterm-addon-image": "^0.4.1",
-    "xterm-addon-search": "^0.12.0",
-    "xterm-addon-serialize": "^0.10.0",
-    "xterm-addon-unicode11": "^0.5.0",
-    "xterm-addon-webgl": "^0.15.0",
-    "yauzl": "^2.10.0"
+    "@codingame/monaco-vscode-configuration-service-override": "5.2.0",
+    "@codingame/monaco-vscode-css-default-extension": "5.2.0",
+    "@codingame/monaco-vscode-editor-service-override": "5.2.0",
+    "@codingame/monaco-vscode-html-default-extension": "5.2.0",
+    "@codingame/monaco-vscode-javascript-default-extension": "5.2.0",
+    "@codingame/monaco-vscode-json-default-extension": "5.2.0",
+    "@codingame/monaco-vscode-languages-service-override": "5.2.0",
+    "@codingame/monaco-vscode-model-service-override": "5.2.0",
+    "@codingame/monaco-vscode-monarch-service-override": "5.2.0",
+    "@codingame/monaco-vscode-standalone-css-language-features": "5.2.0",
+    "@codingame/monaco-vscode-standalone-html-language-features": "5.2.0",
+    "@codingame/monaco-vscode-standalone-json-language-features": "5.2.0",
+    "@codingame/monaco-vscode-standalone-languages": "5.2.0",
+    "@codingame/monaco-vscode-standalone-typescript-language-features": "5.2.0",
+    "@codingame/monaco-vscode-textmate-service-override": "5.2.0",
+    "@codingame/monaco-vscode-theme-defaults-default-extension": "5.2.0",
+    "@codingame/monaco-vscode-theme-service-override": "5.2.0",
+    "monaco-editor": "npm:@codingame/monaco-vscode-editor-api@5.2.0",
+    "monaco-languageclient": "8.5.0",
+    "vscode": "npm:@codingame/monaco-vscode-api@5.2.0",
+    "vscode-ws-jsonrpc": "^3.0.0"
   },
   "peerDependencies": {
     "@monaco-editor/react": "^4.6.0",
-    "@ws-ui/icons": "^0.0.21",
-    "@ws-ui/shared": "^0.1.30",
+    "@ws-ui/icons": "^0.0.22",
+    "@ws-ui/shared": "^0.2.0-beta.20240711",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",
-    "monaco-editor": "^0.41.0",
     "re-resizable": "^6.9.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -69,8 +86,10 @@
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "@vitejs/plugin-react": "^4.0.3",
+    "@ws-ui/vite-plugins": "^1.0.1",
     "autoprefixer": "^10.4.16",
     "cross-env": "^7.0.3",
+    "esbuild": "^0.18.20",
     "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",

package/dist/editor/configurations/4d.d.ts

@@ -1,3 +0,0 @@
-import * as monaco from 'monaco-editor';
-declare const config: monaco.languages.LanguageConfiguration;
-export default config;

package/dist/editor/services/CodeEditorService.d.ts

@@ -1,11 +0,0 @@
-import { ICodeEditorService } from 'vscode/services';
-export type ICodeEditorOpenHandler = Parameters<ICodeEditorService['registerCodeEditorOpenHandler']>[0];
-type ServiceProps = {
-    openHandler?: ICodeEditorOpenHandler;
-};
-declare const service: {
-    getServiceOverride: ({ openHandler }: ServiceProps) => {
-        [x: string]: ICodeEditorService;
-    };
-};
-export default service;

package/dist/editor/services/LanguageFeaturesService.d.ts

@@ -1,7 +0,0 @@
-import { ILanguageFeaturesService } from 'vscode/services';
-declare const service: {
-    getServiceOverride: () => {
-        [x: string]: ILanguageFeaturesService;
-    };
-};
-export default service;

package/dist/editor/services/TextModelService.d.ts

@@ -1,7 +0,0 @@
-import { ITextModelService } from 'vscode/services';
-declare const service: {
-    getServiceOverride: () => {
-        [x: string]: ITextModelService;
-    };
-};
-export default service;

package/dist/editor/themes/4d-dark.d.ts

@@ -1,2 +0,0 @@
-import { editor as MonacoEditor } from 'monaco-editor';
-export declare const FdDarkTheme: MonacoEditor.IStandaloneThemeData;

package/dist/editor/themes/index.d.ts

@@ -1 +0,0 @@
-export { FdDarkTheme } from './4d-dark';