@o3r/design 9.6.0-rc.4

package/src/core/design-token/renderers/design-token-style.renderer.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderDesignTokens = exports.computeFileToUpdatePath = void 0;
+const design_token_definition_renderers_1 = require("./css/design-token-definition.renderers");
+const design_token_updater_renderers_1 = require("./css/design-token-updater.renderers");
+const node_fs_1 = require("node:fs");
+const node_path_1 = require("node:path");
+/**
+ * Retrieve the function that determines which file to update for a given token
+ * @param root Root path used if no base path
+ * @param defaultFile Default file if not requested by the Token
+ */
+const computeFileToUpdatePath = (root = process.cwd(), defaultFile = 'styles.scss') => (token) => {
+    if (token.extensions.o3rTargetFile) {
+        return (0, node_path_1.isAbsolute)(token.extensions.o3rTargetFile) ? token.extensions.o3rTargetFile : (0, node_path_1.resolve)(token.context?.basePath || root, token.extensions.o3rTargetFile);
+    }
+    return defaultFile;
+};
+exports.computeFileToUpdatePath = computeFileToUpdatePath;
+/**
+ * Process the parsed Design Token variables and render them according to the given options and renderers
+ * @param variableSet Complete list of the parsed Design Token
+ * @param options Parameters of the Design Token renderer
+ * @example Basic renderer usage
+ * ```typescript
+ * import { parseDesignTokenFile, renderDesignTokens } from '@o3r/design';
+ *
+ * // List of parsed Design Token items
+ * const parsedTokenDesign = await parseDesignTokenFile('./path/to/spec.json');
+ *
+ * // Render the CSS variables
+ * await renderDesignTokens(parsedTokenDesign, { logger: console });
+ * ```
+ */
+const renderDesignTokens = async (variableSet, options) => {
+    const readFile = options?.readFile || ((filePath) => node_fs_1.promises.readFile(filePath, { encoding: 'utf-8' }));
+    const writeFile = options?.writeFile || node_fs_1.promises.writeFile;
+    const existsFile = options?.existsFile || node_fs_1.existsSync;
+    const determineFileToUpdate = options?.determineFileToUpdate || (0, exports.computeFileToUpdatePath)();
+    const tokenDefinitionRenderer = options?.tokenDefinitionRenderer || (0, design_token_definition_renderers_1.getCssTokenDefinitionRenderer)();
+    const styleContentUpdater = options?.styleContentUpdater || (0, design_token_updater_renderers_1.getCssStyleContentUpdater)();
+    const updates = Array.from(variableSet.values()).reduce((acc, designToken) => {
+        const filePath = determineFileToUpdate(designToken);
+        const variable = tokenDefinitionRenderer(designToken, variableSet);
+        if (variable) {
+            acc[filePath] ||= [];
+            acc[filePath].push(variable);
+        }
+        return acc;
+    }, {});
+    await Promise.all(Object.entries(updates).map(async ([file, vars]) => {
+        const styleContent = existsFile(file) ? await readFile(file) : '';
+        const newStyleContent = styleContentUpdater(vars, file, styleContent);
+        await writeFile(file, newStyleContent);
+    }));
+};
+exports.renderDesignTokens = renderDesignTokens;
+//# sourceMappingURL=design-token-style.renderer.js.map

