@sanity/code-input 2.35.0 → 2.36.0-v2-studio.1

package/src/groq.ts

@@ -0,0 +1,629 @@
+/* eslint-disable no-undef */
+// Grammar from https://github.com/sanity-io/vscode-sanity
+const rules = {
+  start: [
+    {
+      include: '#query',
+    },
+    {
+      include: '#value',
+    },
+    {
+      include: '#pair',
+    },
+  ],
+  '#query': [
+    {
+      include: '#nullary-access-operator',
+    },
+    {
+      include: '#arraylike',
+    },
+    {
+      include: '#pipe',
+    },
+    {
+      include: '#sort-order',
+    },
+    {
+      include: '#filter',
+    },
+  ],
+  '#variable': [
+    {
+      token: 'variable.other.groq',
+      regex: /\$[_A-Za-z][_0-9A-Za-z]*/,
+    },
+  ],
+  '#keyword': [
+    {
+      token: 'keyword.other.groq',
+      regex: /\b(?:asc|desc|in|match)\b/,
+    },
+  ],
+  '#comparison': [
+    {
+      token: 'keyword.operator.comparison.groq',
+      // eslint-disable-next-line no-div-regex
+      regex: /==|!=|>=|<=|<!=>|<|>/,
+    },
+  ],
+  '#operator': [
+    {
+      token: 'keyword.operator.arithmetic.groq',
+      regex: /\+|-|\*{1,2}|\/|%/,
+    },
+  ],
+  '#pipe': [
+    {
+      token: 'keyword.operator.pipe.groq',
+      regex: /\|/,
+    },
+  ],
+  '#logical': [
+    {
+      token: 'keyword.operator.logical.groq',
+      regex: /!|&&|\|\|/,
+    },
+  ],
+  '#reference': [
+    {
+      token: 'keyword.operator.reference.groq',
+      regex: /->/,
+    },
+  ],
+  '#pair': [
+    {
+      include: '#identifier',
+    },
+    {
+      include: '#value',
+    },
+    {
+      include: '#filter',
+    },
+    {
+      token: 'keyword.operator.pair.groq',
+      regex: /[=]>/,
+    },
+  ],
+  '#arraylike': [
+    {
+      token: 'punctuation.definition.bracket.begin.groq',
+      regex: /\[/,
+      push: [
+        {
+          token: ['text', 'keyword.operator.descendant.groq'],
+          regex: /(\])((?:\s*\.)?)/,
+          next: 'pop',
+        },
+        {
+          include: '#range',
+        },
+        {
+          include: '#filter',
+        },
+        {
+          include: '#array-values',
+        },
+      ],
+    },
+  ],
+  '#array': [
+    {
+      token: 'punctuation.definition.bracket.begin.groq',
+      regex: /\[/,
+      push: [
+        {
+          token: 'punctuation.definition.bracket.end.groq',
+          regex: /\]/,
+          next: 'pop',
+        },
+        {
+          include: '#array-values',
+        },
+        {
+          defaultToken: 'meta.structure.array.groq',
+        },
+      ],
+    },
+  ],
+  '#range': [
+    {
+      token: [
+        'meta.structure.range.groq',
+        'constant.numeric.groq',
+        'meta.structure.range.groq',
+        'keyword.operator.range.groq',
+        'meta.structure.range.groq',
+        'constant.numeric.groq',
+        'meta.structure.range.groq',
+      ],
+      regex: /(\s*)(\d+)(\s*)(\.{2,3})(\s*)(\d+)(\s*)/,
+    },
+  ],
+  '#spread': [
+    {
+      token: 'punctuation.definition.spread.begin.groq',
+      regex: /\.\.\./,
+      push: [
+        {
+          include: '#array',
+        },
+        {
+          include: '#function-call',
+        },
+        {
+          include: '#projection',
+        },
+        {
+          token: 'punctuation.definition.spread.end.groq',
+          regex: /(?=.)/,
+          next: 'pop',
+        },
+        {
+          defaultToken: 'meta.structure.spread.groq',
+        },
+      ],
+    },
+  ],
+  '#array-values': [
+    {
+      include: '#value',
+    },
+    {
+      include: '#spread',
+    },
+    {
+      token: 'punctuation.separator.array.groq',
+      regex: /,/,
+    },
+    {
+      token: 'invalid.illegal.expected-array-separator.groq',
+      regex: /[^\s\]]/,
+    },
+  ],
+  '#filter': [
+    {
+      include: '#function-call',
+    },
+    {
+      include: '#keyword',
+    },
+    {
+      include: '#constant',
+    },
+    {
+      include: '#identifier',
+    },
+    {
+      include: '#value',
+    },
+    {
+      include: '#comparison',
+    },
+    {
+      include: '#operator',
+    },
+    {
+      include: '#logical',
+    },
+  ],
+  '#comments': [
+    {
+      token: ['punctuation.definition.comment.groq', 'comment.line.double-slash.js'],
+      regex: /(\/\/)(.*$)/,
+    },
+  ],
+  '#nullary-access-operator': [
+    {
+      token: 'constant.language.groq',
+      regex: /[*@^]/,
+    },
+  ],
+  '#constant': [
+    {
+      token: 'constant.language.groq',
+      regex: /\b(?:true|false|null)\b/,
+    },
+  ],
+  '#number': [
+    {
+      token: 'constant.numeric.groq',
+      regex: /-?(?:0|[1-9]\d*)(?:(?:\.\d+)?(?:[eE][+-]?\d+)?)?/,
+    },
+  ],
+  '#named-projection': [
+    {
+      include: '#identifier',
+    },
+    {
+      include: '#objectkey',
+    },
+    {
+      include: '#projection',
+    },
+  ],
+  '#projection': [
+    {
+      token: 'punctuation.definition.projection.begin.groq',
+      regex: /\{/,
+      push: [
+        {
+          token: 'punctuation.definition.projection.end.groq',
+          regex: /\}/,
+          next: 'pop',
+        },
+        {
+          include: '#identifier',
+        },
+        {
+          include: '#objectkey',
+        },
+        {
+          include: '#named-projection',
+        },
+        {
+          include: '#comments',
+        },
+        {
+          include: '#spread',
+        },
+        {
+          include: '#pair',
+        },
+        {
+          token: 'punctuation.separator.projection.key-value.groq',
+          regex: /:/,
+          push: [
+            {
+              token: 'punctuation.separator.projection.pair.groq',
+              regex: /,|(?=\})/,
+              next: 'pop',
+            },
+            {
+              include: '#nullary-access-operator',
+            },
+            {
+              include: '#arraylike',
+            },
+            {
+              include: '#value',
+            },
+            {
+              include: '#spread',
+            },
+            {
+              include: '#identifier',
+            },
+            {
+              include: '#operator',
+            },
+            {
+              include: '#comparison',
+            },
+            {
+              include: '#pair',
+            },
+            {
+              token: 'invalid.illegal.expected-projection-separator.groq',
+              regex: /[^\s,]/,
+            },
+            {
+              defaultToken: 'meta.structure.projection.value.groq',
+            },
+          ],
+        },
+        {
+          token: 'invalid.illegal.expected-projection-separator.groq',
+          regex: /[^\s},]/,
+        },
+        {
+          defaultToken: 'meta.structure.projection.groq',
+        },
+      ],
+    },
+  ],
+  '#string': [
+    {
+      include: '#single-string',
+    },
+    {
+      include: '#double-string',
+    },
+  ],
+  '#double-string': [
+    {
+      token: 'punctuation.definition.string.begin.groq',
+      regex: /"/,
+      push: [
+        {
+          token: 'punctuation.definition.string.end.groq',
+          regex: /"/,
+          next: 'pop',
+        },
+        {
+          include: '#stringcontent',
+        },
+        {
+          defaultToken: 'string.quoted.double.groq',
+        },
+      ],
+    },
+  ],
+  '#single-string': [
+    {
+      token: 'punctuation.definition.string.single.begin.groq',
+      regex: /'/,
+      push: [
+        {
+          token: 'punctuation.definition.string.single.end.groq',
+          regex: /'/,
+          next: 'pop',
+        },
+        {
+          include: '#stringcontent',
+        },
+        {
+          defaultToken: 'string.quoted.single.groq',
+        },
+      ],
+    },
+  ],
+  '#objectkey': [
+    {
+      include: '#string',
+    },
+  ],
+  '#stringcontent': [
+    {
+      token: 'constant.character.escape.groq',
+      regex: /\\(?:["\\/bfnrt]|u[0-9a-fA-F]{4})/,
+    },
+    {
+      token: 'invalid.illegal.unrecognized-string-escape.groq',
+      regex: /\\./,
+    },
+  ],
+  '#sort-pair': [
+    {
+      token: ['variable.other.readwrite.groq', 'text', 'keyword.other.groq'],
+      regex: /([_A-Za-z][_0-9A-Za-z]*)(?:(\s*)(asc|desc))?/,
+    },
+    {
+      token: ['constant.language.groq', 'punctuation.definition.bracket.begin.groq'],
+      regex: /(@)(\[)/,
+      push: [
+        {
+          token: ['punctuation.definition.bracket.begin.groq', 'text', 'keyword.other.groq'],
+          regex: /(\])(?:(\s*)(asc|desc))?/,
+          next: 'pop',
+        },
+        {
+          include: '#string',
+        },
+      ],
+    },
+  ],
+  '#sort-order': [
+    {
+      token: 'support.function.sortorder.begin.groq',
+      regex: /\border\s*\(/,
+      push: [
+        {
+          token: 'support.function.sortorder.end.groq',
+          regex: /\)/,
+          next: 'pop',
+        },
+        {
+          include: '#sort-pair',
+        },
+        {
+          token: 'punctuation.separator.array.groq',
+          regex: /,/,
+        },
+        {
+          token: 'invalid.illegal.expected-sort-separator.groq',
+          regex: /[^\s\]]/,
+        },
+        {
+          defaultToken: 'support.function.sortorder.groq',
+        },
+      ],
+    },
+  ],
+  '#function-call': [
+    {
+      include: '#function-var-arg',
+    },
+    {
+      include: '#function-single-arg',
+    },
+    {
+      include: '#function-round',
+    },
+  ],
+  '#function-var-arg': [
+    {
+      token: 'support.function.vararg.begin.groq',
+      regex: /\b(?:coalesce|select)\s*\(/,
+      push: [
+        {
+          token: 'support.function.vararg.end.groq',
+          regex: /\)/,
+          next: 'pop',
+        },
+        {
+          include: '#value',
+        },
+        {
+          include: '#identifier',
+        },
+        {
+          include: '#filter',
+        },
+        {
+          include: '#pair',
+        },
+        {
+          token: 'punctuation.separator.array.groq',
+          regex: /,/,
+        },
+        {
+          defaultToken: 'support.function.vararg.groq',
+        },
+      ],
+    },
+  ],
+  '#function-single-arg': [
+    {
+      token: 'support.function.singlearg.begin.groq',
+      regex: /\b(?:count|defined|length|path|references)\s*\(/,
+      push: [
+        {
+          token: 'support.function.singlearg.end.groq',
+          regex: /\)/,
+          next: 'pop',
+        },
+        {
+          include: '#query',
+        },
+        {
+          include: '#identifier',
+        },
+        {
+          include: '#value',
+        },
+        {
+          include: '#pair',
+        },
+        {
+          defaultToken: 'support.function.singlearg.groq',
+        },
+      ],
+    },
+  ],
+  '#identifier': [
+    {
+      token: [
+        'variable.other.readwrite.groq',
+        'text',
+        'punctuation.definition.block.js',
+        'text',
+        'keyword.operator.reference.groq',
+      ],
+      regex: /([_A-Za-z][_0-9A-Za-z]*)(\s*)((?:\[\s*\])?)(\s*)(->)/,
+    },
+    {
+      token: [
+        'variable.other.readwrite.groq',
+        'constant.language.groq',
+        'text',
+        'punctuation.definition.block.js',
+        'text',
+        'keyword.operator.descendant.groq',
+      ],
+      regex: /(?:([_A-Za-z][_0-9A-Za-z]*)|([@^]))(\s*)((?:\[\s*\])?)(\s*)(\.)/,
+    },
+    {
+      token: 'variable.other.readwrite.groq',
+      regex: /[_A-Za-z][_0-9A-Za-z]*/,
+    },
+  ],
+  '#value': [
+    {
+      include: '#constant',
+    },
+    {
+      include: '#number',
+    },
+    {
+      include: '#string',
+    },
+    {
+      include: '#array',
+    },
+    {
+      include: '#variable',
+    },
+    {
+      include: '#projection',
+    },
+    {
+      include: '#comments',
+    },
+    {
+      include: '#function-call',
+    },
+  ],
+}
+
+declare let ace: any
+
+ace.define(
+  'ace/mode/groq_highlight_rules',
+  ['require', 'exports', 'module', 'ace/lib/oop', 'ace/mode/text_highlight_rules'],
+  function (acequire: (id: string) => any, exports: Record<string, unknown>, _module: any) {
+    const oop = acequire('../lib/oop')
+    const TextHighlightRules = acequire('./text_highlight_rules').TextHighlightRules
+
+    const GroqHighlightRules = function () {
+      /* eslint-disable @typescript-eslint/ban-ts-comment */
+      // @ts-ignore
+      this.$rules = rules
+      // @ts-ignore
+      this.normalizeRules()
+      /* eslint-enable @typescript-eslint/ban-ts-comment */
+    }
+
+    oop.inherits(GroqHighlightRules, TextHighlightRules)
+
+    exports.GroqHighlightRules = GroqHighlightRules
+  }
+)
+
+ace.define(
+  'ace/mode/groq',
+  [
+    'require',
+    'exports',
+    'module',
+    'ace/lib/oop',
+    'ace/mode/text',
+    'ace/tokenizer',
+    'ace/mode/groq_highlight_rules',
+    'ace/mode/folding/cstyle',
+  ],
+  function (acequire: (id: string) => any, exports: Record<string, unknown>, _module: any) {
+    // eslint-disable-next-line strict
+    'use strict'
+    const oop = acequire('../lib/oop')
+    const TextMode = acequire('./text').Mode
+    const Tokenizer = acequire('../tokenizer').Tokenizer
+    const GroqHighlightRules = acequire('./groq_highlight_rules').GroqHighlightRules
+    const FoldMode = acequire('./folding/cstyle').FoldMode
+
+    const Mode = function () {
+      /* eslint-disable @typescript-eslint/ban-ts-comment */
+      const highlighter = new GroqHighlightRules()
+      // @ts-ignore
+      this.foldingRules = new FoldMode()
+      // @ts-ignore
+      this.$tokenizer = new Tokenizer(highlighter.getRules())
+      // @ts-ignore
+      this.$keywordList = highlighter.$keywordList
+      /* eslint-enable @typescript-eslint/ban-ts-comment */
+    }
+    oop.inherits(Mode, TextMode)
+    ;(function () {
+      /* eslint-disable @typescript-eslint/ban-ts-comment */
+      // @ts-ignore
+      this.lineCommentStart = "'"
+      /* eslint-enable @typescript-eslint/ban-ts-comment */
+    }.call(Mode.prototype))
+
+    exports.Mode = Mode
+  }
+)
+
+export {}

