@craft-ts/style 0.7.0-beta.15

package/src/lib/props/factory.d.ts

@@ -0,0 +1,61 @@
+/**
+ * What the generated table is made of.
+ *
+ * Two shapes, and no third: a closed keyword set is a namespace object, a
+ * typed value is a callable. A typo is `Property 'inlineFlexx' does not exist`,
+ * never a CSS rule the browser drops on the floor.
+ *
+ * No signature here takes `string`. That is not a convention to remember, it is
+ * what `props.spec.ts` measures generically over every export of the generated
+ * file — the only form of the check that survives a regeneration.
+ */
+import type { AngleValue, ColorValue, CssStringValue, IdentValue, IntegerValue, LengthPercentageValue, LengthValue, NumberValue, PercentValue, TimeValue, UrlValue } from '../tokens/units.ts';
+export interface Declaration {
+    readonly property: string;
+    readonly value: string;
+    /** Carried over from `unsafeLength`: the debt travels with the declaration. */
+    readonly unproven: string;
+}
+export type TerminalName = 'length' | 'percentage' | 'lengthPercentage' | 'number' | 'integer' | 'angle' | 'time' | 'color' | 'ident' | 'string' | 'url';
+export interface TerminalValues {
+    readonly length: LengthValue;
+    readonly percentage: PercentValue;
+    readonly lengthPercentage: LengthPercentageValue;
+    readonly number: NumberValue;
+    readonly integer: IntegerValue;
+    readonly angle: AngleValue;
+    readonly time: TimeValue;
+    readonly color: ColorValue;
+    readonly ident: IdentValue;
+    readonly string: CssStringValue;
+    readonly url: UrlValue;
+}
+/** `min-content` reads as `minContent`; the CSS keyword itself is never retyped. */
+export type Camel<Name extends string> = Name extends `${infer Head}-${infer Tail}` ? `${Head}${Capitalize<Camel<Tail>>}` : Name;
+export type KeywordMembers<Keywords extends string> = {
+    readonly [Keyword in Keywords as Camel<Keyword>]: Declaration;
+};
+export type ValueProp<Terminals extends TerminalName, Keywords extends string> = ((value: TerminalValues[Terminals]) => Declaration) & KeywordMembers<Keywords>;
+export declare const declaration: (property: string, value: string) => Declaration;
+export declare function keywordProp<const Keywords extends readonly string[]>(property: string, keywords: Keywords): KeywordMembers<Keywords[number]>;
+export declare function valueProp<const Terminals extends readonly TerminalName[], const Keywords extends readonly string[]>(property: string, _terminals: Terminals, keywords: Keywords): ValueProp<Terminals[number], Keywords[number]>;
+declare const PROPERTY_NAME: unique symbol;
+/**
+ * A property *name*, for the places that name a property instead of setting it.
+ *
+ * The brand is **required**, not optional: an optional phantom on a string base
+ * brands nothing, and `global.inherit('whatever')` would compile.
+ */
+export type PropertyToken<Name extends string = string> = Name & {
+    readonly [PROPERTY_NAME]: true;
+};
+export declare const propertyName: <const Name extends string>(name: Name) => PropertyToken<Name>;
+export declare const global: {
+    readonly inherit: (property: PropertyToken) => Declaration;
+    readonly initial: (property: PropertyToken) => Declaration;
+    readonly unset: (property: PropertyToken) => Declaration;
+    readonly revert: (property: PropertyToken) => Declaration;
+    readonly revertLayer: (property: PropertyToken) => Declaration;
+};
+export {};
+//# sourceMappingURL=factory.d.ts.map

package/src/lib/props/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../../../libs/style/src/lib/props/factory.ts"],"names":[],"mappings":"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"}

package/src/lib/props/factory.js

@@ -0,0 +1,35 @@
+const camel = (name) => name.replace(/-([a-z0-9])/g, (_, char) => char.toUpperCase());
+export const declaration = (property, value) => ({
+    property,
+    value,
+    unproven: '',
+});
+const members = (property, keywords) => Object.fromEntries(keywords.map((keyword) => [camel(keyword), declaration(property, keyword)]));
+export function keywordProp(property, keywords) {
+    return members(property, keywords);
+}
+export function valueProp(property, _terminals, keywords) {
+    const set = (value) => ({
+        property,
+        value: value.css,
+        unproven: value.unproven,
+    });
+    return Object.assign(set, members(property, keywords));
+}
+export const propertyName = (name) => name;
+/**
+ * The CSS-wide keywords, as tokens applied to a named property.
+ *
+ * `global.inherit(prop.color)` and never `color('inherit')`: a helper that
+ * accepted the literal would be a helper that accepts a string, and the
+ * conformance spec would be right to fail it.
+ */
+const globalValue = (keyword) => (property) => declaration(property, keyword);
+export const global = {
+    inherit: globalValue('inherit'),
+    initial: globalValue('initial'),
+    unset: globalValue('unset'),
+    revert: globalValue('revert'),
+    revertLayer: globalValue('revert-layer'),
+};
+//# sourceMappingURL=factory.js.map