package/src/core/design-token/renderers/design-token-style.renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-style.renderer.js","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token-style.renderer.ts"],"names":[],"mappings":";;;AACA,+FAAwF;AACxF,yFAAiF;AACjF,qCAAqD;AACrD,yCAAgD;AAGhD;;;;GAIG;AACI,MAAM,uBAAuB,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,GAAG,aAAa,EAAE,EAAE,CAAC,CAAC,KAAmC,EAAE,EAAE;IACpI,IAAI,KAAK,CAAC,UAAU,CAAC,aAAa,EAAE;QAClC,OAAO,IAAA,sBAAU,EAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;KAC/J;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AANW,QAAA,uBAAuB,2BAMlC;AAEF;;;;;;;;;;;;;;GAcG;AACI,MAAM,kBAAkB,GAAG,KAAK,EAAE,WAAmC,EAAE,OAAoC,EAAE,EAAE;IACpH,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC,kBAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;IACzG,MAAM,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,kBAAE,CAAC,SAAS,CAAC;IACrD,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,oBAAU,CAAC;IACrD,MAAM,qBAAqB,GAAG,OAAO,EAAE,qBAAqB,IAAI,IAAA,+BAAuB,GAAE,CAAC;IAC1F,MAAM,uBAAuB,GAAG,OAAO,EAAE,uBAAuB,IAAI,IAAA,iEAA6B,GAAE,CAAC;IACpG,MAAM,mBAAmB,GAAG,OAAO,EAAE,mBAAmB,IAAI,IAAA,0DAAyB,GAAE,CAAC;IACxF,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE;QAC3E,MAAM,QAAQ,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,uBAAuB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACnE,IAAI,QAAQ,EAAE;YACZ,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;YACrB,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9B;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAA8B,CAAC,CAAC;IAEnC,MAAM,OAAO,CAAC,GAAG,CACf,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;QACjD,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAClE,MAAM,eAAe,GAAG,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;QACtE,MAAM,SAAS,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACzC,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,kBAAkB,sBAwB7B"}

package/src/core/design-token/renderers/design-token.renderer.helpers.d.ts

@@ -0,0 +1,8 @@
+import type { DesignTokenVariableStructure } from '../parsers';
+/**
+ * Indicate that the variable is private based on the Otter extension
+ * @param variable Parsed Design Token
+ * @returns true if private variable
+ */
+export declare const isO3rPrivateVariable: (variable: DesignTokenVariableStructure) => boolean;
+//# sourceMappingURL=design-token.renderer.helpers.d.ts.map

package/src/core/design-token/renderers/design-token.renderer.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token.renderer.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token.renderer.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE/D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,aAAc,4BAA4B,YAAqC,CAAC"}

package/src/core/design-token/renderers/design-token.renderer.helpers.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isO3rPrivateVariable = void 0;
+/**
+ * Indicate that the variable is private based on the Otter extension
+ * @param variable Parsed Design Token
+ * @returns true if private variable
+ */
+const isO3rPrivateVariable = (variable) => !!variable.extensions.o3rPrivate;
+exports.isO3rPrivateVariable = isO3rPrivateVariable;
+//# sourceMappingURL=design-token.renderer.helpers.js.map

package/src/core/design-token/renderers/design-token.renderer.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token.renderer.helpers.js","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token.renderer.helpers.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACI,MAAM,oBAAoB,GAAG,CAAC,QAAsC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC;AAApG,QAAA,oBAAoB,wBAAgF"}

package/src/core/design-token/renderers/design-token.renderer.interface.d.ts

@@ -0,0 +1,56 @@
+import type { DesignTokenVariableStructure } from '../parsers';
+import type { Logger } from '@o3r/core';
+/**
+ * Updater function to append the rendered variable into a file content
+ * @param variables List of rendered variables to append
+ * @param file Path to the file to edit
+ * @param styleContent current content where to append the variables
+ * @returns new content
+ */
+export type DesignContentFileUpdater = (variables: string[], file: string, styleContent?: string) => string;
+/**
+ * Render the Design Token variable
+ * @param tokenStructure Parsed Design Token
+ * @param variableSet Complete list of the parsed Design Token
+ */
+export type TokenDefinitionRenderer = (tokenStructure: DesignTokenVariableStructure, variableSet: Map<string, DesignTokenVariableStructure>) => string | undefined;
+/**
+ * Options of the Design Token Renderer value
+ */
+export interface DesignTokenRendererOptions {
+    /** Custom Style Content updated function */
+    styleContentUpdater?: DesignContentFileUpdater;
+    /**
+     * Custom function to determine the file to update for a given Design Token
+     * @param token Design Token Variable
+     */
+    determineFileToUpdate?: (token: DesignTokenVariableStructure) => string;
+    /** Custom function to render the Design Token variable */
+    tokenDefinitionRenderer?: TokenDefinitionRenderer;
+    /**
+     * Custom function to read a file required by the token renderer
+     * @default {@see fs.promises.readFile}
+     * @param filePath Path to the file to read
+     */
+    readFile?: (filePath: string) => string | Promise<string>;
+    /**
+     * Custom function to determine if file required by the token renderer exists
+     * @default {@see fs.existsSync}
+     * @param filePath Path to the file to check
+     * @returns
+     */
+    existsFile?: (filePath: string) => boolean;
+    /**
+     * Custom function to write a file required by the token renderer
+     * @default {@see fs.promise.writeFile}
+     * @param filePath Path to the file to write
+     * @param content Content to write
+     */
+    writeFile?: (filePath: string, content: string) => void | Promise<void>;
+    /**
+     * Custom logger
+     * Nothing will be logged if not provided
+     */
+    logger?: Logger;
+}
+//# sourceMappingURL=design-token.renderer.interface.d.ts.map