package/src/schema.tsx

@@ -0,0 +1,65 @@
+import React from 'react'
+import {CodeBlockIcon} from '@sanity/icons'
+import CodeInput from './CodeInput'
+import PreviewCode, {PreviewCodeProps} from './PreviewCode'
+import {getMedia} from './getMedia'
+
+const Preview = (props: PreviewCodeProps) => {
+  return <PreviewCode {...props} />
+}
+
+export default {
+  name: 'code',
+  type: 'object',
+  title: 'Code',
+  inputComponent: CodeInput,
+  icon: CodeBlockIcon,
+  fields: [
+    {
+      name: 'language',
+      title: 'Language',
+      type: 'string',
+    },
+    {
+      name: 'filename',
+      title: 'Filename',
+      type: 'string',
+    },
+    {
+      title: 'Code',
+      name: 'code',
+      type: 'text',
+    },
+    {
+      title: 'Highlighted lines',
+      name: 'highlightedLines',
+      type: 'array',
+      of: [
+        {
+          type: 'number',
+          title: 'Highlighted line',
+        },
+      ],
+    },
+  ],
+  preview: {
+    select: {
+      language: 'language',
+      code: 'code',
+      filename: 'filename',
+      highlightedLines: 'highlightedLines',
+    },
+    prepare: (value: {
+      language?: string
+      code?: string
+      filename?: string
+      highlightedLines?: number[]
+    }) => {
+      return {
+        title: value.filename || (value.language || 'unknown').toUpperCase(),
+        media: getMedia(value?.language),
+        extendedPreview: <Preview value={value} />,
+      }
+    },
+  },
+}

package/src/types.ts

@@ -0,0 +1,26 @@
+export interface CodeInputLanguage {
+  title: string
+  value: string
+  mode?: string
+}
+
+export interface CodeInputType {
+  name?: string
+  title?: string
+  description?: string
+  fields: {name: string; title?: string; placeholder?: string}[]
+  options?: {
+    theme?: string
+    languageAlternatives: CodeInputLanguage[]
+    language: string
+    withFilename?: boolean
+  }
+}
+
+export interface CodeInputValue {
+  _type?: 'code'
+  code?: string
+  filename?: string
+  language?: string
+  highlightedLines?: number[]
+}

package/dist/dts/CodeInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../src/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAA;AASlC,OAAO,EAAoB,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAExE,OAAO,iBAAiB,CAAA;AAsCxB,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC7B,QAAQ,EAAE,iBAAiB,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB;AAkBD,QAAA,MAAM,SAAS;WAC2C,MAAM,IAAI;GAyWnE,CAAA;AAID,eAAe,SAAS,CAAA"}

package/dist/dts/PreviewCode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewCode.d.ts","sourceRoot":"","sources":["../../src/PreviewCode.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAErD,OAAO,iBAAiB,CAAA;AAqBxB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAsD1D"}