MCPcopy
hub / github.com/salesforce-ux/design-system

github.com/salesforce-ux/design-system @v2.27.2 sqlite

repository ↗ · DeepWiki ↗ · release v2.27.2 ↗
1,331 symbols 2,664 edges 649 files 18 documented · 1%
README

Salesforce Lightning Design System

Welcome to the Salesforce Lightning Design System brought to you by Salesforce UX.

  • Tailored for building Salesforce apps: Using the Lightning Design System markup and CSS framework results in UIs that reflect the Salesforce Lightning look and feel.
  • Continuously updated: As long as you’re using the latest version of the Lightning Design System, your pages are always up to date with Salesforce UI changes.

Search

Handled by Algolia. This process decribes indexing as a standalone process. Search indexing can also be done at time of site build by passing --make-index to the script: sh ./release.sh --make-index

To crawl and update the index, use the Docker method.

First, create the .env file.:

echo APPLICATION_ID=XXXXXX >> .env
echo API_KEY=0123456789 >> .env

Access the Algolia account, or ask someone who has access, to get the correct values.

Then install Docker Desktop as described here: brew install --cask docker

Then launch the Docker app. Click next. It will ask for privileged access. Confirm. A whale icon should appear in the top bar. Click it, and wait for "Docker is running" to appear.

Then in terminal in the design-system-internal directory:

docker run -it --env-file=.env -e "CONFIG=$(cat ./searchconfig.json | jq -r tostring)" algolia/docsearch-scraper

Core symbols most depended-on inside this repo

getDisplayElementById
called by 139
ui/shared/helpers/index.js
generateStories
called by 88
ui/shared/helpers/index.js
withName
called by 58
gulpfile.js
IsDependentOn
called by 11
ui/shared/helpers/prop-types/is-dependent-on.js
extractVarsFromCSS
called by 8
scripts/var-extract.js
render
called by 7
scripts/gulp/generate/examples.js
ui
called by 6
scripts/ui/index.js
toList
called by 5
shared/utils/tree.js

Shape

Function 1,061
Method 141
Class 129

Languages

TypeScript100%

Modules by API surface

scripts/gulp/dist.js38 symbols
ui/components/data-tables/index.jsx28 symbols
ui/components/builder-header/index.jsx24 symbols
ui/components/modals/base/example.jsx22 symbols
ui/components/combobox/listbox/index.jsx21 symbols
ui/components/tabs/mobile-stack/index.jsx20 symbols
ui/components/path/base/example.jsx20 symbols
ui/shared/helpers/index.js17 symbols
scripts/ui/index.js17 symbols
ui/components/tabs/index.react.jsx15 symbols
ui/components/combobox/index.jsx15 symbols
ui/components/rich-text-editor/index.jsx14 symbols

Dependencies from manifests, versioned

@babel/cli7.12.0 · 1×
@babel/core7.14.6 · 1×
@babel/node7.8.7 · 1×
@babel/plugin-proposal-object-rest-spread7.9.5 · 1×
@babel/plugin-syntax-dynamic-import7.8.3 · 1×
@babel/plugin-transform-modules-commonjs7.9.0 · 1×
@babel/plugin-transform-runtime7.9.0 · 1×
@babel/preset-env7.9.5 · 1×
@babel/preset-react7.9.4 · 1×
@babel/runtime7.9.2 · 1×
@epegzz/sass-vars-loader6.0.0 · 1×

For agents

$ claude mcp add design-system \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact