wcz-test 1.6.0 → 1.8.0

package/src/routes/_pathlessLayout.tsx

@@ -0,0 +1,16 @@
+import { Outlet, createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_pathlessLayout')({
+  component: LayoutComponent,
+})
+
+function LayoutComponent() {
+  return (
+    <div className="p-2">
+      <div className="border-b">I'm a layout</div>
+      <div>
+        <Outlet />
+      </div>
+    </div>
+  )
+}

package/src/routes/api/users.$id.ts

@@ -0,0 +1,24 @@
+import { json } from '@tanstack/react-start'
+import { createAPIFileRoute } from '@tanstack/react-start/api'
+import axios from 'redaxios'
+import type { User } from '../../utils/users'
+
+export const APIRoute = createAPIFileRoute('/api/users/$id')({
+  GET: async ({ request, params }) => {
+    console.info(`Fetching users by id=${params.id}... @`, request.url)
+    try {
+      const res = await axios.get<User>(
+        'https://jsonplaceholder.typicode.com/users/' + params.id,
+      )
+
+      return json({
+        id: res.data.id,
+        name: res.data.name,
+        email: res.data.email,
+      })
+    } catch (e) {
+      console.error(e)
+      return json({ error: 'User not found' }, { status: 404 })
+    }
+  },
+})

package/src/routes/api/users.ts

@@ -0,0 +1,17 @@
+import { json } from '@tanstack/react-start'
+import { createAPIFileRoute } from '@tanstack/react-start/api'
+import axios from 'redaxios'
+import type { User } from '../../utils/users'
+
+export const APIRoute = createAPIFileRoute('/api/users')({
+  GET: async ({ request }) => {
+    console.info('Fetching users... @', request.url)
+    const res = await axios.get<Array<User>>(
+      'https://jsonplaceholder.typicode.com/users',
+    )
+
+    const list = res.data.slice(0, 10)
+
+    return json(list.map((u) => ({ id: u.id, name: u.name, email: u.email })))
+  },
+})

package/src/routes/deferred.tsx

@@ -0,0 +1,62 @@
+import { Await, createFileRoute } from '@tanstack/react-router'
+import { createServerFn } from '@tanstack/react-start'
+import { Suspense, useState } from 'react'
+
+const personServerFn = createServerFn({ method: 'GET' })
+  .validator((d: string) => d)
+  .handler(({ data: name }) => {
+    return { name, randomNumber: Math.floor(Math.random() * 100) }
+  })
+
+const slowServerFn = createServerFn({ method: 'GET' })
+  .validator((d: string) => d)
+  .handler(async ({ data: name }) => {
+    await new Promise((r) => setTimeout(r, 1000))
+    return { name, randomNumber: Math.floor(Math.random() * 100) }
+  })
+
+export const Route = createFileRoute('/deferred')({
+  loader: async () => {
+    return {
+      deferredStuff: new Promise<string>((r) =>
+        setTimeout(() => r('Hello deferred!'), 2000),
+      ),
+      deferredPerson: slowServerFn({ data: 'Tanner Linsley' }),
+      person: await personServerFn({ data: 'John Doe' }),
+    }
+  },
+  component: Deferred,
+})
+
+function Deferred() {
+  const [count, setCount] = useState(0)
+  const { deferredStuff, deferredPerson, person } = Route.useLoaderData()
+
+  return (
+    <div className="p-2">
+      <div data-testid="regular-person">
+        {person.name} - {person.randomNumber}
+      </div>
+      <Suspense fallback={<div>Loading person...</div>}>
+        <Await
+          promise={deferredPerson}
+          children={(data) => (
+            <div data-testid="deferred-person">
+              {data.name} - {data.randomNumber}
+            </div>
+          )}
+        />
+      </Suspense>
+      <Suspense fallback={<div>Loading stuff...</div>}>
+        <Await
+          promise={deferredStuff}
+          children={(data) => <h3 data-testid="deferred-stuff">{data}</h3>}
+        />
+      </Suspense>
+      <div>Count: {count}</div>
+      <div>
+        <button onClick={() => setCount(count + 1)}>Increment</button>
+      </div>
+    </div>
+  )
+}

