zoriya/yoshiki
1
0
Fork 0
mirror of https://github.com/zoriya/yoshiki.git synced 2025-12-06 07:06:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add support to undefined values

Browse Source
This commit is contained in:
Zoe Roux
2022-11-30 14:41:15 +09:00
parent 7c1757597e
commit fab6aad87d
3 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
examples/next-example/src/pages/index.tsx
View File

@@ -20,7 +20,18 @@ export default function Home(props: object) {
const { css } = useYoshiki(); const { css } = useYoshiki();
return ( return (
<div {...css({ display: "flex", paddingLeft: "2rem", paddingRight: "2rem" }, props)}> <div
{...css(
{
display: "flex",
paddingLeft: "2rem",
paddingRight: "2rem",
flexGrow: 1,
margin: undefined,
},
props,
)}
>
<Head> <Head>
<title>Create Next App</title> <title>Create Next App</title>
<meta name="description" content="Generated by create next app" /> <meta name="description" content="Generated by create next app" />

2
packages/yoshiki/package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "yoshiki", "name": "yoshiki",
"version": "0.2.4", "version": "0.2.5",
"author": "Zoe Roux <zoe.roux@sdg.moe> (https://github.com/AnonymusRaccoon)", "author": "Zoe Roux <zoe.roux@sdg.moe> (https://github.com/AnonymusRaccoon)",
"license": "MIT", "license": "MIT",
"keywords": [ "keywords": [

3
packages/yoshiki/src/web/generator.ts
View File

@@ -33,6 +33,7 @@ const stateMapper: {
const sanitize = (className: unknown) => { const sanitize = (className: unknown) => {
const name = typeof className === "string" ? className : JSON.stringify(className); const name = typeof className === "string" ? className : JSON.stringify(className);
if (name === undefined) return "undefined";
return name.replaceAll(/[^\w-_]/g, ""); return name.replaceAll(/[^\w-_]/g, "");
}; };
@@ -55,6 +56,8 @@ const generateClass = (
); );
} }
if (value === undefined) return [];
preprocessBlock ??= (id) => id; preprocessBlock ??= (id) => id;
const className = `ys-${context}${key}-${sanitize(value)}`; const className = `ys-${context}${key}-${sanitize(value)}`;
const block = Object.entries(prefix(preprocessBlock({ [key]: value }))) const block = Object.entries(prefix(preprocessBlock({ [key]: value })))