package/src/core/design-token/renderers/design-token.renderer.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token.renderer.interface.d.ts","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token.renderer.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC;;;;;;GAMG;AACH,MAAM,MAAM,wBAAwB,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAE5G;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,CAAC,cAAc,EAAE,4BAA4B,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,4BAA4B,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;AAEnK;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAE/C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,MAAM,CAAC;IAExE,0DAA0D;IAC1D,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAElD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAE1D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAE3C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/src/core/design-token/renderers/design-token.renderer.interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=design-token.renderer.interface.js.map

package/src/core/design-token/renderers/design-token.renderer.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token.renderer.interface.js","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token.renderer.interface.ts"],"names":[],"mappings":""}

package/src/core/design-token/renderers/index.d.ts

@@ -0,0 +1,7 @@
+export * from './design-token-style.renderer';
+export * from './design-token.renderer.interface';
+export * from './design-token-style.renderer';
+export * from './metadata/index';
+export * from './css/index';
+export * from './sass/index';
+//# sourceMappingURL=index.d.ts.map

package/src/core/design-token/renderers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/src/core/design-token/renderers/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./design-token-style.renderer"), exports);
+tslib_1.__exportStar(require("./design-token.renderer.interface"), exports);
+tslib_1.__exportStar(require("./design-token-style.renderer"), exports);
+tslib_1.__exportStar(require("./metadata/index"), exports);
+tslib_1.__exportStar(require("./css/index"), exports);
+tslib_1.__exportStar(require("./sass/index"), exports);
+//# sourceMappingURL=index.js.map

package/src/core/design-token/renderers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/index.ts"],"names":[],"mappings":";;;AAAA,wEAA8C;AAC9C,4EAAkD;AAClD,wEAA8C;AAC9C,2DAAiC;AACjC,sDAA4B;AAC5B,uDAA6B"}

package/src/core/design-token/renderers/metadata/design-token-definition.renderers.d.ts

