@yoopta/code 2.0.1 → 4.0.0-rc.0

package/dist/plugin/index.d.ts

@@ -0,0 +1,14 @@
+import { YooptaPlugin } from '@yoopta/editor';
+declare const Code: YooptaPlugin<"code", {
+    nodeType: "void";
+    language: string;
+    theme: string;
+}, {
+    display: {
+        title: string;
+        description: string;
+    };
+    shortcuts: string[];
+}>;
+export { Code };
+//# sourceMappingURL=index.d.ts.map

package/dist/plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI;;;;;;;;;;EAoBR,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/types.d.ts

@@ -1,15 +1,8 @@
-import { Modify, YooptaBaseElement } from '@yoopta/editor';
-export type CodeElementData = {
-    language: string;
-    filename?: string;
+import { SlateElement } from '@yoopta/editor';
+export type CodePluginElements = 'code';
+export type CodeElementProps = {
+    language?: string;
+    theme?: string;
 };
-export type CodeElement = Modify<YooptaBaseElement<'code'>, {
-    data: CodeElementData;
-    children: CodeChildElement[];
-}>;
-export type CodeChildElement = Modify<YooptaBaseElement<'code-line'>, {
-    data: {
-        skipSettings: boolean;
-        skipDrag: boolean;
-    };
-}>;
+export type CodeElement = SlateElement<'code', CodeElementProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC;AACxC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/ui/Code.d.ts

@@ -0,0 +1,4 @@
+import { PluginElementRenderProps } from '@yoopta/editor';
+declare const CodeEditor: ({ blockId, attributes, children }: PluginElementRenderProps) => import("react/jsx-runtime").JSX.Element;
+export { CodeEditor };
+//# sourceMappingURL=Code.d.ts.map

package/dist/ui/Code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../src/ui/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAkD,MAAM,gBAAgB,CAAC;AAkB1G,QAAA,MAAM,UAAU,sCAAuC,wBAAwB,4CAsC9E,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/ui/CodeBlockOptions.d.ts

@@ -0,0 +1,10 @@
+import { YooEditor, YooptaBlockData } from '@yoopta/editor';
+import { CodeElement } from '../types';
+type Props = {
+    editor: YooEditor;
+    block: YooptaBlockData;
+    element: CodeElement;
+};
+export declare const CodeBlockOptions: ({ block, editor, element }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CodeBlockOptions.d.ts.map

package/dist/ui/CodeBlockOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockOptions.d.ts","sourceRoot":"","sources":["../../src/ui/CodeBlockOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAShE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOvC,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+BAAgC,KAAK,4CA4DjE,CAAC"}

package/dist/ui/Select.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const SelectRoot: import("react").FC<SelectPrimitive.SelectProps>;
+declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: ({ children, className }: {
+    children: any;
+    className: any;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const SelectContent: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const SelectItem: ({ value, children }: {
+    value: any;
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+type SelectProps = {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    onChange: (value: string) => void;
+    value: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare const Select: ({ options, onChange, value, children, className }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export { Select, SelectTrigger, SelectRoot, SelectValue, SelectContent, SelectItem };
+//# sourceMappingURL=Select.d.ts.map

package/dist/ui/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/ui/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,QAAA,MAAM,UAAU,iDAAuB,CAAC;AACxC,QAAA,MAAM,WAAW,8HAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa;;;6CAWlB,CAAC;AAEF,QAAA,MAAM,aAAa;;6CAiBlB,CAAC;AAEF,QAAA,MAAM,UAAU;;;6CASf,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,MAAM,sDAAuD,WAAW,4CAe7E,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/dist/utils/element.d.ts

@@ -0,0 +1,4 @@
+import { YooptaBlockData } from '@yoopta/editor';
+export declare const getCodeElement: (block: YooptaBlockData) => import("slate").Descendant | import("@yoopta/editor").SlateElement<string, any>;
+export declare const getCodeElementText: (block: YooptaBlockData) => any;
+//# sourceMappingURL=element.d.ts.map

package/dist/utils/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../src/utils/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,eAAO,MAAM,cAAc,UAAW,eAAe,oFAEpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,eAAe,QAGxD,CAAC"}

package/dist/utils/languages.d.ts

@@ -0,0 +1,19 @@
+declare const LANGUAGES: {
+    HTML: any;
+    CSS: any;
+    JavaScript: import("@codemirror/language").LanguageSupport;
+    PHP: any;
+    'C++': any;
+    Java: any;
+    Python: any;
+    Markdown: any;
+    Rust: any;
+    Vue: any;
+    SQL: any;
+    Angular: any;
+    JSON: any;
+    XML: any;
+    YAML: any;
+};
+export { LANGUAGES };
+//# sourceMappingURL=languages.d.ts.map

package/dist/utils/languages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.d.ts","sourceRoot":"","sources":["../../src/utils/languages.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAgBd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/utils/themes.d.ts

@@ -0,0 +1,15 @@
+export declare const themes: {
+    BasicLight: import("@codemirror/state").Extension;
+    BasicDark: import("@codemirror/state").Extension;
+    VSCode: import("@codemirror/state").Extension;
+    Sublime: import("@codemirror/state").Extension;
+    Okaidia: import("@codemirror/state").Extension;
+    Monokai: import("@codemirror/state").Extension;
+    MaterialDark: import("@codemirror/state").Extension;
+    MaterialLight: import("@codemirror/state").Extension;
+    GithubDark: import("@codemirror/state").Extension;
+    GithubLight: import("@codemirror/state").Extension;
+    Dracula: import("@codemirror/state").Extension;
+    Copilot: import("@codemirror/state").Extension;
+};
+//# sourceMappingURL=themes.d.ts.map

package/dist/utils/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/utils/themes.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAalB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/code",
-  "version": "2.0.1",
+  "version": "4.0.0-rc.0",
   "description": "> TODO: description",
   "author": "Darginec05 <devopsbanda@gmail.com>",
   "homepage": "https://github.com/Darginec05/Editor-Yoopta#readme",
@@ -14,11 +14,9 @@
     "dist/"
   ],
   "peerDependencies": {
-    "@yoopta/editor": ">=1.9.18-rc",
+    "@yoopta/editor": ">=4.0.0-rc.0",
     "react": ">=17.0.2",
-    "react-dom": ">=17.0.2",
-    "slate": ">=0.72.3",
-    "slate-react": ">=0.95.0"
+    "react-dom": ">=17.0.2"
   },
   "publishConfig": {
     "registry": "https://registry.yarnpkg.com"
@@ -28,13 +26,28 @@
     "url": "git+https://github.com/Darginec05/Editor-Yoopta.git"
   },
   "scripts": {
-    "test": "node ./__tests__/yoopta-code.test.js"
+    "test": "node ./__tests__/yoopta-callout.test.js",
+    "start": "rollup --config rollup.config.js --watch --bundleConfigAsCjs --environment NODE_ENV:development",
+    "prepublishOnly": "yarn build",
+    "build": "rollup --config rollup.config.js --bundleConfigAsCjs --environment NODE_ENV:production"
   },
   "bugs": {
     "url": "https://github.com/Darginec05/Editor-Yoopta/issues"
   },
   "dependencies": {
-    "prism-material-themes": "^1.0.4",
-    "prismjs": "^1.29.0"
-  }
+    "@codemirror/lang-javascript": "^6.2.2",
+    "@radix-ui/react-select": "^2.0.0",
+    "@uiw/codemirror-theme-basic": "^4.21.24",
+    "@uiw/codemirror-theme-copilot": "^4.21.24",
+    "@uiw/codemirror-theme-dracula": "^4.21.24",
+    "@uiw/codemirror-theme-github": "^4.21.24",
+    "@uiw/codemirror-theme-material": "^4.21.24",
+    "@uiw/codemirror-theme-monokai-dimmed": "^4.21.24",
+    "@uiw/codemirror-theme-okaidia": "^4.21.24",
+    "@uiw/codemirror-theme-sublime": "^4.21.24",
+    "@uiw/codemirror-theme-vscode": "^4.21.24",
+    "@uiw/react-codemirror": "^4.21.24",
+    "copy-to-clipboard": "^3.3.3"
+  },
+  "gitHead": "7e5c32bd4c48dd21d84359a3fe87ed82cdaf964f"
 }

package/dist/Code.d.ts

@@ -1,11 +0,0 @@
-import { YooEditor, YooptaPluginBaseOptions } from '@yoopta/editor';
-import { CodeChildElement, CodeElement } from './types';
-declare module 'slate' {
-    interface CustomTypes {
-        Editor: YooEditor;
-        Element: CodeElement | CodeChildElement;
-    }
-}
-declare const CodeLine: import("@yoopta/editor").YooptaPlugin<any, CodeChildElement>;
-declare const Code: import("@yoopta/editor").YooptaPlugin<YooptaPluginBaseOptions, CodeElement>;
-export { Code, CodeLine, CodeElement, CodeChildElement };

package/dist/ui/CodeEditor.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import 'prismjs/components/prism-javascript';
-import 'prismjs/components/prism-go';
-import 'prismjs/components/prism-jsx';
-import 'prismjs/components/prism-kotlin';
-import 'prismjs/components/prism-typescript';
-import 'prismjs/components/prism-tsx';
-import 'prismjs/components/prism-markdown';
-import 'prismjs/components/prism-python';
-import 'prismjs/components/prism-php';
-import 'prismjs/components/prism-sql';
-import 'prismjs/components/prism-java';
-import 'prismjs/components/prism-csharp';
-import 'prismjs/components/prism-swift';
-import 'prismjs/components/prism-r';
-import 'prismjs/components/prism-bash';
-import 'prismjs/components/prism-ruby';
-import 'prismjs/components/prism-c';
-import 'prismjs/components/prism-cpp';
-import 'prismjs/components/prism-matlab';
-import 'prismjs/components/prism-scala';
-import 'prism-material-themes/themes/material-default.css';
-import { RenderYooptaElementProps, YooEditor } from '@yoopta/editor';
-import { CodeElement } from '../types';
-declare const CodeEditor: {
-    (editor: YooEditor): ({ element, attributes, children, HTMLAttributes }: RenderYooptaElementProps<CodeElement>) => JSX.Element;
-    displayName: string;
-};
-export { CodeEditor };

package/dist/ui/CodeLeaf.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const CodeLeaf: ({ leaf, attributes, children }: {
-    leaf: any;
-    attributes: any;
-    children: any;
-}) => JSX.Element | null;
-export { CodeLeaf };

package/dist/ui/CodeLineRender.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { RenderYooptaElementProps } from '@yoopta/editor';
-import { CodeChildElement } from '../types';
-declare const CodeLineRender: () => ({ attributes, children }: RenderYooptaElementProps<CodeChildElement>) => JSX.Element;
-export { CodeLineRender };

package/dist/ui/CodeRender.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { RenderYooptaElementProps } from '@yoopta/editor';
-import 'prism-material-themes/themes/material-default.css';
-import { CodeElement } from '../types';
-declare function CodeRender({ element, attributes, children, HTMLAttributes }: RenderYooptaElementProps<CodeElement>): JSX.Element;
-declare namespace CodeRender {
-    var displayName: string;
-}
-export { CodeRender };

package/dist/ui/LanguageSelect.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const LanguageSelect: ({ onChange, value }: {
-    onChange: any;
-    value: any;
-}) => JSX.Element;
-export { LanguageSelect };

package/dist/utils/decorator.d.ts

@@ -1,5 +0,0 @@
-import { YooEditor } from '@yoopta/editor';
-import { Node, NodeEntry } from 'slate';
-export declare const mergeMaps: <K, V>(...maps: Map<K, V>[]) => Map<K, V>;
-export declare const getChildNodeToDecorations: ([block, blockPath]: NodeEntry<any>) => Map<import("..").CodeElement | import("..").CodeChildElement, import("slate").BaseRange[]>;
-export declare const codeLineDecorator: (editor: YooEditor) => ([node, path]: NodeEntry<Node>) => import("slate").BaseRange[];

package/dist/utils/normalizeTokens.d.ts

@@ -1,13 +0,0 @@
-/**
- * Copied from prism-react-renderer repo
- * https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/utils/normalizeTokens.js
- * */
-import Prism from 'prismjs';
-type PrismToken = Prism.Token;
-type Token = {
-    types: string[];
-    content: string;
-    empty?: boolean;
-};
-export declare const normalizeTokens: (tokens: Array<PrismToken | string>) => Token[][];
-export {};