estruyf

{
  "HubSiteId": "d63d74d9-dfb7-46ce-8f04-c1d6d674075c",
  "IsHubSite": true
}

estruyf

interface NavigationEventDetails extends Window {
  isNavigatedEventSubscribed: boolean;
  currentPage: string;
  currentHubSiteId: string;
  currentUICultureName: string;
}
declare const window: NavigationEventDetails;

export default class NavigationApplicationCustomizer extends BaseApplicationCustomizer<INavigationApplicationCustomizerProperties> {

estruyf

javascript:(() => {
  const url = new URL(window.location.href);
  url.searchParams.set("loadSPFX", true);
  url.searchParams.set("debugManifestsFile", "https://localhost:4321/temp/manifests.js");
  document.location = url.href;
})();

estruyf

// BEFORE
"extends": "./node_modules/@microsoft/rush-stack-compiler-2.7/includes/tsconfig-web.json"

// AFTER
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.3/includes/tsconfig-web.json"

estruyf

import * as React from 'react';
import styles from './HelloWorld.module.scss';
import { IHelloWorldProps } from './IHelloWorldProps';

export default class HelloWorld extends React.Component<IHelloWorldProps, {}> {
  private OtherComponent = React.lazy(() => import('./TestComponent' /* webpackChunkName: "testcomponent" */));

  public render(): React.ReactElement<IHelloWorldProps> {
    return (
      <div className={ styles.helloWorld }>

estruyf

// BEFORE
"extends": "./node_modules/@microsoft/rush-stack-compiler-2.7/includes/tsconfig-web.json"

// AFTER
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.2/includes/tsconfig-web.json"

estruyf

const link = "<your-url>";
const navState = { url: link };
// Adds the new navigation state to the browser history
history.pushState(navState, null, link);
const newPopState = new PopStateEvent("popstate", { state: navState });
window.dispatchEvent(newPopState);

estruyf

// Note this overrides the getters for ship and production on args
this.args.ship = this.args.production = (this.args.production || this.args.ship);
// Since gulp-core-build doesn't recognize the --ship flag, ensure it gets the right state
coreBuild.mergeConfig({
  production: this.args.ship,
  shouldWarningsFailBuild: this.args.ship
});

estruyf

// @ts-check
'use strict';
const gulp = require('gulp');
const build = require("@microsoft/sp-build-web");

build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);

// Retrieve the current build config and check if there is a `warnoff` flag set
const crntConfig = build.getConfig();
const warningLevel = crntConfig.args["warnoff"];

estruyf

const testingTask = build.subTask("testing", async function (gulp, buildOptions, done) {
  this.log('LOG: Just logging');
  this.logWarning('WARNING: Just a warning!');
  this.logError(`ERROR: ohh, no, this doesn't look good!`);
});
build.task("testing", testingTask);