Skip to content

Instantly share code, notes, and snippets.

View svierk's full-sized avatar
🏠
Working from home

Sebastiano Schwarz svierk

🏠
Working from home
View GitHub Profile
@svierk
svierk / dragAndDrop.html
Created December 30, 2023 15:23
HTML Template for Drag & Drop Demo LWC | Dropzone
<article
class="slds-card dropzone card-height"
ondragover={handleDragOver}
ondragleave={handleDragLeave}
ondrop={handleDrop}
>
<div class="slds-card__header slds-grid">
<header class="slds-media slds-media_center slds-has-flexi-truncate">
<div class="slds-media__figure">
<span class="slds-icon_container">
@svierk
svierk / dragAndDrop.css
Created December 29, 2023 21:03
CSS Styles for Drag & Drop Demo LWC
.card-height {
height: 300px;
}
.datatable-height {
height: 230px;
}
.grabbable {
cursor: move;
@svierk
svierk / dragAndDrop.html
Last active December 30, 2023 15:21
HTML Template for Drag & Drop Demo LWC | Draggable Elements
<template for:each={elements} for:item="element">
<div key={element.id} class="slds-col slds-size_1-of-3">
<div
data-id={element.id}
data-name={element.label}
class="slds-box slds-theme_shade slds-text-align_center slds-var-m-bottom_x-small grabbable"
draggable="true"
ondragstart={handleDragStart}
>
{element.label}
@svierk
svierk / dragAndDrop.js
Last active January 3, 2024 08:17
JS Code for Drag & Drop Demo LWC | Variables & connectedCallback
import { LightningElement, track } from 'lwc';
const COLUMNS = [
{
label: 'Id',
fieldName: 'id',
hideDefaultActions: true
},
{
label: 'Label',
@svierk
svierk / render3DElementsThreeJS.js
Last active January 25, 2024 14:20
JS Code for 3D Elements Demo LWC
import threejs from '@salesforce/resourceUrl/threejs';
import { loadScript } from 'lightning/platformResourceLoader';
import { LightningElement } from 'lwc';
export default class Render3DElementsThreeJS extends LightningElement {
connectedCallback() {
loadScript(this, threejs)
.then(() => {
this.init();
})
@svierk
svierk / render3DElementsThreeJS.html
Created October 10, 2023 07:44
HTML Template for 3D Elements Demo LWC
<template>
<lightning-card title="3D Elements Demo (Three.js)" icon-name="custom:custom57">
<div class="container slds-var-p-horizontal_medium" lwc:dom="manual"></div>
</lightning-card>
</template>
@svierk
svierk / utam-examples.spec.js
Last active July 14, 2023 02:08
UTAM test for the creation of an account record in Salesforce
import ObjectHomeDesktop from 'salesforce-pageobjects/force/pageobjects/objectHome';
import RecordActionWrapper from 'salesforce-pageobjects/global/pageobjects/recordActionWrapper';
import RecordHomeTemplateDesktop from 'salesforce-pageobjects/global/pageobjects/recordHomeTemplateDesktop';
import FormattedText from 'salesforce-pageobjects/lightning/pageobjects/formattedText';
import DesktopLayoutContainer from 'salesforce-pageobjects/navex/pageobjects/desktopLayoutContainer';
import { logInSalesforce } from './utam-helper';
describe('utam-examples', () => {
beforeEach(async () => {
await logInSalesforce();
@svierk
svierk / github-actions.yaml
Last active June 2, 2023 06:26
Sample GitHub Actions template for extracting the node version from the package.json's engine setting
steps:
- name: Get node version from package.json
run: |
echo "$(cat ./package.json)" | jq .engines.node | xargs -I {} echo "nodeVersion="{} >> $GITHUB_ENV
- name: Use node version ${{ env.nodeVersion }} from package.json
uses: actions/setup-node@main
with:
node-version: ${{ env.nodeVersion }}
cache: 'npm'
@svierk
svierk / azure-pipelines.yaml
Last active June 1, 2023 15:27
Sample Azure pipelines template for extracting the node version from the package.json's engine setting
steps:
- bash: |
set -euo pipefail
version=$( jq --raw-output '.engines.node' ./package.json)
echo "##vso[task.setvariable variable=nodeVersion;isOutput=true]$version"
displayName: Get node version from package.json
name: getNode
- task: NodeTool@0
displayName: Use node version from package.json
@svierk
svierk / .npmrc
Created June 1, 2023 08:24
Strictly enforcing the "engines" setting in package.json
engine-strict=true