@grom.js/tgx 1.0.0 → 1.1.0

package/dist/Line.d.ts

@@ -0,0 +1,20 @@
+import type { PropsWithChildren, TgxElement } from './types.ts';
+/**
+ * Simple component that wraps its children in a fragment and adds a newline.
+ *
+ * Useful for creating multi-line messages.
+ *
+ * @example
+ * ```jsx
+ * import { Line } from '@grom.js/tgx'
+ *
+ * const Greeting = (props) => (
+ *   <>
+ *     <Line>Hello, <b>{props.name}</b>!</Line>
+ *     <Line/>
+ *     <Line><i>How are you doing?</i></Line>
+ *   </>
+ * )
+ * ```
+ */
+export declare function Line({ children }: PropsWithChildren): TgxElement;

package/dist/Line.js

@@ -0,0 +1,23 @@
+import { Fragment } from "./jsx.js";
+/**
+ * Simple component that wraps its children in a fragment and adds a newline.
+ *
+ * Useful for creating multi-line messages.
+ *
+ * @example
+ * ```jsx
+ * import { Line } from '@grom.js/tgx'
+ *
+ * const Greeting = (props) => (
+ *   <>
+ *     <Line>Hello, <b>{props.name}</b>!</Line>
+ *     <Line/>
+ *     <Line><i>How are you doing?</i></Line>
+ *   </>
+ * )
+ * ```
+ */
+export function Line({ children }) {
+    return Fragment({ children: [children, '\n'] });
+}
+//# sourceMappingURL=Line.js.map

package/dist/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../src/Line.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAqB;IAClD,OAAO,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './jsx.ts';
+export { Line } from './Line.ts';
 export * from './render.ts';
 export * from './types.ts';

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from "./jsx.js";
+export { Line } from "./Line.js";
 export * from "./render.js";
 export * from "./types.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@grom.js/tgx",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "JSX runtime for composing Telegram messages",
   "author": {
     "name": "Vladislav Deryabkin",
@@ -38,14 +38,14 @@
     "node": "22.x"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "6.2.0",
-    "@types/node": "22.19.1",
-    "@vitest/coverage-v8": "4.0.10",
-    "bumpp": "10.3.1",
-    "eslint": "9.39.1",
-    "eslint-plugin-format": "1.0.2",
-    "taze": "19.9.0",
-    "vitest": "4.0.10"
+    "@antfu/eslint-config": "7.4.3",
+    "@types/node": "22.19.11",
+    "@vitest/coverage-v8": "4.0.18",
+    "bumpp": "10.4.1",
+    "eslint": "9.39.2",
+    "eslint-plugin-format": "1.4.0",
+    "taze": "19.9.2",
+    "vitest": "4.0.18"
   },
   "scripts": {
     "build": "rm -rf ./dist/ && tsc --project ./tsconfig.lib.json",

package/src/Line.ts

@@ -0,0 +1,24 @@
+import type { PropsWithChildren, TgxElement } from './types.ts'
+import { Fragment } from './jsx.ts'
+
+/**
+ * Simple component that wraps its children in a fragment and adds a newline.
+ *
+ * Useful for creating multi-line messages.
+ *
+ * @example
+ * ```jsx
+ * import { Line } from '@grom.js/tgx'
+ *
+ * const Greeting = (props) => (
+ *   <>
+ *     <Line>Hello, <b>{props.name}</b>!</Line>
+ *     <Line/>
+ *     <Line><i>How are you doing?</i></Line>
+ *   </>
+ * )
+ * ```
+ */
+export function Line({ children }: PropsWithChildren): TgxElement {
+  return Fragment({ children: [children, '\n'] })
+}

package/src/index.ts

@@ -1,3 +1,4 @@
 export * from './jsx.ts'
+export { Line } from './Line.ts'
 export * from './render.ts'
 export * from './types.ts'