@@ -0,0 +1,39 @@
+import type { TokenKeyRenderer, TokenValueRenderer } from '../../parsers/design-token-parser.interface';
+import type { TokenDefinitionRenderer } from '../design-token.renderer.interface';
+/** Options for {@link getMetadataTokenDefinitionRenderer} */
+export interface MetadataTokenDefinitionRendererOptions {
+    /** Custom Design Token value renderer */
+    tokenValueRenderer?: TokenValueRenderer;
+    /**
+     * Renderer the name of the CSS Variable (without initial --)
+     */
+    tokenVariableNameRenderer?: TokenKeyRenderer;
+}
+/**
+ * Retrieve the Design Token Variable renderer for Metadata
+ * @param options
+ * @example Customize metadata renderer
+ * ```typescript
+ * const getCustomMetadataTokenValueRenderer = (options?: MetadataTokenValueRendererOptions): TokenValueRenderer => {
+ *   const defaultMetadataRender = getMetadataTokenValueRenderer(options);
+ *   return  (variable, variableSet) => {
+ *     const defaultMetadataObj = JSON.parse(defaultMetadataRender(variable, variableSet));
+ *     // Add custom field
+ *     defaultMetadataObj.myField = 'custom value';
+ *     return JSON.stringify(defaultMetadataObj);
+ *   };
+ * };
+ *
+ * // List of Design Token item parsed
+ * // List of parsed Design Token items
+ *
+ * const tokenValueRenderer = getCustomMetadataTokenValueRenderer();
+ *
+ * const metadataTokenDefinitionRenderer = getMetadataTokenDefinitionRenderer({ tokenValueRenderer });
+ *
+ * // Render the Metadata file
+ * await renderDesignTokens(parsedTokenDesign, { tokenDefinitionRenderer: lessTokenDefinitionRenderer });
+ * ```
+ */
+export declare const getMetadataTokenDefinitionRenderer: (options?: MetadataTokenDefinitionRendererOptions) => TokenDefinitionRenderer;
+//# sourceMappingURL=design-token-definition.renderers.d.ts.map

package/src/core/design-token/renderers/metadata/design-token-definition.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-definition.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-definition.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgC,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACtI,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAIlF,6DAA6D;AAC7D,MAAM,WAAW,sCAAsC;IACrD,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC;;OAEG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,kCAAkC,aAAc,sCAAsC,KAAG,uBASrG,CAAC"}

package/src/core/design-token/renderers/metadata/design-token-definition.renderers.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMetadataTokenDefinitionRenderer = void 0;
+const design_token_value_renderers_1 = require("./design-token-value.renderers");
+/**
+ * Retrieve the Design Token Variable renderer for Metadata
+ * @param options
+ * @example Customize metadata renderer
+ * ```typescript
+ * const getCustomMetadataTokenValueRenderer = (options?: MetadataTokenValueRendererOptions): TokenValueRenderer => {
+ *   const defaultMetadataRender = getMetadataTokenValueRenderer(options);
+ *   return  (variable, variableSet) => {
+ *     const defaultMetadataObj = JSON.parse(defaultMetadataRender(variable, variableSet));
+ *     // Add custom field
+ *     defaultMetadataObj.myField = 'custom value';
+ *     return JSON.stringify(defaultMetadataObj);
+ *   };
+ * };
+ *
+ * // List of Design Token item parsed
+ * // List of parsed Design Token items
+ *
+ * const tokenValueRenderer = getCustomMetadataTokenValueRenderer();
+ *
+ * const metadataTokenDefinitionRenderer = getMetadataTokenDefinitionRenderer({ tokenValueRenderer });
+ *
+ * // Render the Metadata file
+ * await renderDesignTokens(parsedTokenDesign, { tokenDefinitionRenderer: lessTokenDefinitionRenderer });
+ * ```
+ */
+const getMetadataTokenDefinitionRenderer = (options) => {
+    const tokenVariableNameRenderer = options?.tokenVariableNameRenderer;
+    const tokenValueRenderer = options?.tokenValueRenderer || (0, design_token_value_renderers_1.getMetadataTokenValueRenderer)({ tokenVariableNameRenderer });
+    const renderer = (variable, variableSet) => {
+        const variableValue = tokenValueRenderer(variable, variableSet);
+        return `"${JSON.parse(variableValue).name}": ${variableValue}`;
+    };
+    return renderer;
+};
+exports.getMetadataTokenDefinitionRenderer = getMetadataTokenDefinitionRenderer;
+//# sourceMappingURL=design-token-definition.renderers.js.map