package/src/lib/props/factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.js","sourceRoot":"","sources":["../../../../../../libs/style/src/lib/props/factory.ts"],"names":[],"mappings":"AA2EA,MAAM,KAAK,GAAG,CAAC,IAAY,EAAU,EAAE,CACrC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,KAAa,EAAe,EAAE,CAAC,CAAC;IAC5E,QAAQ;IACR,KAAK;IACL,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,CACd,QAAgB,EAChB,QAA2B,EACE,EAAE,CAC/B,MAAM,CAAC,WAAW,CAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAC5E,CAAC;AAEJ,MAAM,UAAU,WAAW,CACzB,QAAgB,EAChB,QAAkB;IAElB,OAAO,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAqC,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,SAAS,CAIvB,QAAgB,EAChB,UAAqB,EACrB,QAAkB;IAElB,MAAM,GAAG,GAAG,CAAC,KAA0D,EAAE,EAAE,CAAC,CAAC;QAC3E,QAAQ;QACR,KAAK,EAAE,KAAK,CAAC,GAAG;QAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,CAAC,CAAC;IACH,OAAO,MAAM,CAAC,MAAM,CAClB,GAAG,EACH,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACiC,CAAC;AACjE,CAAC;AAcD,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,IAAU,EACW,EAAE,CAAC,IAA2B,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,CAAC,QAAuB,EAAE,EAAE,CACnE,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAEjC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC;IAC/B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC;IAC/B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC;IAC3B,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC,cAAc,CAAC;CAChC,CAAC","sourcesContent":["/**\n * What the generated table is made of.\n *\n * Two shapes, and no third: a closed keyword set is a namespace object, a\n * typed value is a callable. A typo is `Property 'inlineFlexx' does not exist`,\n * never a CSS rule the browser drops on the floor.\n *\n * No signature here takes `string`. That is not a convention to remember, it is\n * what `props.spec.ts` measures generically over every export of the generated\n * file — the only form of the check that survives a regeneration.\n */\nimport type {\n  AngleValue,\n  ColorValue,\n  CssStringValue,\n  IdentValue,\n  IntegerValue,\n  LengthPercentageValue,\n  LengthValue,\n  NumberValue,\n  PercentValue,\n  TimeValue,\n  UrlValue,\n} from '../tokens/units.ts';\n\nexport interface Declaration {\n  readonly property: string;\n  readonly value: string;\n  /** Carried over from `unsafeLength`: the debt travels with the declaration. */\n  readonly unproven: string;\n}\n\nexport type TerminalName =\n  | 'length'\n  | 'percentage'\n  | 'lengthPercentage'\n  | 'number'\n  | 'integer'\n  | 'angle'\n  | 'time'\n  | 'color'\n  | 'ident'\n  | 'string'\n  | 'url';\n\nexport interface TerminalValues {\n  readonly length: LengthValue;\n  readonly percentage: PercentValue;\n  readonly lengthPercentage: LengthPercentageValue;\n  readonly number: NumberValue;\n  readonly integer: IntegerValue;\n  readonly angle: AngleValue;\n  readonly time: TimeValue;\n  readonly color: ColorValue;\n  readonly ident: IdentValue;\n  readonly string: CssStringValue;\n  readonly url: UrlValue;\n}\n\n/** `min-content` reads as `minContent`; the CSS keyword itself is never retyped. */\nexport type Camel<Name extends string> =\n  Name extends `${infer Head}-${infer Tail}`\n    ? `${Head}${Capitalize<Camel<Tail>>}`\n    : Name;\n\nexport type KeywordMembers<Keywords extends string> = {\n  readonly [Keyword in Keywords as Camel<Keyword>]: Declaration;\n};\n\nexport type ValueProp<\n  Terminals extends TerminalName,\n  Keywords extends string,\n> = ((value: TerminalValues[Terminals]) => Declaration) &\n  KeywordMembers<Keywords>;\n\nconst camel = (name: string): string =>\n  name.replace(/-([a-z0-9])/g, (_, char: string) => char.toUpperCase());\n\nexport const declaration = (property: string, value: string): Declaration => ({\n  property,\n  value,\n  unproven: '',\n});\n\nconst members = (\n  property: string,\n  keywords: readonly string[],\n): Record<string, Declaration> =>\n  Object.fromEntries(\n    keywords.map((keyword) => [camel(keyword), declaration(property, keyword)]),\n  );\n\nexport function keywordProp<const Keywords extends readonly string[]>(\n  property: string,\n  keywords: Keywords,\n): KeywordMembers<Keywords[number]> {\n  return members(property, keywords) as KeywordMembers<Keywords[number]>;\n}\n\nexport function valueProp<\n  const Terminals extends readonly TerminalName[],\n  const Keywords extends readonly string[],\n>(\n  property: string,\n  _terminals: Terminals,\n  keywords: Keywords,\n): ValueProp<Terminals[number], Keywords[number]> {\n  const set = (value: { readonly css: string; readonly unproven: string }) => ({\n    property,\n    value: value.css,\n    unproven: value.unproven,\n  });\n  return Object.assign(\n    set,\n    members(property, keywords),\n  ) as unknown as ValueProp<Terminals[number], Keywords[number]>;\n}\n\ndeclare const PROPERTY_NAME: unique symbol;\n\n/**\n * A property *name*, for the places that name a property instead of setting it.\n *\n * The brand is **required**, not optional: an optional phantom on a string base\n * brands nothing, and `global.inherit('whatever')` would compile.\n */\nexport type PropertyToken<Name extends string = string> = Name & {\n  readonly [PROPERTY_NAME]: true;\n};\n\nexport const propertyName = <const Name extends string>(\n  name: Name,\n): PropertyToken<Name> => name as PropertyToken<Name>;\n\n/**\n * The CSS-wide keywords, as tokens applied to a named property.\n *\n * `global.inherit(prop.color)` and never `color('inherit')`: a helper that\n * accepted the literal would be a helper that accepts a string, and the\n * conformance spec would be right to fail it.\n */\nconst globalValue = (keyword: string) => (property: PropertyToken) =>\n  declaration(property, keyword);\n\nexport const global = {\n  inherit: globalValue('inherit'),\n  initial: globalValue('initial'),\n  unset: globalValue('unset'),\n  revert: globalValue('revert'),\n  revertLayer: globalValue('revert-layer'),\n} as const;\n"]}