package/src/routes/index.tsx

@@ -0,0 +1,13 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/')({
+  component: Home,
+})
+
+function Home() {
+  return (
+    <div className="p-2">
+      <h3>Welcome Home!!!</h3>
+    </div>
+  )
+}

package/src/routes/posts.$postId.tsx

@@ -0,0 +1,34 @@
+import { Link, createFileRoute } from '@tanstack/react-router'
+import { fetchPost } from '../utils/posts'
+import { NotFound } from '~/components/NotFound'
+import { PostErrorComponent } from '~/components/PostError'
+
+export const Route = createFileRoute('/posts/$postId')({
+  loader: ({ params: { postId } }) => fetchPost({ data: postId }),
+  errorComponent: PostErrorComponent,
+  component: PostComponent,
+  notFoundComponent: () => {
+    return <NotFound>Post not found</NotFound>
+  },
+})
+
+function PostComponent() {
+  const post = Route.useLoaderData()
+
+  return (
+    <div className="space-y-2">
+      <h4 className="text-xl font-bold underline">{post.title}</h4>
+      <div className="text-sm">{post.body}</div>
+      <Link
+        to="/posts/$postId/deep"
+        params={{
+          postId: post.id,
+        }}
+        activeProps={{ className: 'text-black font-bold' }}
+        className="block py-1 text-blue-800 hover:text-blue-600"
+      >
+        Deep View
+      </Link>
+    </div>
+  )
+}

package/src/routes/posts.index.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/posts/')({
+  component: PostsIndexComponent,
+})
+
+function PostsIndexComponent() {
+  return <div>Select a post.</div>
+}

package/src/routes/posts.route.tsx

@@ -0,0 +1,38 @@
+import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
+import { fetchPosts } from '../utils/posts'
+
+export const Route = createFileRoute('/posts')({
+  loader: async () => fetchPosts(),
+  component: PostsLayoutComponent,
+})
+
+function PostsLayoutComponent() {
+  const posts = Route.useLoaderData()
+
+  return (
+    <div className="p-2 flex gap-2">
+      <ul className="list-disc pl-4">
+        {[...posts, { id: 'i-do-not-exist', title: 'Non-existent Post' }].map(
+          (post) => {
+            return (
+              <li key={post.id} className="whitespace-nowrap">
+                <Link
+                  to="/posts/$postId"
+                  params={{
+                    postId: post.id,
+                  }}
+                  className="block py-1 text-blue-800 hover:text-blue-600"
+                  activeProps={{ className: 'text-black font-bold' }}
+                >
+                  <div>{post.title.substring(0, 20)}</div>
+                </Link>
+              </li>
+            )
+          },
+        )}
+      </ul>
+      <hr />
+      <Outlet />
+    </div>
+  )
+}

package/src/routes/posts_.$postId.deep.tsx

@@ -0,0 +1,29 @@
+import { Link, createFileRoute } from '@tanstack/react-router'
+import { fetchPost } from '../utils/posts'
+import { PostErrorComponent } from '~/components/PostError'
+
+export const Route = createFileRoute('/posts_/$postId/deep')({
+  loader: async ({ params: { postId } }) =>
+    fetchPost({
+      data: postId,
+    }),
+  errorComponent: PostErrorComponent,
+  component: PostDeepComponent,
+})
+
+function PostDeepComponent() {
+  const post = Route.useLoaderData()
+
+  return (
+    <div className="p-2 space-y-2">
+      <Link
+        to="/posts"
+        className="block py-1 text-blue-800 hover:text-blue-600"
+      >
+        ← All Posts
+      </Link>
+      <h4 className="text-xl font-bold underline">{post.title}</h4>
+      <div className="text-sm">{post.body}</div>
+    </div>
+  )
+}

package/src/routes/redirect.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute, redirect } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/redirect')({
+  beforeLoad: async () => {
+    throw redirect({
+      to: '/posts',
+    })
+  },
+})

package/src/routes/users.$userId.tsx

@@ -0,0 +1,33 @@
+import { createFileRoute } from '@tanstack/react-router'
+import axios from 'redaxios'
+import type { User } from '~/utils/users'
+import { DEPLOY_URL } from '~/utils/users'
+import { NotFound } from '~/components/NotFound'
+import { UserErrorComponent } from '~/components/UserError'
+
+export const Route = createFileRoute('/users/$userId')({
+  loader: async ({ params: { userId } }) => {
+    return await axios
+      .get<User>(DEPLOY_URL + '/api/users/' + userId)
+      .then((r) => r.data)
+      .catch(() => {
+        throw new Error('Failed to fetch user')
+      })
+  },
+  errorComponent: UserErrorComponent,
+  component: UserComponent,
+  notFoundComponent: () => {
+    return <NotFound>User not found</NotFound>
+  },
+})
+
+function UserComponent() {
+  const user = Route.useLoaderData()
+
+  return (
+    <div className="space-y-2">
+      <h4 className="text-xl font-bold underline">{user.name}</h4>
+      <div className="text-sm">{user.email}</div>
+    </div>
+  )
+}

package/src/routes/users.index.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/users/')({
+  component: UsersIndexComponent,
+})
+
+function UsersIndexComponent() {
+  return <div>Select a user.</div>
+}

package/src/routes/users.route.tsx

@@ -0,0 +1,48 @@
+import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
+import axios from 'redaxios'
+import { DEPLOY_URL } from '../utils/users'
+import type { User } from '../utils/users'
+
+export const Route = createFileRoute('/users')({
+  loader: async () => {
+    return await axios
+      .get<Array<User>>(DEPLOY_URL + '/api/users')
+      .then((r) => r.data)
+      .catch(() => {
+        throw new Error('Failed to fetch users')
+      })
+  },
+  component: UsersLayoutComponent,
+})
+
+function UsersLayoutComponent() {
+  const users = Route.useLoaderData()
+
+  return (
+    <div className="p-2 flex gap-2">
+      <ul className="list-disc pl-4">
+        {[
+          ...users,
+          { id: 'i-do-not-exist', name: 'Non-existent User', email: '' },
+        ].map((user) => {
+          return (
+            <li key={user.id} className="whitespace-nowrap">
+              <Link
+                to="/users/$userId"
+                params={{
+                  userId: String(user.id),
+                }}
+                className="block py-1 text-blue-800 hover:text-blue-600"
+                activeProps={{ className: 'text-black font-bold' }}
+              >
+                <div>{user.name}</div>
+              </Link>
+            </li>
+          )
+        })}
+      </ul>
+      <hr />
+      <Outlet />
+    </div>
+  )
+}

package/src/ssr.tsx

@@ -0,0 +1,13 @@
+/// <reference types="vinxi/types/server" />
+import {
+  createStartHandler,
+  defaultStreamHandler,
+} from '@tanstack/react-start/server'
+import { getRouterManifest } from '@tanstack/react-start/router-manifest'
+
+import { createRouter } from './router'
+
+export default createStartHandler({
+  createRouter,
+  getRouterManifest,
+})(defaultStreamHandler)

package/src/styles/app.css

@@ -0,0 +1,22 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  html {
+    color-scheme: light dark;
+  }
+
+  * {
+    @apply border-gray-200 dark:border-gray-800;
+  }
+
+  html,
+  body {
+    @apply text-gray-900 bg-gray-50 dark:bg-gray-950 dark:text-gray-200;
+  }
+
+  .using-mouse * {
+    outline: none !important;
+  }
+}

package/src/utils/loggingMiddleware.tsx