package/src/core/design-token/renderers/metadata/design-token-definition.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-definition.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-definition.renderers.ts"],"names":[],"mappings":";;;AAEA,iFAA+E;AAc/E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACI,MAAM,kCAAkC,GAAG,CAAC,OAAgD,EAA2B,EAAE;IAC9H,MAAM,yBAAyB,GAAG,OAAO,EAAE,yBAAyB,CAAC;IACrE,MAAM,kBAAkB,GAAG,OAAO,EAAE,kBAAkB,IAAI,IAAA,4DAA6B,EAAC,EAAE,yBAAyB,EAAE,CAAC,CAAC;IAEvH,MAAM,QAAQ,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAE,EAAE;QAClH,MAAM,aAAa,GAAG,kBAAkB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAChE,OAAO,IAAK,IAAI,CAAC,KAAK,CAAC,aAAa,CAAiB,CAAC,IAAI,MAAM,aAAa,EAAE,CAAC;IAClF,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AATW,QAAA,kCAAkC,sCAS7C"}

package/src/core/design-token/renderers/metadata/design-token-updater.renderers.d.ts

@@ -0,0 +1,6 @@
+import type { DesignContentFileUpdater } from '../design-token.renderer.interface';
+/**
+ * Retrieve a Content Updater function for Metadata generator
+ */
+export declare const getMetadataStyleContentUpdater: () => DesignContentFileUpdater;
+//# sourceMappingURL=design-token-updater.renderers.d.ts.map

package/src/core/design-token/renderers/metadata/design-token-updater.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-updater.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-updater.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAEnF;;GAEG;AACH,eAAO,MAAM,8BAA8B,QAAO,wBAIjD,CAAC"}

package/src/core/design-token/renderers/metadata/design-token-updater.renderers.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMetadataStyleContentUpdater = void 0;
+/**
+ * Retrieve a Content Updater function for Metadata generator
+ */
+const getMetadataStyleContentUpdater = () => {
+    return (variables) => {
+        return JSON.stringify(JSON.parse(`{"variables":{${variables.join(',')}}}`), null, 2);
+    };
+};
+exports.getMetadataStyleContentUpdater = getMetadataStyleContentUpdater;
+//# sourceMappingURL=design-token-updater.renderers.js.map

package/src/core/design-token/renderers/metadata/design-token-updater.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-updater.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-updater.renderers.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACI,MAAM,8BAA8B,GAAG,GAA6B,EAAE;IAC3E,OAAO,CAAC,SAAmB,EAAE,EAAE;QAC7B,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACvF,CAAC,CAAC;AACJ,CAAC,CAAC;AAJW,QAAA,8BAA8B,kCAIzC"}

package/src/core/design-token/renderers/metadata/design-token-value.renderers.d.ts

@@ -0,0 +1,18 @@
+import type { TokenKeyRenderer, TokenValueRenderer } from '../../parsers/design-token-parser.interface';
+/** Options for {@link getMetadataTokenValueRenderer} */
+export interface MetadataTokenValueRendererOptions {
+    /**
+     * Custom CSS Design Token value renderer
+     */
+    cssValueRenderer?: TokenValueRenderer;
+    /**
+     * Renderer the name of the CSS Variable (without initial --)
+     */
+    tokenVariableNameRenderer?: TokenKeyRenderer;
+}
+/**
+ * Retrieve the Design Token value renderer
+ * @param options
+ */
+export declare const getMetadataTokenValueRenderer: (options?: MetadataTokenValueRendererOptions) => TokenValueRenderer;
+//# sourceMappingURL=design-token-value.renderers.d.ts.map

package/src/core/design-token/renderers/metadata/design-token-value.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-value.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-value.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgC,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAItI,wDAAwD;AACxD,MAAM,WAAW,iCAAiC;IAChD;;OAEG;IACH,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IAEtC;;OAEG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,aAAc,iCAAiC,KAAG,kBAkB3F,CAAC"}

package/src/core/design-token/renderers/metadata/design-token-value.renderers.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMetadataTokenValueRenderer = void 0;
+const css_1 = require("../css");
+/**
+ * Retrieve the Design Token value renderer
+ * @param options
+ */
+const getMetadataTokenValueRenderer = (options) => {
+    const tokenVariableNameRenderer = options?.tokenVariableNameRenderer;
+    const cssValueRenderer = options?.cssValueRenderer || (0, css_1.getCssTokenValueRenderer)({ tokenVariableNameRenderer });
+    const renderer = (variable, variableSet) => {
+        const cssType = variable.getType(variableSet);
+        const variableValue = {
+            name: variable.getKey(tokenVariableNameRenderer),
+            defaultValue: cssValueRenderer(variable, variableSet),
+            description: variable.description,
+            references: variable.getReferencesNode(variableSet).map((node) => JSON.parse(renderer(node, variableSet))),
+            type: cssType !== 'color' ? 'string' : 'color',
+            ...variable.extensions.o3rMetadata
+        };
+        return JSON.stringify(variableValue);
+    };
+    return renderer;
+};
+exports.getMetadataTokenValueRenderer = getMetadataTokenValueRenderer;
+//# sourceMappingURL=design-token-value.renderers.js.map

package/src/core/design-token/renderers/metadata/design-token-value.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-value.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-value.renderers.ts"],"names":[],"mappings":";;;AAEA,gCAAkD;AAelD;;;GAGG;AACI,MAAM,6BAA6B,GAAG,CAAC,OAA2C,EAAsB,EAAE;IAC/G,MAAM,yBAAyB,GAAG,OAAO,EAAE,yBAAyB,CAAC;IACrE,MAAM,gBAAgB,GAAG,OAAO,EAAE,gBAAgB,IAAI,IAAA,8BAAwB,EAAC,EAAC,yBAAyB,EAAC,CAAC,CAAC;IAE5G,MAAM,QAAQ,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAE,EAAE;QAClH,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC9C,MAAM,aAAa,GAAgB;YACjC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,yBAAyB,CAAC;YAChD,YAAY,EAAE,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC;YACrD,WAAW,EAAE,QAAQ,CAAC,WAAW;YACjC,UAAU,EAAE,QAAQ,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;YAC1G,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;YAC9C,GAAG,QAAQ,CAAC,UAAU,CAAC,WAAW;SACnC,CAAC;QAEF,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAlBW,QAAA,6BAA6B,iCAkBxC"}

package/src/core/design-token/renderers/metadata/index.d.ts

@@ -0,0 +1,4 @@
+export * from './design-token-definition.renderers';
+export * from './design-token-value.renderers';
+export * from './design-token-updater.renderers';
+//# sourceMappingURL=index.d.ts.map

package/src/core/design-token/renderers/metadata/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC"}

package/src/core/design-token/renderers/metadata/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./design-token-definition.renderers"), exports);
+tslib_1.__exportStar(require("./design-token-value.renderers"), exports);
+tslib_1.__exportStar(require("./design-token-updater.renderers"), exports);
+//# sourceMappingURL=index.js.map

package/src/core/design-token/renderers/metadata/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/index.ts"],"names":[],"mappings":";;;AAAA,8EAAoD;AACpD,yEAA+C;AAC/C,2EAAiD"}

package/src/core/design-token/renderers/sass/design-token-definition.renderers.d.ts

@@ -0,0 +1,23 @@
+import type { TokenKeyRenderer, TokenValueRenderer } from '../../parsers/design-token-parser.interface';
+import type { TokenDefinitionRenderer } from '../design-token.renderer.interface';
+export interface SassTokenDefinitionRendererOptions {
+    /** Custom Design Token value renderer */
+    tokenValueRenderer?: TokenValueRenderer;
+    /**
+     * Renderer the name of the Sass Variable (without initial $)
+     * @default {@see tokenVariableNameSassRenderer}
+     */
+    tokenVariableNameRenderer?: TokenKeyRenderer;
+}
+/**
+ * Default Sass variable name renderer
+ * @param variable
+ */
+export declare const tokenVariableNameSassRenderer: TokenKeyRenderer;
+/**
+ * Retrieve the Design Token Variable renderer for Sass
+ * @param options
+ * @returns
+ */
+export declare const getSassTokenDefinitionRenderer: (options?: SassTokenDefinitionRendererOptions) => TokenDefinitionRenderer;
+//# sourceMappingURL=design-token-definition.renderers.d.ts.map

