kritzel-react 0.0.21 → 0.0.38

package/README.md

@@ -1,11 +1,22 @@
-# `react`
-
-> TODO: description
-
-## Usage
-
-```
-const react = require('react');
-
-// TODO: DEMONSTRATE API
-```
+# Setup
+
+Install the kritzel-react package.
+```
+npm i kritzel-react
+```
+
+Add MyList to your imports to use it in your component template.
+```jsx
+import { MyList } from 'kritzel-react'
+
+function MyComponent() {
+
+  return (
+    <>
+      <MyList></MyList>
+    </>
+  )
+}
+
+export default MyComponent
+```

package/dist/components/stencil-generated/components.js

@@ -1,39 +1,12 @@
 'use client';
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
-import { MyButton as MyButtonElement, defineCustomElement as defineMyButton } from "../../../../kritzel-stencil/dist/components/my-button.js";
-import { MyComponent as MyComponentElement, defineCustomElement as defineMyComponent } from "../../../../kritzel-stencil/dist/components/my-component.js";
-import { MyList as MyListElement, defineCustomElement as defineMyList } from "../../../../kritzel-stencil/dist/components/my-list.js";
-import { MyTitle as MyTitleElement, defineCustomElement as defineMyTitle } from "../../../../kritzel-stencil/dist/components/my-title.js";
-export const MyButton = /*@__PURE__*/ createComponent({
-    tagName: 'my-button',
-    elementClass: MyButtonElement,
+import { KritzelRenderer as KritzelRendererElement, defineCustomElement as defineKritzelRenderer } from "../../../../kritzel-stencil/dist/components/kritzel-renderer.js";
+export const KritzelRenderer = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-renderer',
+    elementClass: KritzelRendererElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
-    defineCustomElement: defineMyButton
-});
-export const MyComponent = /*@__PURE__*/ createComponent({
-    tagName: 'my-component',
-    elementClass: MyComponentElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
-    react: React,
-    events: {},
-    defineCustomElement: defineMyComponent
-});
-export const MyList = /*@__PURE__*/ createComponent({
-    tagName: 'my-list',
-    elementClass: MyListElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
-    react: React,
-    events: {},
-    defineCustomElement: defineMyList
-});
-export const MyTitle = /*@__PURE__*/ createComponent({
-    tagName: 'my-title',
-    elementClass: MyTitleElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
-    react: React,
-    events: {},
-    defineCustomElement: defineMyTitle
+    defineCustomElement: defineKritzelRenderer
 });

package/dist/types/components/stencil-generated/components.d.ts

@@ -3,16 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { MyButton as MyButtonElement } from "../../../../kritzel-stencil/dist/components/my-button.js";
-import { MyComponent as MyComponentElement } from "../../../../kritzel-stencil/dist/components/my-component.js";
-import { MyList as MyListElement } from "../../../../kritzel-stencil/dist/components/my-list.js";
-import { MyTitle as MyTitleElement } from "../../../../kritzel-stencil/dist/components/my-title.js";
-type MyButtonEvents = NonNullable<unknown>;
-export declare const MyButton: StencilReactComponent<MyButtonElement, MyButtonEvents>;
-type MyComponentEvents = NonNullable<unknown>;
-export declare const MyComponent: StencilReactComponent<MyComponentElement, MyComponentEvents>;
-type MyListEvents = NonNullable<unknown>;
-export declare const MyList: StencilReactComponent<MyListElement, MyListEvents>;
-type MyTitleEvents = NonNullable<unknown>;
-export declare const MyTitle: StencilReactComponent<MyTitleElement, MyTitleEvents>;
+import { KritzelRenderer as KritzelRendererElement } from "../../../../kritzel-stencil/dist/components/kritzel-renderer.js";
+type KritzelRendererEvents = NonNullable<unknown>;
+export declare const KritzelRenderer: StencilReactComponent<KritzelRendererElement, KritzelRendererEvents>;
 export {};

package/package.json

@@ -1,8 +1,6 @@
 {
   "name": "kritzel-react",
-  "version": "0.0.21",
-  "description": "> TODO: description",
-  "author": "kasual1 <seifertluk11@gmail.com>",
+  "version": "0.0.38",
   "homepage": "https://gitlab.com/kasual1/kritzel#readme",
   "license": "ISC",
   "main": "dist/index.js",
@@ -22,7 +20,7 @@
     "@stencil/react-output-target": "^0.7.4"
   },
   "peerDependencies": {
-    "kritzel-stencil": "^0.0.16"
+    "kritzel-stencil": "^0.0.38"
   },
   "repository": {
     "type": "git",
@@ -36,9 +34,6 @@
     "bump": "npm version patch",
     "release": "npm publish"
   },
-  "bugs": {
-    "url": "https://gitlab.com/kasual1/kritzel/issues"
-  },
   "devDependencies": {
     "@types/react": "^18.3.12",
     "react": "^18.3.1",