prxmpt
v0.2.0
-быстрое создание с JSX-
NPM • GitHub • Проблемы
PRXMPT похож на «Taillide для быстрой инженерии» . Он предоставляет набор утилит для форматирования строк с JSX.
PRXMPT предназначен для формирования ввода в LLMS и включает в себя мощные элементы, такие как <Приоритет> для управления токенами. Тем не менее, PRXMPT также предоставляет элементы Markdown и HTML, что делает его идеальным для форматирования выходов LLM и для конечных пользователей.
Читаемость - JSX дает нам больше контроля над пробелом, что позволяет больше читаемого кода.
️ управление - со встроенными реквизитами, такими как hide , мы можем легко управлять текстом, который мы отображаем без крах.
? Способность повторного использования - компоненты PRXMPT принимают реквизиты, как обычные компоненты JSX, что облегчает их повторное использование.
const text = (
<lined> <h1> Это первая строка. </h1> <text hide = {hideline2}> Вот вторая строка. </text> <empty/> <text> Это более длинная строка, так что мы сломать текстовый тег.
Мы можем даже начать другую строку здесь, и будет добавлено место. </Text>
</lined>);hideLine2=false ) # This is the first line. Here's a second line. This is a long line, so we'llbreak the text tag We can even start another line here, and a space will be added.
hideLine2=true ) # This is the first line. This is a long line, so we'll break the text tag We can even start another line here, and a space will be added.
Сравните это с эквивалентом, используя шаблонные литералы:
const text = `# Это первая строка. $ {hideline2? «НЕТ Вторая линия». : ""} Н. Мы можем даже начать еще одну строчку здесь, но я бы не рекомендовал ее.npm install @autossey/prxmpt
пряжа добавить @autossey/prxmpt
PNPM добавить @autossey/prxmpt
BUN Добавить @Autossey/prxmpt
PRXMPT предоставляет базовый tsconfig.json , который вы можете расширить:
{"Extends": "@autossey/prxmpt/tsconfig.json"}Примечание. Похоже, что BUN не обнаруживает PRXMPT правильно при использовании метода "Extends".
В качестве альтернативы, вы можете просто добавить следующие поля в свой tsconfig.json :
{"CompileroPtions": {"jsx": "React-jsx", "jsximportsource": "@autossey/prxmpt", "module": "nodenext"
}
}Вы должны иметь возможность использовать элементы PRXMPT сейчас, без импорта:
Экспорт const myComponent = () => ( <Text> Привет, мир! </text>);
При использовании PRXMPT с ReAct добавьте следующую строку в верхней части каждого файла, в котором используется PRXMPT вместо этого:
/** @jsximportsource @autossey/prxmpt*/export const mycomponent = () => ( <Text> Привет, мир! </text>);
В каталоге примеров приведены несколько примеров:
Примеры использования элемента:
Кухонная раковина (демонстрирует много элементов)
Приоритет (несколько примеров элемента <priority> )
Примеры настройки (TypeScript):
булочка
Булочка (классический режим)
Next.js
SWC
SWC (классический режим)
TS-узл
TS-узл (классический режим)
TSC
TSC (классический режим)
Примеры настройки (JavaScript):
Узел -Loader @autossey/prxmpt
SWC
SWC (классический режим)
Для примеров того, как использовать определенные элементы, тесты показывают больше использования.
Текстовые элементы
<kv> (пара ключей)
<state>
<ask>
<exclaim>
<comment type="slash">
<comment type="hash">
<comment type="dash">
<comment type="html">
<sq> (единственная цитата)
<dq> (двойная цитата)
<bq> (цитата назад)
<tsq> (тройная единственная цитата)
<tdq> (тройная двойная цитата)
<tbq> (цитата с тройной спиной)
<parens> (скобка)
<square> (квадратный кронштейн)
<curly> (квадратный кронштейн)
<angle> (угловой кронштейн)
<empty>
<space>
<tab>
<ellipsis>
<na> (n/a)
<text>
Персонажи
Скобки
Кавычки
Комментарии
Предложения
Разнообразный
HTML -элементы
<span>
<p>
<blockquote>
<q>
<pre>
<i> (курсив)
<b> (жирный)
<s> (удар)
<code> (код)
<ul> (Неупомянутый список)
<ol> (заказанный список)
<cl> (список флажков)
<dl> (список определений)
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<a> (якорь)
<img> (изображение)
<br> (разрыв линии)
<hr> (горизонтальное правило)
<tag>
Перерывы
Связывание
Заголовки
Списки
Стиль
Разнообразный
Сериализационные элементы
<json>
<yaml>
<datetime>
<date>
<time>
<year>
<month>
<day>
<hour>
<minute>
<second>
<millisecond>
<duration>
<num>
Примитивы
Даты
Объекты
Утилиты
<cap>
<priority>
<trim>
<frame>
<and>
<andor>
<or>
<nor>
<lined>
<spaced>
<csl> (разделенный запятой список)
<union>
<sectioned>
<upper>
<lower>
<capital>
<title>
Корпус
Присоединяется
Наборы
Аффиксы
Ограничители
Следующие функции также экспортируются из PRXMPT:
Рендеринг
createElement
render
Дети
hasChildren
isChildren
Расщепления
split
paragraphs
lines
spaces
words
commas
chars
<text>
Текст является базовым элементом PRXMPT. Он возвращает своих детей в качестве строки:
const string = <Text> Привет, мир! </text>;
Hello, World!
Текст также может быть скрыт с помощью hide Prop:
const string = <text> hello <text hide>, world </hide>! </text>;
Hello!
Поскольку <text> является основой большинства других элементов, реквизит, которые он предоставляет, может использоваться с большинством других элементов.
PRXMPT относится к детям как к множеству струн, что означает, что <text> также может предоставить несколько функций массива для картирования, фильтрации и присоединения детей.
скрывать
/*** Предотвратить отображение элемента. * @default false */hide?: boolean;
фильтр
/*** Функция для фильтрации детей. * @default (node) => true */filter?: (Узел: prxmpt.children, index: номер, arr: prxmpt.children []) => boolean;
карта
/*** Функция, которая отображает каждого ребенка с новым элементом. * @default (node) => prxmpt.render (node) */map?: (Узел: prxmpt.children, index: номер, arr: prxmpt.children []) => prxmpt.jsx.element;
обеспечить регресс
/*** Повторно порядок детей. */обратный?: логический;
присоединиться
/*** Элемент для вставки между каждым ребенком. * @default "" */join?: prxmpt.children;
повторить
/** * @default 1 */Повторите?: номер;
подрезать
/*** `true`: обрезать пробелы от начала и конца элемента. * * `" Start "`: отделка пробела от начала элемента. * * `" end "`: обрезать пробелы от конца элемента. * * @default false */trim?: boolean | Trimside;
корпус
/*** Преобразовать элемент в заданный корпус. * @default undefined */carsing?: Carsing;
префикс
/*** Элемент для подготовки к элементу. * @default "" */prefix?: prxmpt.children;
суффикс
/*** Элемент для добавления к элементу. * @default "" */суффикс?: prxmpt.children;
отступать
/*** Примените отступ к каждой строке элемента. * * Если `true`, отступление применяется с использованием 2 пространств. * * Если число предоставляется, это количество пробелов используется. * * Если `" t "` предоставлен, используется один символ вкладки. * * @default false */odent?: boolean | номер | "т";
блокировать
/*** Добавьте новую линию к концу элемента. * @default false */block?: boolean;
<empty>
Элемент <empty> возвращает пустую строку:
// "" const string = <empty />;
<empty> часто полезен как ребенок элементов, которые присоединяются к их детям на некотором разделителе.
const string = ( <lined> <text> строка 1 </text> <empty/> <text> line 3 </text> </lined>);
Line 1 Line 2
<space>
Элемент <space> возвращает пространство:
// "" const string = <space />;
<tab>
буквальный
/*** Если верно, используйте буквальный символ вкладки. В противном случае используйте места. * @default false */literal?: boolean;
ширина
/** * Количество символов за вкладку * @default 1 Если `literal` true, в противном случае 2 */width?: Номер;
// "" "const string = <with tab = {4} /> <ellipsis>
const string = <ellipsis />;
...
<na>
const string = <na />;
n/a
?
Скобки <parens>
const string = <parens> Привет, мир! </parens>;
(Hello, World!)
<square>
const string = <square> Привет, мир! </square>;
[Hello, World!]
<curly>
const string = <Curly> Привет, мир! </curly>;
{Hello, World!} <angle>
const string = <angel> Привет, мир! </angle>;
<Hello, World!>
<sq>
const string = <sq> Привет, мир! </sq>;
'Hello, World!'
<dq>
const string = <dq> Привет, мир! </dq>;
"Hello, World!"
<bq>
const string = <bq> Привет, мир! </bq>;
`Hello, World!`
<tsq>
const string = <tsq> Привет, мир! </tsq>;
''' Hello, World! '''
<tdq>
const string = <tdq> Привет, мир! </tdq>;
""" Hello, World! """
<tbq>
const tbq = <tbq> Привет, мир! </tbq>;
`` ` Привет, мир! `` `
<comment type="slash">
const slash = <Комментарий Тип = "Слэш"> Привет, мир! </comment>;
// Hello, World!
<comment type="hash">
const hash = <Комментарий Тип = "Хэш"> Привет, мир! </comment>;
# Hello, World!
<comment type="dash">
const dash = <comment type = "dash"> hello, world! </comment>;
-- Hello, World!
<comment type="html">
const html = <comment type = "html"> hello, world! </comment>;
<!-- Hello, World! -->
<state>
const state = <Tation> Привет, мир! </state>;
Hello, World.
<ask>
const ask = <sk> Привет, мир! </ask>;
Hello, World?
<exclaim>
const aclaim = <celcemance> Привет, мир! </восклицание>;
Hello, World!
<kv>
ключ
/*** Ключ к рендерингу. */ключ: prxmpt.children;
Keycase
/*** Дело, чтобы применить к ключу. * @default undefined */keycase?: "Верхний" | "Нижний" | "Капитал" | "заголовок";
сворачивать
/*** Переопределить поведение по умолчанию для обертывания значения. * @default undefined */wrap?: boolean;
Nospace
/*** Если правда, не добавляйте пространство между ключом и значением. * Применяется только тогда, когда не обертывается. * @default false */nospace?: boolean;
const string = <kv key = "hello"> world </kv>;
Hello: World
Когда дети содержат несколько строк, значение отображается на новую линию по умолчанию:
Const Worlds = (
<tdq join = {"n"}> <text> world1 </text> <text> world2 </text> <text> world3 </text>
</tdq>); const string = <kv key = "hello"> {worlds} </kv>;Hello: """ World1 World2 World3 """
Элементы HTML построены поверх элемента <tag> . Каждый элемент HTML имеет логическую html -опору, которая по умолчанию установлена на False. Когда html верен, элемент отображается как HTML. В противном случае элемент отображается как эквивалент разметки.
Кроме того, пользовательские атрибуты могут быть установлены с использованием attributes .
<tag>
имя
/*** Имя тега. */имя: строка;
неинтерентный
/** * @default false */noindent?: boolean;
сворачивать
/*** По умолчанию по умолчанию, если контент содержит новую линию. */wrap?: логический;
const Tag = <tag name = "mytag"> hello, world! </Tag>;
<mytag>Hello, World!</mytag>
Если дети не предоставляются, тег визуализируется как самозакрывающаяся тег:
const Tag = <tag name = "mytag" />;
<mytag />
<br />
// "n" const br = <br />;
const br = <br html />;
<br />
<hr />
ширина
/** * @default 3 */width?: номер;
девчонка
/** * @default "-" */char?: "-" | "_" | "=" | "*";
const hr = <hr />;
---
const hr = <hr />;
<hr />
<a>
href
/*** URL ссылки. */href: string;
заголовок
/*** Название для ссылки. */title?: String;
const string = <a href = "https://example.com" title = "a title"> Привет, мир! </a>;
[Hello, World!](https://example.com "A Title")
const string = <a href = "https://example.com" title = "a title" html> Привет, мир! </a>;
<a href="https://example.com" title="A Title">Hello, World!</a>
<img>
SRC
/*** URL изображения. */href: string;
заголовок
/*** Название для изображения. */title?: String;
const string = <img src = "https://example.com" title = "a Title"> Hello, World! </img>;
const string = <img src = "https://example.com" title = "a title" html> Привет, мир! </img>;
<img src="https://example.com" alt="Hello, World!" title="A Title" />
<h1>
const string = <h1> Привет, мир! </h1>;
# Hello, World!
const string = <h1 html> Привет, мир! </h1>;
<h1>Hello, World!</h1>
<h2>
const string = <h2> Привет, мир! </h2>;
## Hello, World!
const string = <h2 html> Привет, мир! </h2>;
<h2>Hello, World!</h2>
<h3>
const string = <h3> Привет, мир! </h3>;
### Hello, World!
const string = <h3 html> Привет, мир! </h3>;
<h3>Hello, World!</h3>
<h4>
const string = <h4> Привет, мир! </h4>;
#### Hello, World!
const string = <h4 html> Привет, мир! </h4>;
<h4>Hello, World!</h4>
<h5>
const string = <h5> Привет, мир! </h5>;
##### Hello, World!
const string = <h5 html> Привет, мир! </h5>;
<h5>Hello, World!</h5>
<h6>
const string = <h6> Привет, мир! </h6>;
###### Hello, World!
const string = <h6 html> Привет, мир! </h6>;
<h6>Hello, World!</h6>
<ol>
Только Markiflist
/*** Включите маркеры только в том случае, если список содержит более одного элемента. * @default false */onymarkiflist?: boolean;
const string = ( <ol> <text> hello </text> <text> world </text> </ol>);
1. Hello 2. World
<ul>
Только Markiflist
/*** Включите маркеры только в том случае, если список содержит более одного элемента. * @default false */onymarkiflist?: boolean;
const string = ( <ul> <text> hello </text> <text> world </text> </ul>);
- Hello - World
<cl>
предметы
предметы: {
/** * @default false */
Проверить?: Boolean;
/*** Контент для рендеринга после флажести. */
Содержание: prxmpt.children;} []; const string = (
<clitems = {[{content: "hello"}, {content: "world", cherced: true},]}
/>);- [ ] Hello - [x] World
<dl>
предметы
/*** Предметы для рендеринга. */элементы: запись <string, prxmpt.children>;
термин
/*** Обсадка, чтобы применить к каждому ключу. * @default undefined */termcase?: "Верхний" | "Нижний" | "Капитал" | "заголовок";
космос
/*** Количество пробела, выкладываемого между каждым элементом. * @default 0 */space?: номер;
сворачивать
/*** Переопределить поведение по умолчанию для обертывания значений. * @default undefined */wrap?: boolean;
const string = (
<dlitems = {{hello: "world", foo: "bar"}}
/>);Hello: World Foo: Bar
<i>
девчонка
/***@default "_"*/char?: "*" | "_";
const string = <i> Привет, мир! </i>;
_Hello, World!_
const string = <i html> Привет, мир! </i>;
<i>Hello, World!</i>
<b>
девчонка
/***@default "*"*/char?: "*" | "_";
const string = <b> Привет, мир! </b>;
**Hello, World!**
const string = <b html> Привет, мир! </b>;
<b>Hello, World!</b>
<s>
const string = <s> Привет, мир! </s>;
~~Hello, World!~~
const string = <s html> Привет, мир! </s>;
<s>Hello, World!</s>
<code>
const string = <code> hello, world! </code>;
`Hello, World!`
const string = <code html> hello, world! </code>;
<code>Hello, World!</code>
<span>
Когда он отображается в виде текста, <span> просто делает своих детей, как <text> :
const string = <pan> Привет, мир! </span>;
Hello, World!
const string = <pan html> Привет, мир! </span>;
<span>Hello, World!</span>
<p>
При отображении в виде текста, тег абзаца добавляет новую линию в конце элемента:
const string = <p> Привет, мир! </p>;
Hello, World!
const string = <p html> Привет, мир! </p>;
<p>Hello, World!</p>
<blockquote>
const string = (
<blockquote join = {"n"}> <text> hello </text> <empty/> <text> world! </text>
</blockquote>);> Hello > > World!
const string = <blockquote html> Привет, мир! </blockquote>;
<blockquote>Hello, World!</blockquote>
<q>
тип
/** * @default "Double" */type?: "Сингл" | "Double" | "Backtick";
Элемент цитаты возвращает тройную цитату, если дети содержат новую линию, в противном случае он возвращает одну цитату.
const string = <q> Привет, мир! </q>;
"Hello, World!"
const string = <q> hello <br /> world < /q>;
""" Hello, World! """
const string = <q html> Привет, мир! </q>;
<q>Hello, World!</q>
<pre>
const string = <pre> Привет, мир! </pre>;
`` ` Привет, мир! `` `
const string = <pre html> hello, world! </pre>;
<pre>Hello, World!</pre>
<num>
добавлять
/*** Добавьте значение к номеру. */добавить?: номер;
мин
/*** Минимальное значение. Применяется после `add`. */min?: номер;
максимум
/*** Максимальное значение. Применяется после `add`. */max?: номер;
зафиксированный
/*** Количество десятичных десятичных мест. */исправлено?: номер;
const string = <num filect = {2}> 1 </num>;1.00
const string = <num min = {1}> 0 </num>;1
ценить
/** * @default date.now () */value?: date | строка | число;
DateFormat
/** * @default "short" */dateformat?: "long" | "Средний" | "Короткий" | "полный";
TimeFormat
/** * @default "short" */timeformat?: "long" | "Средний" | "Короткий" | "полный";
const string = <dateTime />;
September 23, 2023 at 5:17 PM
ценить
/** * @default date.now () */value?: date | строка | число;
формат
/** * @default "short" */format?: "long" | "Средний" | "Короткий" | "полный";
const string = <date />;
September 23, 2023
ценить
/** * @default date.now () */value?: date | строка | число;
формат
/** * @default "short" */format?: "long" | "Средний" | "Короткий" | "полный";
const string = <time />;
5:17 PM
ценить
/** * @default date.now () */value?: date | строка | число;
const string = <Год />
2023
ценить
/** * @default date.now () */value?: date | строка | число;
формат
/** * @default "номер" */format?: "номер" | "длинный" | "Короткий" | "узкий";
const string = <месяц />
8
const string = <месяц формат = "long" />
September
const string = <месяц format = "short" />
Sep
const string = <месяц формат = "узкий" />
S
ценить
/** * @default date.now () */value?: date | строка | число;
формат
/** * @default "номер" */format?: "номер" | "длинный" | "Короткий" | "узкий";
const string = <day />
6
const string = <day format = "long" />
Saturday
const string = <day format = "short" />
Sat
const string = <day format = "узкий" />
S
ценить
/** * @default date.now () */value?: date | строка | число;
цикл
/** * @default "12" */cycle?: "12" | "24";
const string = <час />
5
const string = <час цикла = "24">
17
ценить
/** * @default date.now () */value?: date | строка | число;
const string = <минута />
42
ценить
/** * @default date.now () */value?: date | строка | число;
const string = <second />
42
ценить
/** * @default date.now () */value?: date | строка | число;
const string = <millisecond />
999
ценить
/*** Конец продолжительности. * @default date.now () */value?: date | строка | число;
с
/*** начало продолжительности. */с момента: дата | строка | число;
const string = <продолжительность с момента = {"сентябрь 2021"} />2 years
данные
/*** Данные для строки. */data: outedoptionaljsonvalue;
симпатичный
/** * @default false */pretty?: boolean;
const string = <json data = {{hello: "world"}} pretty />;{
"Hello": "World"
}данные
/*** Данные для строки. */data: outedoptionaljsonvalue;
Ностармаркер
/** * @default false */nostartmarker?: boolean;
последовательность
/** * @default false */sequenceNident?: boolean;
const string = <yaml data = {{hello: "world"}} />;--- hello: world
<upper>
const string = <upper> Привет, мир! </over>;
HELLO, WORLD!
<lower>
const string = <nownect> Привет, мир! </lower>;
hello, world!
<capital>
const string = <Capital> Привет, мир! </capital>;
Hello, world!
<title>
const string = <title> Привет, мир! </title>;
Hello, World!
// "Привет, мир!" Const string = <trim> Привет, мир! </trim>;
Hello, World!
с
/*** Значение, которое нужно применить как к `prefix`, так и к` суффиксу. */с: prxmpt.children;
const string = <кадр с = "-"> Привет, мир! </frame>;
-- Hello, World! --
<lined>
const string = ( <lined> <text> hello </text> <text> world! </text> </lined>);
Hello World!
<spaced>
const string = ( <singed> <text> hello </text> <text> world! </text> </ранее>);
Hello World!
<csl>
Nospace
/** * @default false */nospace?: boolean;
const string = ( <csl> <text> hello </text> <text> world </text> </csl>);
hello, world
const string = ( <CSL NOSPACE> <Text> Hello </text> <Text> World </text> </csl>);
hello,world
<union>
Nospace
/** * @default false */nospace?: boolean;
const string = ( <Union> <Text> Привет </text> <Text> World </text> </Union>);
hello | world
const string = ( <Union nospace> <text> hello </text> <text> world </text> </Union>);
hello|world
делитель
/** * @default "---" */divider?: String;
рамка
/*** Добавить ли разделители до и после тела. * @default false */frame?: boolean;
const string = ( <sectioned> <text> hello </text> <text> world! </text> </section>);
Hello --- World!
Установки автоматически регулируют сепараторы, используемые на основе количества предоставленных детей.
<and>
const string = ( <и> <text> a </text> </и>);
a
const string = ( <и> <Text> a </text> <Text> b </text> </и>);
a and b
const string = ( <и> <Text> a </text> <Text> b </text> <Text> c </text> </и>);
a, b, and c
<andor>
const string = ( <andor> <text> a </text> <text> b </text> <text> c </text> </andor>);
a, b, and/or c
<or>
const string = ( <или> <Text> a </text> <text> b </text> <text> c </text> </или>);
a, b, or c
<nor>
const string = ( <nor> <text> a </text> <text> b </text> <text> c </text> </nor>);
a, b, nor c
Элемент <cap> позволяет ограничить длину строки, предоставляя функцию splitter и max количество «единиц», чтобы разрешить.
максимум
/*** Максимальные «единицы», чтобы включить. * @default infinity */max?: номер;
сплиттер
/*** Функция, которая разбивает строку в «единицы». * @default "chars" */splitter?: "Аварии" | "Линии" | «Пространства» | "Слова" | «Запятые» | "chars" | (String: String) => String [];
Эллипсис
/*** Строка для добавления к концу, если максимум достигнут. * Эта строка включена в максимальный счет. * Если используется `true`," ... ". * @default undefined */ellipsis?: String | истинный;
const string = <cap max = {5}> hello, world! </cap>;Hello
Элемент <priority> похож на запрос CSS Media на основе ширины для строк.
Вместо того, чтобы предоставлять список детей, <priority> ожидает список предметов, каждый из которых может иметь приоритет. Сначала представлены более высокие приоритеты (например, z-index в CSS), и каждый элемент имеет приоритет по умолчанию 0. также предоставляется несколько стратегий для точной настройки того, как элементы приоритетируются.
Приоритетные элементы также могут быть вложены, что обеспечивает чрезвычайно мелкозернистый контроль над тем, какой контент отображается. Несколько примеров приведены в каталоге приоритетных примеров.
максимум
/*** Максимальные «единицы», чтобы включить. * @default infinity */max?: номер;
прилавок
/*** Функция, которая возвращает количество «единиц» в строке. * @default (string: string) => string.length */counter ?: (String: string) => number;
предметы
/*** Предметы для визуализации в порядке приоритета. */элементы: (prxmpt.children | {
/*** Приоритет этого элемента. Более приоритетные элементы включены в первую очередь. * @default 0 */
P?: номер;
/*** Содержание для рендеринга. */
Содержание: (емкость: число) => prxmpt.children) | Prxmpt.children;}) [];стратегия
Стратегия для использования при определении приоритетов элементов.
Если предоставляется несколько стратегий, последующие стратегии предъявляются для разрыва связей.
"priority" :
Расстановите приоритеты предметов по приоритету.
Как только максимум достигнут, продолжайте проверять, подходят ли оставшиеся предметы.
"order-asc" :
Расстановите приоритеты предметов по указанному заказу.
Как только максимум достигнут, продолжайте проверять, подходят ли оставшиеся предметы.
"order-desc" :
Расстановите приоритеты элементов в обратном обратном заказа.
Как только максимум достигнут, продолжайте проверять, подходят ли оставшиеся предметы.
"size-asc" :
Распределите приоритеты в пунктах по размеру заказа, наименьшее до самого большого.
Используйте, если вы хотите включить как можно больше предметов.
"size-desc" :
Приоритетные предметы в размере заказа, крупнейшие до наименьшего.
Используйте, если вы хотите включить как можно меньше элементов.
/** * @default ["Приоритет", "Порядок-ASC"] */стратегия?: Приоритет Приоритет
Носкип
/*** Если `true`, не пропускайте элементы после достижения максимума. * @default false */noskip?: boolean;
const string = (
<drivetitymax = {15} join = {"n"} items = {[{p: 2 content: "test 1"}, {// p: 0 - контент по умолчанию: "Это супер длинная строка, которая выиграла ' t fit. "}, {p: 1, content:" test 3 "}]} />);Test 1 Test 3
createElement Import {createElement} от "@autossey/prxmpt"; const string = createelement ("text", {}, "Привет, мир!");Hello, World!
render Import {render} из "@autossey/prxmpt"; const string = render (
<Text> Привет, мир! </text>);Hello, World!
hasChildren Возвращает true если у объекта предоставленного реквизита есть имущество children .
Import {Haschildren} из "@autossey/prxmpt"; if (haschildren ({kids: "Привет, мир!"})) {
// ...}isChildren Возвращает true , если предоставленное значение является действительным дочерним детьми PRXMPT.
Import {ischildren} из "@autossey/prxmpt"; if (ischildren ("Привет, мир!")) {
// ...}split Разделить children на separator . Если separator undefined , расщепление не происходит.
Import {split} из "@autossey/prxmpt"; const glides = (
<lined> <text> hello </text> <text> world! </text>
</lined>); // ["hello", "world!"] const strings = split (дети, "n");paragraphs Сплит children на "nn" .
lines Сплит children на "n" .
spaces Сплит children на пробеле.
words Разделите children на границах слов.
commas Разделить children на "," .
characters Сплит children на "" .
@swc/core: супер-бывная альтернатива для Babel
Ассомированные аралевые: Сделайте любую ценность массивом
Типы-JSON: проверка типов для объектов JSON
Yaml: JavaScript Parser и Stringifier для Yaml
@Autossey/Eslint-Config: база для проектов, которые используют Eslint.
@Autossey/Tsconfig: коллекция базовых TSconfigs для различных типов проектов.
@Jest/Globals
@SWC/Jest: интеграция SWC для шутки
@types/node: определения типографии для node.js
Eslint: проверка шаблонов на основе AST для JavaScript.
Шутка: восхитительное тестирование JavaScript.
TypeScript: TypeScript - это язык для разработки JavaScript для масштаба приложений
MIT - лицензия MIT
