Code Highlight Test

This is a test page for code highlighting. I previously used the Crayon Syntax Highlighter for code formatting. Unfortunately this plugin hasn’t been updated in nearly four years and no longer appears to be maintained. I have chosen to replace it with the Code Syntax Block plugin. I am also exploring the use of other plugins including the Enlighter – Customizable Syntax Highlighter plugin. Both support the new Gutenberg editor for WordPress. The Code Syntax Block plugin uses the Prism Syntax Highlighter at its core. Enlighter instead relies on the EnlighterJS javascript library to power it.

Code Syntax Block Examples:

Javascript:

class Timer extends React.Component {
  constructor(props) {
    super(props);
    this.state = { seconds: 0 };
  }

  tick() {
    this.setState(state => ({
      seconds: state.seconds + 1
    }));
  }

  componentDidMount() {
    this.interval = setInterval(() => this.tick(), 1000);
  }

  componentWillUnmount() {
    clearInterval(this.interval);
  }

  render() {
    return (
      <div>
        Seconds: {this.state.seconds}
      </div>
    );
  }
}

ReactDOM.render(
  <Timer />,
  document.getElementById('timer-example')
);

Ruby:

require("csim") 
# The circuit here should simulate a level-triggered D flip-flop 
D = SwitchBank.new 
C = Pulser.new 
N = NotGate.new 
A1, A2 = AndGate.many(2) 
NR1, NR2 = NorGate.many(2) 
Q = LED.new(" Q") 
Qnot = LED.new(" ~Q") 

D.join(N) 
N.join(A1) 
D.join(A2) 
C.join(A1) 
C.join(A2) 
A1.join(NR1) 
A2.join(NR2) 
NR1.join(NR2) 
NR2.join(NR1) 
LED.shush(true) 
NR1.join(Q) 
NR2.join(Qnot) 
LED.shush(false) 
vals = [ true, false, false, true, false ]
10.times do 
  3.times do
    dval = vals.shift 
    vals.push(dval)
    print "Input: ", dval, "\n" 
    D.value = dval
  end
  print "=== TIC ===\n" 
  C.pulse 
end

Python:

from time import localtime

activities = {
        8: 'Sleeping', 
        9: 'Commuting', 
        17: 'Working', 
        18: 'Commuting', 
        20: 'Eating', 
        22: 'Resting' }
time_now = localtime() 
hour = time_now.tm_hour 
for activity_time in sorted(activities.keys()): 
  if hour < activity_time:
    print activities[activity_time] 
    break 
  else: 
    print 'Unknown, AFK or sleeping!'

PowerShell:

function Show-Calendar {
param(
    [DateTime] $start = [DateTime]::Today,
    [DateTime] $end = $start,
    $firstDayOfWeek,
    [int[]] $highlightDay,
    [string[]] $highlightDate = [DateTime]::Today.ToString()
    )

    #actual code for the function goes here see the end of the topic for the complete code sample
}

Enlighter Examples:

Javascript:

class Timer extends React.Component {
  constructor(props) {
    super(props);
    this.state = { seconds: 0 };
  }

  tick() {
    this.setState(state => ({
      seconds: state.seconds + 1
    }));
  }

  componentDidMount() {
    this.interval = setInterval(() => this.tick(), 1000);
  }

  componentWillUnmount() {
    clearInterval(this.interval);
  }

  render() {
    return (
      <div>
        Seconds: {this.state.seconds}
      </div>
    );
  }
}

ReactDOM.render(
  <Timer />,
  document.getElementById('timer-example')
);

Ruby:

require("csim") 
# The circuit here should simulate a level-triggered D flip-flop 
D = SwitchBank.new 
C = Pulser.new 
N = NotGate.new 
A1, A2 = AndGate.many(2) 
NR1, NR2 = NorGate.many(2) 
Q = LED.new(" Q") 
Qnot = LED.new(" ~Q") 

D.join(N) 
N.join(A1) 
D.join(A2) 
C.join(A1) 
C.join(A2) 
A1.join(NR1) 
A2.join(NR2) 
NR1.join(NR2) 
NR2.join(NR1) 
LED.shush(true) 
NR1.join(Q) 
NR2.join(Qnot) 
LED.shush(false) 
vals = [ true, false, false, true, false ]
10.times do 
  3.times do
    dval = vals.shift 
    vals.push(dval)
    print "Input: ", dval, "\n" 
    D.value = dval
  end
  print "=== TIC ===\n" 
  C.pulse 
end

Python:

from time import localtime

activities = {
        8: 'Sleeping', 
        9: 'Commuting', 
        17: 'Working', 
        18: 'Commuting', 
        20: 'Eating', 
        22: 'Resting' }
time_now = localtime() 
hour = time_now.tm_hour 
for activity_time in sorted(activities.keys()): 
  if hour < activity_time:
    print activities[activity_time] 
    break 
  else: 
    print 'Unknown, AFK or sleeping!'

PowerShell:

Beta Version of Enlighter doesn’t appear to support the PowerShell language at this time.

function Show-Calendar {
param(
    [DateTime] $start = [DateTime]::Today,
    [DateTime] $end = $start,
    $firstDayOfWeek,
    [int[]] $highlightDay,
    [string[]] $highlightDate = [DateTime]::Today.ToString()
    )

    #actual code for the function goes here see the end of the topic for the complete code sample
}

Leave a Reply

Proudly powered by WordPress | Theme: Baskerville 2 by Anders Noren.

Up ↑

%d bloggers like this: