Skip to content

Commit

Permalink
docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@zbeyens
zbeyens committed Jun 23, 2024
1 parent 1fdf213 commit a97062e
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
2 changes: 1 addition & 1 deletion apps/www/public/registry/styles/default/code-block-element.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
"name": "code-block-element.css"
},
{
"content": "'use client';\n\nimport React, { useState } from 'react';\n\nimport { cn } from '@udecode/cn';\nimport {\n CODE_BLOCK_LANGUAGES,\n CODE_BLOCK_LANGUAGES_POPULAR,\n useCodeBlockCombobox,\n useCodeBlockComboboxState,\n} from '@udecode/plate-code-block';\n\nimport { Icons } from '@/components/icons';\n\nimport { Button } from './button';\nimport {\n Command,\n CommandEmpty,\n CommandInput,\n CommandItem,\n CommandList,\n} from './command';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\n\nconst languages: { label: string; value: string }[] = [\n { label: 'Plain Text', value: 'text' },\n ...Object.entries({\n ...CODE_BLOCK_LANGUAGES_POPULAR,\n ...CODE_BLOCK_LANGUAGES,\n }).map(([key, val]) => ({\n label: val as string,\n value: key,\n })),\n];\n\nexport function CodeBlockCombobox() {\n const state = useCodeBlockComboboxState();\n const { commandItemProps } = useCodeBlockCombobox(state);\n\n const [open, setOpen] = useState(false);\n\n if (state.readOnly) return null;\n\n return (\n <Popover onOpenChange={setOpen} open={open}>\n <PopoverTrigger asChild>\n <Button\n aria-expanded={open}\n className=\"h-5 justify-between px-1 text-xs\"\n role=\"combobox\"\n size=\"xs\"\n variant=\"ghost\"\n >\n {state.value\n ? languages.find((language) => language.value === state.value)\n ?.label\n : 'Plain Text'}\n <Icons.chevronsUpDown className=\"ml-2 size-4 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-[200px] p-0\">\n <Command>\n <CommandInput placeholder=\"Search language...\" />\n <CommandEmpty>No language found.</CommandEmpty>\n\n <CommandList>\n {languages.map((language) => (\n <CommandItem\n className=\"cursor-pointer\"\n key={language.value}\n onSelect={(_value) => {\n commandItemProps.onSelect(_value);\n setOpen(false);\n }}\n value={language.value}\n >\n <Icons.check\n className={cn(\n 'mr-2 size-4',\n state.value === language.value ? 'opacity-100' : 'opacity-0'\n )}\n />\n {language.label}\n </CommandItem>\n ))}\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n );\n}\n",
"content": "'use client';\n\n/* eslint-disable unicorn/prefer-export-from */\n\nimport React, { useState } from 'react';\n\nimport { cn } from '@udecode/cn';\nimport {\n useCodeBlockCombobox,\n useCodeBlockComboboxState,\n} from '@udecode/plate-code-block';\n// Prism must be imported before all language files\nimport Prism from 'prismjs';\n\nimport { Icons } from '@/components/icons';\n\nimport { Button } from './button';\nimport {\n Command,\n CommandEmpty,\n CommandInput,\n CommandItem,\n CommandList,\n} from './command';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\n\nimport 'prismjs/components/prism-antlr4.js';\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-c.js';\nimport 'prismjs/components/prism-cmake.js';\nimport 'prismjs/components/prism-coffeescript.js';\nimport 'prismjs/components/prism-cpp.js';\nimport 'prismjs/components/prism-csharp.js';\nimport 'prismjs/components/prism-css.js';\nimport 'prismjs/components/prism-dart.js';\n// import 'prismjs/components/prism-django.js';\nimport 'prismjs/components/prism-docker.js';\n// import 'prismjs/components/prism-ejs.js';\nimport 'prismjs/components/prism-erlang.js';\nimport 'prismjs/components/prism-git.js';\nimport 'prismjs/components/prism-go.js';\nimport 'prismjs/components/prism-graphql.js';\nimport 'prismjs/components/prism-groovy.js';\nimport 'prismjs/components/prism-java.js';\nimport 'prismjs/components/prism-javascript.js';\nimport 'prismjs/components/prism-json.js';\nimport 'prismjs/components/prism-jsx.js';\nimport 'prismjs/components/prism-kotlin.js';\nimport 'prismjs/components/prism-latex.js';\nimport 'prismjs/components/prism-less.js';\nimport 'prismjs/components/prism-lua.js';\nimport 'prismjs/components/prism-makefile.js';\nimport 'prismjs/components/prism-markdown.js';\nimport 'prismjs/components/prism-matlab.js';\nimport 'prismjs/components/prism-objectivec.js';\nimport 'prismjs/components/prism-perl.js';\n// import 'prismjs/components/prism-php.js';\nimport 'prismjs/components/prism-powershell.js';\nimport 'prismjs/components/prism-properties.js';\nimport 'prismjs/components/prism-protobuf.js';\nimport 'prismjs/components/prism-python.js';\nimport 'prismjs/components/prism-r.js';\nimport 'prismjs/components/prism-ruby.js';\nimport 'prismjs/components/prism-sass.js';\nimport 'prismjs/components/prism-scala.js';\nimport 'prismjs/components/prism-scheme.js';\nimport 'prismjs/components/prism-scss.js';\nimport 'prismjs/components/prism-sql.js';\nimport 'prismjs/components/prism-swift.js';\nimport 'prismjs/components/prism-tsx.js';\nimport 'prismjs/components/prism-typescript.js';\nimport 'prismjs/components/prism-wasm.js';\nimport 'prismjs/components/prism-yaml.js';\n\nexport { Prism };\n\nconst languages: { label: string; value: string }[] = [\n { label: 'Plain Text', value: 'text' },\n { label: 'Bash', value: 'bash' },\n { label: 'CSS', value: 'css' },\n { label: 'Git', value: 'git' },\n { label: 'GraphQL', value: 'graphql' },\n { label: 'HTML', value: 'html' },\n { label: 'JavaScript', value: 'javascript' },\n { label: 'JSON', value: 'json' },\n { label: 'JSX', value: 'jsx' },\n { label: 'Markdown', value: 'markdown' },\n { label: 'SQL', value: 'sql' },\n { label: 'SVG', value: 'svg' },\n { label: 'TSX', value: 'tsx' },\n { label: 'TypeScript', value: 'typescript' },\n { label: 'WebAssembly', value: 'wasm' },\n { label: 'ANTLR4', value: 'antlr4' },\n { label: 'C', value: 'c' },\n { label: 'CMake', value: 'cmake' },\n { label: 'CoffeeScript', value: 'coffeescript' },\n { label: 'C#', value: 'csharp' },\n { label: 'Dart', value: 'dart' },\n { label: 'Django', value: 'django' },\n { label: 'Docker', value: 'docker' },\n { label: 'EJS', value: 'ejs' },\n { label: 'Erlang', value: 'erlang' },\n { label: 'Go', value: 'go' },\n { label: 'Groovy', value: 'groovy' },\n { label: 'Java', value: 'java' },\n { label: 'Kotlin', value: 'kotlin' },\n { label: 'LaTeX', value: 'latex' },\n { label: 'Less', value: 'less' },\n { label: 'Lua', value: 'lua' },\n { label: 'Makefile', value: 'makefile' },\n { label: 'Markup', value: 'markup' },\n { label: 'MATLAB', value: 'matlab' },\n { label: 'Objective-C', value: 'objectivec' },\n { label: 'Perl', value: 'perl' },\n { label: 'PHP', value: 'php' },\n { label: 'PowerShell', value: 'powershell' },\n { label: '.properties', value: 'properties' },\n { label: 'Protocol Buffers', value: 'protobuf' },\n { label: 'Python', value: 'python' },\n { label: 'R', value: 'r' },\n { label: 'Ruby', value: 'ruby' },\n { label: 'Sass (Sass)', value: 'sass' },\n // FIXME: Error with current scala grammar\n { label: 'Scala', value: 'scala' },\n { label: 'Scheme', value: 'scheme' },\n { label: 'Sass (Scss)', value: 'scss' },\n { label: 'Shell', value: 'shell' },\n { label: 'Swift', value: 'swift' },\n { label: 'XML', value: 'xml' },\n { label: 'YAML', value: 'yaml' },\n];\n\nexport function CodeBlockCombobox() {\n const state = useCodeBlockComboboxState();\n const { commandItemProps } = useCodeBlockCombobox(state);\n\n const [open, setOpen] = useState(false);\n\n if (state.readOnly) return null;\n\n return (\n <Popover onOpenChange={setOpen} open={open}>\n <PopoverTrigger asChild>\n <Button\n aria-expanded={open}\n className=\"h-5 justify-between px-1 text-xs\"\n role=\"combobox\"\n size=\"xs\"\n variant=\"ghost\"\n >\n {state.value\n ? languages.find((language) => language.value === state.value)\n ?.label\n : 'Plain Text'}\n <Icons.chevronsUpDown className=\"ml-2 size-4 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-[200px] p-0\">\n <Command>\n <CommandInput placeholder=\"Search language...\" />\n <CommandEmpty>No language found.</CommandEmpty>\n\n <CommandList>\n {languages.map((language) => (\n <CommandItem\n className=\"cursor-pointer\"\n key={language.value}\n onSelect={(_value) => {\n commandItemProps.onSelect(_value);\n setOpen(false);\n }}\n value={language.value}\n >\n <Icons.check\n className={cn(\n 'mr-2 size-4',\n state.value === language.value ? 'opacity-100' : 'opacity-0'\n )}\n />\n {language.label}\n </CommandItem>\n ))}\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n );\n}\n",
"name": "code-block-combobox.tsx"
}
],
Expand Down
10 changes: 5 additions & 5 deletions yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5957,7 +5957,7 @@ __metadata:
languageName: unknown
linkType: soft

"@udecode/plate-floating@npm:34.0.6, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
"@udecode/plate-floating@npm:34.1.1, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
version: 0.0.0-use.local
resolution: "@udecode/plate-floating@workspace:packages/floating"
dependencies:
Expand Down Expand Up @@ -6140,12 +6140,12 @@ __metadata:
languageName: unknown
linkType: soft

"@udecode/plate-link@npm:34.0.6, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
"@udecode/plate-link@npm:34.1.1, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
version: 0.0.0-use.local
resolution: "@udecode/plate-link@workspace:packages/link"
dependencies:
"@udecode/plate-common": "workspace:^"
"@udecode/plate-floating": "npm:34.0.6"
"@udecode/plate-floating": "npm:34.1.1"
"@udecode/plate-normalizers": "npm:34.0.0"
peerDependencies:
"@udecode/plate-common": ">=34.0.5"
Expand Down Expand Up @@ -6624,7 +6624,7 @@ __metadata:
"@udecode/plate-common": "npm:34.0.5"
"@udecode/plate-diff": "npm:34.0.0"
"@udecode/plate-find-replace": "npm:34.0.0"
"@udecode/plate-floating": "npm:34.0.6"
"@udecode/plate-floating": "npm:34.1.1"
"@udecode/plate-font": "npm:34.0.0"
"@udecode/plate-heading": "npm:34.0.7"
"@udecode/plate-highlight": "npm:34.0.0"
Expand All @@ -6633,7 +6633,7 @@ __metadata:
"@udecode/plate-indent-list": "npm:34.0.0"
"@udecode/plate-kbd": "npm:34.0.0"
"@udecode/plate-line-height": "npm:34.0.0"
"@udecode/plate-link": "npm:34.0.6"
"@udecode/plate-link": "npm:34.1.1"
"@udecode/plate-list": "npm:34.0.0"
"@udecode/plate-media": "npm:34.1.0"
"@udecode/plate-mention": "npm:34.0.8"
Expand Down

0 comments on commit a97062e

Please sign in to comment.