refactor(aliases): change import aliases from "~" to "~ui" to be more similar how its used on the cunsumer side, allows for easier copy and paste as well

Author: adaptive-shield-matrix

README.md

@@ -47,7 +47,7 @@ bun add solid-js clsx tailwind-merge valibot dayjs @solid-primitives/keyed @soli
 To ensure Tailwind scans the library's source files for classes (since components are published as source without a build step), add the following `@source` directive to your project's `src/layouts/global.css` (or equivalent global stylesheet):
 
 ```css
-@source '/node_modules/@adaptive-sm/solid-ui/lib/**/*.{astro,html,md,mdx,ts,tsx}';
+@source '/node_modules/@adaptive-sm/solid-ui/export/**/*.{astro,html,md,mdx,ts,tsx}';
 ```
 
 This tells Tailwind to include classes from the library's `.tsx`, `.ts`, and other relevant files in the purge process, preventing unused classes from being purged during the build. Without it, Tailwind might not detect classes used in imported components, leading to missing styles.
@@ -64,7 +64,7 @@ In your `tsconfig.json`, set up the `~` alias to point to the library:
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/*"],
-      "~/*": ["./node_modules/@adaptive-sm/solid-ui/lib/*"]
+      "~ui/*": ["./node_modules/@adaptive-sm/solid-ui/lib/*"]
     }
   }
 }
@@ -83,7 +83,7 @@ export default defineConfig({
   resolve: {
     alias: {
       "@": new URL("./src", import.meta.url).pathname,
-      "~": new URL("./node_modules/@adaptive-sm/solid-ui/lib", import.meta.url).pathname,
+      "~ui": new URL("./node_modules/@adaptive-sm/solid-ui/lib", import.meta.url).pathname,
     },
   },
   plugins: [solid(), tailwindcss()],

lib/classes/classesTextLink.ts

@@ -1,4 +1,4 @@
-import { classArr } from "~/utils/ui/classArr"
+import { classArr } from "~ui/utils/ui/classArr"
 
 export const classesTextLink = classArr(
   "text-blue-600 hover:text-black", // light

lib/demo_pages/LinkBlock.tsx

@@ -1,4 +1,4 @@
-import { BulletLinks } from "~/interactive/list/BulletLinks"
+import { BulletLinks } from "~ui/interactive/list/BulletLinks"
 
 export function LinkBlock(p: { header: string; removeUrlPrefix: string; links: string[] }) {
   return (

lib/demo_pages/generateDemoRoutes.tsx

@@ -1,15 +1,15 @@
 import { For } from "solid-js"
-import { LinkBlock } from "~/demo_pages/LinkBlock"
-import { pathDemos } from "~/demo_pages/pathDemos"
-import type { RouteObject } from "~/demo_pages/RouteConfig"
-import type { DemoListType } from "~/generate_demo_list/DemoListType"
-import { LinkButton } from "~/interactive/link/LinkButton"
-import { classesGridCols3xl } from "~/static/container/classesGridCols"
-import { LayoutWrapperDemo } from "~/static/container/LayoutWrapperDemo"
-import { NavDemo } from "~/static/nav/NavDemo"
-import { objectEntries } from "~/utils/obj/objectEntries"
-import { objectKeys } from "~/utils/obj/objectKeys"
-import { classArr } from "~/utils/ui/classArr"
+import { LinkBlock } from "~ui/demo_pages/LinkBlock"
+import { pathDemos } from "~ui/demo_pages/pathDemos"
+import type { RouteObject } from "~ui/demo_pages/RouteConfig"
+import type { DemoListType } from "~ui/generate_demo_list/DemoListType"
+import { LinkButton } from "~ui/interactive/link/LinkButton"
+import { classesGridCols3xl } from "~ui/static/container/classesGridCols"
+import { LayoutWrapperDemo } from "~ui/static/container/LayoutWrapperDemo"
+import { NavDemo } from "~ui/static/nav/NavDemo"
+import { objectEntries } from "~ui/utils/obj/objectEntries"
+import { objectKeys } from "~ui/utils/obj/objectKeys"
+import { classArr } from "~ui/utils/ui/classArr"
 
 const log = false
 

lib/env/isDevEnv.ts

@@ -1,5 +1,5 @@
-import { envMode } from "~/env/envMode"
-import { getEnvMode } from "~/env/getEnvMode"
+import { envMode } from "~ui/env/envMode"
+import { getEnvMode } from "~ui/env/getEnvMode"
 
 export function isDevEnv(): boolean {
   return getEnvMode() === envMode.development

lib/env/isProdEnv.ts

@@ -1,5 +1,5 @@
-import { envMode } from "~/env/envMode"
-import { getEnvMode } from "~/env/getEnvMode"
+import { envMode } from "~ui/env/envMode"
+import { getEnvMode } from "~ui/env/getEnvMode"
 
 export function isProdEnv(): boolean {
   return getEnvMode() === envMode.production

lib/generate_demo_list/generateDemoList.ts

@@ -1,7 +1,7 @@
 import { readdir, writeFile } from "node:fs/promises"
 import { join } from "node:path"
-import { formatGeneratedCodeFile } from "~/generate_demo_list/parts/formatGeneratedCodeFile"
-import { objectKeys } from "~/utils/obj/objectKeys"
+import { formatGeneratedCodeFile } from "~ui/generate_demo_list/parts/formatGeneratedCodeFile"
+import { objectKeys } from "~ui/utils/obj/objectKeys"
 import { findDemoFilesRecursive } from "./parts/findDemoFilesRecursive"
 import { removeDemoObjectValueQuotes } from "./parts/removeDemoObjectValueQuotes"
 import { serializeDemoComponentImport } from "./parts/serializeDemoComponentImport"
@@ -31,7 +31,7 @@ export async function generateDemoList(demoSearchDirRelative: string, outputFile
 
   let output = `
 import { lazy } from "solid-js"
-import { type DemoListType } from "~/generate_demo_list/DemoListType"\n\n`
+import { type DemoListType } from "~ui/generate_demo_list/DemoListType"\n\n`
 
   for (const category of objectKeys(demoPageList)) {
     const importPathComponents = demoPageList[category]

lib/generate_demo_list/parts/formatGeneratedCodeFile.ts

@@ -1,4 +1,4 @@
-import { runCmdAsync } from "~/utils/bun/runCmdAsync"
+import { runCmdAsync } from "~ui/utils/bun/runCmdAsync"
 
 export async function formatGeneratedCodeFile(outputPath: string) {
   const cmd = `bun run biome check --write ${outputPath}`.split(" ")

lib/i18n/ct0.ts

@@ -1,5 +1,5 @@
-import { languageSignal } from "~/i18n/languageSignal"
-import type { TranslationBlock } from "~/i18n/TranslationBlock"
+import { languageSignal } from "~ui/i18n/languageSignal"
+import type { TranslationBlock } from "~ui/i18n/TranslationBlock"
 
 export function ct0(b: TranslationBlock): string {
   return b[languageSignal.get()]

lib/i18n/getBrowserUserDefinedLanguage.ts

@@ -1,4 +1,4 @@
-import { type Language, language } from "~/i18n/language"
+import { type Language, language } from "~ui/i18n/language"
 
 export function getBrowserUserDefinedLanguage(): Language {
   if (!navigator || !navigator.languages) return language.en