refactor(packages/*): add tuono- prefix to all relevant folders (#255)

packages/tuono-lazy-fn-vite-plugin/tests/sources/dynamic-only/client.expected.tsx

@@ -0,0 +1,9 @@
+import React, { Suspense, type JSX } from "react";
+import { __tuono__internal__lazyLoadComponent as dynamic } from "tuono";
+const DynamicComponent = dynamic(() => import("../components/DynamicComponent"));
+const Loading = (): JSX.Element => <>Loading</>;
+export default function IndexPage(): JSX.Element {
+  return <Suspense fallback={<Loading />}>
+			<DynamicComponent />
+		</Suspense>;
+}

packages/tuono-lazy-fn-vite-plugin/tests/sources/dynamic-only/server.expected.tsx

@@ -0,0 +1,8 @@
+import React, { Suspense, type JSX } from "react";
+import DynamicComponent from "../components/DynamicComponent";
+const Loading = (): JSX.Element => <>Loading</>;
+export default function IndexPage(): JSX.Element {
+  return <Suspense fallback={<Loading />}>
+			<DynamicComponent />
+		</Suspense>;
+}

packages/tuono-lazy-fn-vite-plugin/tests/sources/dynamic-only/source.tsx

@@ -0,0 +1,14 @@
+import React, { Suspense, type JSX } from "react";
+import { dynamic } from "tuono";
+
+const DynamicComponent = dynamic(() => import("../components/DynamicComponent"))
+
+const Loading = (): JSX.Element => <>Loading</>
+
+export default function IndexPage(): JSX.Element {
+	return (
+		<Suspense fallback={<Loading />}>
+			<DynamicComponent />
+		</Suspense>
+	);
+}

packages/tuono-lazy-fn-vite-plugin/tests/sources/external-dynamic/client.expected.tsx

@@ -0,0 +1,4 @@
+import { createRoute } from 'tuono';
+import { dynamic } from 'external-lib';
+const IndexImport = dynamic(() => import('./../src/routes/index'));
+const PokemonspokemonImport = dynamic(() => import('./../src/routes/pokemons/[pokemon]'));

packages/tuono-lazy-fn-vite-plugin/tests/sources/external-dynamic/server.expected.tsx

@@ -0,0 +1,4 @@
+import { createRoute } from 'tuono';
+import { dynamic } from 'external-lib';
+const IndexImport = dynamic(() => import('./../src/routes/index'));
+const PokemonspokemonImport = dynamic(() => import('./../src/routes/pokemons/[pokemon]'));

packages/tuono-lazy-fn-vite-plugin/tests/sources/external-dynamic/source.tsx

@@ -0,0 +1,7 @@
+import { createRoute } from 'tuono'
+import { dynamic } from 'external-lib'
+
+const IndexImport = dynamic(() => import('./../src/routes/index'))
+const PokemonspokemonImport = dynamic(
+	() => import('./../src/routes/pokemons/[pokemon]'),
+)

packages/tuono-lazy-fn-vite-plugin/tests/sources/vanilla/client.expected.tsx

@@ -0,0 +1,3 @@
+import { createRoute, __tuono__internal__lazyLoadComponent as dynamic } from 'tuono';
+const IndexImport = dynamic(() => import('./../src/routes/index'));
+const PokemonspokemonImport = dynamic(() => import('./../src/routes/pokemons/[pokemon]'));

packages/tuono-lazy-fn-vite-plugin/tests/sources/vanilla/server.expected.tsx

@@ -0,0 +1,3 @@
+import { createRoute } from 'tuono';
+import IndexImport from "./../src/routes/index";
+import PokemonspokemonImport from "./../src/routes/pokemons/[pokemon]";

packages/tuono-lazy-fn-vite-plugin/tests/sources/vanilla/source.tsx

@@ -0,0 +1,6 @@
+import { createRoute, dynamic } from 'tuono'
+
+const IndexImport = dynamic(() => import('./../src/routes/index'))
+const PokemonspokemonImport = dynamic(
+	() => import('./../src/routes/pokemons/[pokemon]'),
+)

packages/tuono-lazy-fn-vite-plugin/tests/transpileSource.test.ts

@@ -0,0 +1,94 @@
+import fs from 'node:fs/promises'
+import os from 'node:os'
+
+import { it, expect, describe } from 'vitest'
+import type { Plugin } from 'vite'
+
+import { LazyLoadingPlugin } from '../src'
+
+type ViteTransformHandler = Exclude<
+  Plugin['transform'],
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+  Function | undefined
+>['handler']
+
+// Create a type-safe transform method
+function getTransform(): (...args: Parameters<ViteTransformHandler>) => string {
+  /** @warning Keep in sync with {@link createBaseViteConfigFromTuonoConfig} */
+  const pluginFilesInclude = /\.(jsx|js|mdx|md|tsx|ts)$/
+
+  return LazyLoadingPlugin({ include: pluginFilesInclude }).transform as never
+}
+
+describe('"dynamic" sources', async () => {
+  const folderNames = await fs.readdir(`${process.cwd()}/tests/sources`)
+
+  describe.each(folderNames)('%s', async (folderName) => {
+    const testDirPath = `${process.cwd()}/tests/sources/${folderName}`
+
+    const sourceFilePath = `${testDirPath}/source.tsx`
+
+    const sourceRaw = await fs.readFile(sourceFilePath, 'utf-8')
+    /**
+     * When adding `packages/lazy-fn-vite-plugin/tests/sources/dynamic-only` only
+     * the test involving that fixture were broken on Windows... but not the one in the other fixtures:
+     * - packages/lazy-fn-vite-plugin/tests/sources/vanilla
+     * - packages/lazy-fn-vite-plugin/tests/sources/external-dynamic
+     *
+     * Awkwardly this doesn't happen on  `packages/fs-router-vite-plugin/tests/generator.spec.ts`
+     *
+     * Too much pain and sadness to investigate this right now.
+     * Might worth creating an utility function in the future if this happens again
+     */
+    const source = sourceRaw.replace(new RegExp(os.EOL, 'g'), '\n')
+
+    it('should generate file for client', async () => {
+      const pluginTransform = getTransform()
+      const clientBundle = pluginTransform(source, sourceFilePath)
+
+      const expectedClientSrc = `${testDirPath}/client.expected.tsx`
+
+      await expect(clientBundle).toMatchFileSnapshot(
+        expectedClientSrc,
+        `${testDirPath} client build should be equal to ${expectedClientSrc}`,
+      )
+    })
+
+    it('should generate file for server', async () => {
+      const pluginTransform = getTransform()
+      const serverBundle = pluginTransform(source, sourceFilePath, {
+        ssr: true,
+      })
+
+      const expectedServerSrc = `${testDirPath}/server.expected.tsx`
+
+      await expect(serverBundle).toMatchFileSnapshot(
+        expectedServerSrc,
+        `${testDirPath} server build should be equal to ${expectedServerSrc}`,
+      )
+    })
+  })
+})
+
+describe('not valid file should not be processed', () => {
+  const notValidFiles: Array<string> = [
+    'src/styles/module.css',
+    'src/pages/file-without-ext',
+    'src/pages/file-with-invalid-ext',
+    'src/components/fileWithInvalidExt',
+    'src/components/sidebar/sidebar-link.module.css',
+  ]
+
+  it.each(notValidFiles)('"%s"', (fileName) => {
+    const pluginTransform = getTransform()
+
+    const code = [
+      "import { createRoute, dynamic } from 'tuono'",
+      "const IndexImport = dynamic(() => import('./../src/routes/index'))",
+    ].join('\n')
+
+    const result = pluginTransform(code, fileName)
+
+    expect(result).toBeUndefined()
+  })
+})