@@ -0,0 +1,41 @@
+import { createMiddleware } from '@tanstack/react-start'
+
+const preLogMiddleware = createMiddleware()
+  .client(async (ctx) => {
+    const clientTime = new Date()
+
+    return ctx.next({
+      context: {
+        clientTime,
+      },
+      sendContext: {
+        clientTime,
+      },
+    })
+  })
+  .server(async (ctx) => {
+    const serverTime = new Date()
+
+    return ctx.next({
+      sendContext: {
+        serverTime,
+        durationToServer:
+          serverTime.getTime() - ctx.context.clientTime.getTime(),
+      },
+    })
+  })
+
+export const logMiddleware = createMiddleware()
+  .middleware([preLogMiddleware])
+  .client(async (ctx) => {
+    const res = await ctx.next()
+
+    const now = new Date()
+    console.log('Client Req/Res:', {
+      duration: res.context.clientTime.getTime() - now.getTime(),
+      durationToServer: res.context.durationToServer,
+      durationFromServer: now.getTime() - res.context.serverTime.getTime(),
+    })
+
+    return res
+  })

package/src/utils/posts.tsx

@@ -0,0 +1,36 @@
+import { notFound } from '@tanstack/react-router'
+import { createServerFn } from '@tanstack/react-start'
+import axios from 'redaxios'
+
+export type PostType = {
+  id: string
+  title: string
+  body: string
+}
+
+export const fetchPost = createServerFn({ method: 'GET' })
+  .validator((d: string) => d)
+  .handler(async ({ data }) => {
+    console.info(`Fetching post with id ${data}...`)
+    const post = await axios
+      .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${data}`)
+      .then((r) => r.data)
+      .catch((err) => {
+        console.error(err)
+        if (err.status === 404) {
+          throw notFound()
+        }
+        throw err
+      })
+
+    return post
+  })
+
+export const fetchPosts = createServerFn({ method: 'GET' }).handler(
+  async () => {
+    console.info('Fetching posts...')
+    return axios
+      .get<Array<PostType>>('https://jsonplaceholder.typicode.com/posts')
+      .then((r) => r.data.slice(0, 10))
+  },
+)

package/src/utils/seo.ts

@@ -0,0 +1,33 @@
+export const seo = ({
+  title,
+  description,
+  keywords,
+  image,
+}: {
+  title: string
+  description?: string
+  image?: string
+  keywords?: string
+}) => {
+  const tags = [
+    { title },
+    { name: 'description', content: description },
+    { name: 'keywords', content: keywords },
+    { name: 'twitter:title', content: title },
+    { name: 'twitter:description', content: description },
+    { name: 'twitter:creator', content: '@tannerlinsley' },
+    { name: 'twitter:site', content: '@tannerlinsley' },
+    { name: 'og:type', content: 'website' },
+    { name: 'og:title', content: title },
+    { name: 'og:description', content: description },
+    ...(image
+      ? [
+          { name: 'twitter:image', content: image },
+          { name: 'twitter:card', content: 'summary_large_image' },
+          { name: 'og:image', content: image },
+        ]
+      : []),
+  ]
+
+  return tags
+}

package/src/utils/users.tsx

@@ -0,0 +1,7 @@
+export type User = {
+  id: number
+  name: string
+  email: string
+}
+
+export const DEPLOY_URL = 'http://localhost:3000'

package/tailwind.config.mjs

@@ -0,0 +1,4 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+}

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "include": ["**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "strict": true,
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "target": "ES2022",
+    "allowJs": true,
+    "forceConsistentCasingInFileNames": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["./src/*"]
+    },
+    "noEmit": true
+  }
+}

package/tsup.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+    entry: ['src/index.ts'],
+    splitting: false,
+    sourcemap: true,
+    clean: true,
+    format: ['cjs', 'esm'],
+    dts: true,
+});

package/dist/api.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<Response>>;
-export default _default;
-//# sourceMappingURL=api.d.ts.map

package/dist/api.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":";AAKA,wBAAgE"}

package/dist/api.js

@@ -1,3 +0,0 @@
-import { createStartAPIHandler, defaultAPIFileRouteHandler, } from '@tanstack/react-start/api';
-export default createStartAPIHandler(defaultAPIFileRouteHandler);
-//# sourceMappingURL=api.js.map

package/dist/api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,2BAA2B,CAAA;AAElC,eAAe,qBAAqB,CAAC,0BAA0B,CAAC,CAAA"}

package/dist/client.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.tsx"],"names":[],"mappings":""}

package/dist/client.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/// <reference types="vinxi/types/client" />
-import { hydrateRoot } from 'react-dom/client';
-import { StartClient } from '@tanstack/react-start';
-import { createRouter } from './router';
-const router = createRouter();
-hydrateRoot(document, _jsx(StartClient, { router: router }));
-//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.tsx"],"names":[],"mappings":";AAAA,4CAA4C;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,GAAG,YAAY,EAAE,CAAA;AAE7B,WAAW,CAAC,QAAQ,EAAE,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAA"}

package/dist/components/DefaultCatchBoundary.d.ts

@@ -1,3 +0,0 @@
-import type { ErrorComponentProps } from '@tanstack/react-router';
-export declare function DefaultCatchBoundary({ error }: ErrorComponentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DefaultCatchBoundary.d.ts.map

package/dist/components/DefaultCatchBoundary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultCatchBoundary.d.ts","sourceRoot":"","sources":["../../src/components/DefaultCatchBoundary.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAEjE,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CA2ClE"}

package/dist/components/DefaultCatchBoundary.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ErrorComponent, Link, rootRouteId, useMatch, useRouter, } from '@tanstack/react-router';
-export function DefaultCatchBoundary({ error }) {
-    const router = useRouter();
-    const isRoot = useMatch({
-        strict: false,
-        select: (state) => state.id === rootRouteId,
-    });
-    console.error('DefaultCatchBoundary Error:', error);
-    return (_jsxs("div", { className: "min-w-0 flex-1 p-4 flex flex-col items-center justify-center gap-6", children: [_jsx(ErrorComponent, { error: error }), _jsxs("div", { className: "flex gap-2 items-center flex-wrap", children: [_jsx("button", { onClick: () => {
-                            router.invalidate();
-                        }, className: `px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`, children: "Try Again" }), isRoot ? (_jsx(Link, { to: "/", className: `px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`, children: "Home" })) : (_jsx(Link, { to: "/", className: `px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`, onClick: (e) => {
-                            e.preventDefault();
-                            window.history.back();
-                        }, children: "Go Back" }))] })] }));
-}
-//# sourceMappingURL=DefaultCatchBoundary.js.map

package/dist/components/DefaultCatchBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultCatchBoundary.js","sourceRoot":"","sources":["../../src/components/DefaultCatchBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,GACV,MAAM,wBAAwB,CAAA;AAG/B,MAAM,UAAU,oBAAoB,CAAC,EAAE,KAAK,EAAuB;IACjE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,MAAM,GAAG,QAAQ,CAAC;QACtB,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,WAAW;KAC5C,CAAC,CAAA;IAEF,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAA;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,EAChC,eAAK,SAAS,EAAC,mCAAmC,aAChD,iBACE,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,CAAC,UAAU,EAAE,CAAA;wBACrB,CAAC,EACD,SAAS,EAAE,oFAAoF,0BAGxF,EACR,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,oFAAoF,qBAG1F,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,oFAAoF,EAC/F,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;wBACvB,CAAC,wBAGI,CACR,IACG,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/MyComponent.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-export declare const MyComponent: FC;
-//# sourceMappingURL=MyComponent.d.ts.map

package/dist/components/MyComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MyComponent.d.ts","sourceRoot":"","sources":["../../src/components/MyComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,WAAW,EAAE,EAGzB,CAAA"}

package/dist/components/MyComponent.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const MyComponent = () => {
-    return _jsx("div", { children: "Moje komponenta" });
-};
-//# sourceMappingURL=MyComponent.js.map

package/dist/components/MyComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MyComponent.js","sourceRoot":"","sources":["../../src/components/MyComponent.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAO,GAAG,EAAE;IAEhC,OAAO,4CAA0B,CAAA;AACrC,CAAC,CAAA"}

package/dist/components/NotFound.d.ts

@@ -1,4 +0,0 @@
-export declare function NotFound({ children }: {
-    children?: any;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=NotFound.d.ts.map

package/dist/components/NotFound.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../src/components/NotFound.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,2CAsBxD"}