package/src/core/design-token/renderers/sass/design-token-definition.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-definition.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/sass/design-token-definition.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgC,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACtI,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAGlF,MAAM,WAAW,kCAAkC;IAEjD,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,gBAG3C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,aAAc,kCAAkC,KAAG,uBAQ7F,CAAC"}

package/src/core/design-token/renderers/sass/design-token-definition.renderers.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSassTokenDefinitionRenderer = exports.tokenVariableNameSassRenderer = void 0;
+const design_token_value_renderers_1 = require("../css/design-token-value.renderers");
+/**
+ * Default Sass variable name renderer
+ * @param variable
+ */
+const tokenVariableNameSassRenderer = (variable) => {
+    const tokens = variable.getKey().split('-');
+    return tokens[0] + tokens.slice(1).map((token) => token.charAt(0).toUpperCase() + token.slice(1)).join('');
+};
+exports.tokenVariableNameSassRenderer = tokenVariableNameSassRenderer;
+/**
+ * Retrieve the Design Token Variable renderer for Sass
+ * @param options
+ * @returns
+ */
+const getSassTokenDefinitionRenderer = (options) => {
+    const tokenValueRenderer = options?.tokenValueRenderer || (0, design_token_value_renderers_1.getCssTokenValueRenderer)();
+    const keyRenderer = options?.tokenVariableNameRenderer || exports.tokenVariableNameSassRenderer;
+    const renderer = (variable, variableSet) => {
+        return `$${variable.getKey(keyRenderer)}: ${tokenValueRenderer(variable, variableSet)};`;
+    };
+    return renderer;
+};
+exports.getSassTokenDefinitionRenderer = getSassTokenDefinitionRenderer;
+//# sourceMappingURL=design-token-definition.renderers.js.map

package/src/core/design-token/renderers/sass/design-token-definition.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-definition.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/sass/design-token-definition.renderers.ts"],"names":[],"mappings":";;;AAEA,sFAA+E;AAc/E;;;GAGG;AACI,MAAM,6BAA6B,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5C,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7G,CAAC,CAAC;AAHW,QAAA,6BAA6B,iCAGxC;AAEF;;;;GAIG;AACI,MAAM,8BAA8B,GAAG,CAAC,OAA4C,EAA2B,EAAE;IACtH,MAAM,kBAAkB,GAAG,OAAO,EAAE,kBAAkB,IAAI,IAAA,uDAAwB,GAAE,CAAC;IACrF,MAAM,WAAW,GAAG,OAAO,EAAE,yBAAyB,IAAI,qCAA6B,CAAC;IAExF,MAAM,QAAQ,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAE,EAAE;QAClH,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,KAAM,kBAAkB,CAAC,QAAQ,EAAE,WAAW,CAAE,GAAG,CAAC;IAC7F,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AARW,QAAA,8BAA8B,kCAQzC"}

package/src/core/design-token/renderers/sass/index.d.ts

@@ -0,0 +1,2 @@
+export * from './design-token-definition.renderers';
+//# sourceMappingURL=index.d.ts.map

package/src/core/design-token/renderers/sass/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/sass/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}

package/src/core/design-token/renderers/sass/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./design-token-definition.renderers"), exports);
+//# sourceMappingURL=index.js.map

package/src/core/design-token/renderers/sass/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/sass/index.ts"],"names":[],"mappings":";;;AAAA,8EAAoD"}

package/src/core/index.d.ts

@@ -0,0 +1,2 @@
+export * from './design-token/index';
+//# sourceMappingURL=index.d.ts.map

package/src/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/src/core/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./design-token/index"), exports);
+//# sourceMappingURL=index.js.map

package/src/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC"}

package/src/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './core/index';
+//# sourceMappingURL=public_api.d.ts.map

package/src/public_api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public_api.d.ts","sourceRoot":"","sources":["../../src/public_api.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/src/public_api.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./core/index"), exports);
+//# sourceMappingURL=public_api.js.map

package/src/public_api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public_api.js","sourceRoot":"","sources":["../../src/public_api.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}