mirror of
https://github.com/lucide-icons/lucide.git
synced 2026-11-11 13:28:19 +00:00
4b3f93d9d0
* Updates needed to support Solid 2 * Switch to the next tag * feat(packages): add `@lucide/solid` package for Solid 2 Solid 2's API is a breaking change from Solid 1 and is still an RC, so `lucide-solid` stays on Solid 1 (`solid-js: ^1.4.7`) untouched and Solid 2 support ships as a new `packages/solid` package named `@lucide/solid` — the same scheme already used by `@lucide/svelte` and `@lucide/angular`. The package is a copy of `lucide-solid` on the `@lucide/shared` build architecture, ported to Solid 2: - `splitProps` -> `omit`, `solid-js/web` -> `@solidjs/web`, `JSXElement` -> `Element`, `Context.Provider` -> `<Context value>` - `jsxImportSource` is `@solidjs/web` in tsconfig, the esbuild step and `ts.createProgram`; rollup externals drop the removed `solid-js/store` - `vite-plugin-solid` -> `@solidjs/vite-plugin` - tests keep upstream's coverage with two Solid 2 adaptations: boolean attribute literals must be strings (`aria-hidden="false"`), and writes are batched so the reactivity tests need a `flush()` before asserting Rendered output is unchanged — the snapshots are byte-identical to `lucide-solid`'s. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> * docs(solid): fix React leftovers in the Solid guide The Solid guide was derived from the React guide and three things were not carried across: - `advanced/typescript.md` still told readers the types are for "a TypeScript React project" - its `LucideIcon` example kept React's destructured-props signature. The `: ButtonProps` annotation had also been dropped in the copy, so `ButtonProps` was declared but unused and the parameters were implicitly `any`. Destructuring props breaks reactivity in Solid — verified: with `({ icon: Icon, label })` a changing `label` never reaches the DOM, while `props.label` updates correctly. - `advanced/aliased-names.md` had an orphaned `###` heading; its parent `## Choosing import name style` was dropped during the conversion because it documents React-only subpath exports. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> * docs: type the shared Sandpack wrapper with `SandpackProps` The base Sandpack wrapper declared its props as `FunctionalComponent<LucideProps>` with `LucideProps` imported from `@lucide/vue`, which has nothing to do with a Sandpack embed. None of the props the markdown plugin actually passes (`template`, `files`, `options`, `customSetup`, `theme`) were declared, so they only reached the inner `<Sandpack />` via Vue's fallthrough attributes. Declare `SandpackProps` from `sandpack-vue3` instead and forward them explicitly. This also removes the `@lucide/vue` import that made every framework guide — including the Solid one, which uses this wrapper directly — appear to reference the Vue package. Verified with a full `vitepress build`: each framework guide's chunk still carries its own template (react/vue/vite-svelte/vanilla/ vite-solid) and all five props reach the component. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> * docs(solid): document the Solid 2 flavour in the getting started guide The Solid guide teaches `lucide-solid` throughout (64 references), so the one-line note about `@lucide/solid` left Solid 2 readers on a page whose every install command and live example is Solid 1 — and the packages list points `@lucide/solid` at this same page. Replace that note with a "Using Solid 2?" callout holding its own tabbed install group, the import-specifier swap, and a table of the Solid 2 changes that affect code written around Lucide (`@solidjs/web`, `jsxImportSource`, `splitProps` -> `omit`, `<Ctx value>`), linking out to Solid's own migration guide for the rest. The claim that both packages expose the same components and props is checked, not assumed: `dist/types/lucide-solid.d.ts` is identical between the two packages, and the only differences anywhere in the public type surface are Solid's own renames (the `JSX` namespace source and `JSXElement` -> `Element`). Keeps one guide section for both packages, matching how upstream handles the two Svelte packages. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> * feat(solid): port lucide-solid to Solid 2 - Icon/context/types use Solid 2 APIs: omit() instead of splitProps(), Dynamic and JSX types from @solidjs/web. - solid-js / @solidjs/web 2.0 (rc) as peer and dev dependencies, babel-preset-solid 2; rollup and tsconfig updated to match. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> * Add integration test * Update rollup file * Fix tests * Revert lucide-solid changes * update lockfile * Fix docs * Format code --------- Co-authored-by: Claude Opus 5 <noreply@anthropic.com> Co-authored-by: Eric <eric.fennis@gmail.com>
95 lines
3.1 KiB
JSON
95 lines
3.1 KiB
JSON
{
|
|
"name": "@lucide/solid",
|
|
"description": "A Lucide icon library package for Solid 2 applications.",
|
|
"version": "0.0.1",
|
|
"license": "ISC",
|
|
"homepage": "https://lucide.dev",
|
|
"bugs": "https://github.com/lucide-icons/lucide/issues",
|
|
"repository": {
|
|
"type": "git",
|
|
"url": "https://github.com/lucide-icons/lucide.git",
|
|
"directory": "packages/solid"
|
|
},
|
|
"keywords": [
|
|
"Lucide",
|
|
"Solid",
|
|
"SolidJS",
|
|
"Feather",
|
|
"Icons",
|
|
"Icon",
|
|
"SVG",
|
|
"Feather Icons",
|
|
"Fontawesome",
|
|
"Font Awesome"
|
|
],
|
|
"author": "Eric Fennis",
|
|
"source": "src/lucide-solid.ts",
|
|
"main": "dist/cjs/lucide-solid.js",
|
|
"module": "dist/esm/lucide-solid.mjs",
|
|
"types": "dist/types/lucide-solid.d.ts",
|
|
"files": [
|
|
"dist"
|
|
],
|
|
"exports": {
|
|
".": {
|
|
"types": "./dist/types/lucide-solid.d.ts",
|
|
"solid": "./dist/source/lucide-solid.jsx",
|
|
"import": "./dist/esm/lucide-solid.mjs",
|
|
"browser": "./dist/esm/lucide-solid.mjs",
|
|
"require": "./dist/cjs/lucide-solid.js"
|
|
},
|
|
"./icons": {
|
|
"types": "./dist/types/lucide-solid.d.ts",
|
|
"solid": "./dist/source/lucide-solid.jsx",
|
|
"import": "./dist/esm/lucide-solid.mjs",
|
|
"browser": "./dist/esm/lucide-solid.mjs",
|
|
"require": "./dist/cjs/lucide-solid.js"
|
|
},
|
|
"./icons/*": {
|
|
"types": "./dist/types/icons/*.d.ts",
|
|
"solid": "./dist/source/icons/*.jsx",
|
|
"import": "./dist/esm/icons/*.mjs",
|
|
"browser": "./dist/esm/icons/*.mjs",
|
|
"require": "./dist/cjs/icons/*.js"
|
|
}
|
|
},
|
|
"sideEffects": false,
|
|
"scripts": {
|
|
"build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:bundle",
|
|
"copy:license": "cp ../../LICENSE ./LICENSE",
|
|
"clean": "rm -rf dist && rm -rf stats && rm -rf ./src/icons/*.ts",
|
|
"build:transpile": "tsc --jsx preserve -t es2020 --rootDir src --outDir dist --noEmit false",
|
|
"build:version": "node ./scripts/replaceVersion.mjs",
|
|
"build:bundle": "rollup -c rollup.config.mjs",
|
|
"build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mts --renderUniqueKey --withAliases --separateAliasesFile --separateAliasesFileIgnore=fingerprint --aliasesFileExtension=.ts --iconFileExtension=.tsx --exportFileName=index.ts",
|
|
"typecheck": "tsc",
|
|
"typecheck:watch": "tsc -w",
|
|
"test": "pnpm build:icons && vitest run",
|
|
"test:watch": "vitest watch"
|
|
},
|
|
"devDependencies": {
|
|
"@babel/core": "^7.29.7",
|
|
"@babel/preset-env": "^7.29.7",
|
|
"@babel/preset-typescript": "^7.29.7",
|
|
"@lucide/build-icons": "workspace:*",
|
|
"@lucide/rollup-plugins": "workspace:*",
|
|
"@lucide/shared": "workspace:*",
|
|
"@rollup/plugin-babel": "^6.1.0",
|
|
"@solidjs/testing-library": "next",
|
|
"@solidjs/vite-plugin": "next",
|
|
"@solidjs/web": "next",
|
|
"@testing-library/jest-dom": "^7.0.1",
|
|
"babel-preset-solid": "next",
|
|
"esbuild": "^0.28.2",
|
|
"jest-serializer-html": "^7.1.0",
|
|
"rollup-plugin-dts": "^6.5.1",
|
|
"rollup": "^4.63.1",
|
|
"solid-js": "next",
|
|
"typescript": "^6.0.3",
|
|
"vite": "^7.3.6"
|
|
},
|
|
"peerDependencies": {
|
|
"solid-js": "^2.0.0-rc.0"
|
|
}
|
|
}
|