Skip to content

Commit

Permalink
#24 Add recipe to set up bem env
Browse files Browse the repository at this point in the history
  • Loading branch information
Andrii Kirmas committed Mar 10, 2021
1 parent 599e9b8 commit 1a47d01
Show file tree
Hide file tree
Showing 4 changed files with 76 additions and 0 deletions.
9 changes: 9 additions & 0 deletions __sandbox__/config-and-ts/config-types.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
declare namespace Bem {
interface Options {
$default: {
elementDelimiter: "__"
modDelimiter: "--"
blockModKey: "$"
}
}
}
46 changes: 46 additions & 0 deletions __sandbox__/config-and-ts/config.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
/// <reference path="./config-types.d.ts"/>

export {}

const options = {
current: {
elementDelimiter: "__" as const,
modDelimiter: "--" as const,
blockModKey: "$" as const,
}
}


export {
setOpts, getOpts
}

function setOpts<e extends string, m extends string, b extends string>(
elementDelimiter: e,
modDelimiter: m,
blockModKey: b
) {
const current = {
elementDelimiter,
modDelimiter,
blockModKey
}

//@ts-expect-error
options.current = current
}

function getOpts() {
return options.current as {
elementDelimiter: "elementDelimiter" extends keyof Bem.Options
? Bem.Options["elementDelimiter"]
: Bem.Options["$default"]["elementDelimiter"]
modDelimiter: "modDelimiter" extends keyof Bem.Options
? Bem.Options["modDelimiter"]
: Bem.Options["$default"]["modDelimiter"]
blockModKey:
"blockModKey" extends keyof Bem.Options
? Bem.Options["blockModKey"]
: Bem.Options["$default"]["blockModKey"]
}
}
7 changes: 7 additions & 0 deletions __sandbox__/config-and-ts/set-config.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
declare namespace Bem {
interface Options {
elementDelimiter: "_"
modDelimiter: "-"
blockModKey: "&"
}
}
14 changes: 14 additions & 0 deletions __sandbox__/config-and-ts/set.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
/// <reference path="./set-config.d.ts" />

import { setOpts, getOpts} from "./config";

setOpts(
"_" as const,
"-" as const,
"&" as const
)

const x = getOpts().blockModKey
, check: typeof x extends "&" ? true : false = true

export {x, check}

0 comments on commit 1a47d01

Please sign in to comment.