Colin Wren colinfwren

Engineering Manager at Glean. Interested in building shared understanding, Agile & Development practises, Metal and Chiptune.

colinfwren / zoom-on-render.js

Created September 1, 2024 22:37

	const { useRef } = React

	const Graph = () => {
	const fgRef = useRef();

	return <ForceGraph2D
	ref={fgRef}
	graphData={data}
	nodeCanvasObject={nodeCanvasObject}
	nodePointerAreaPaint={nodePointerAreaPaint}

colinfwren / custom-node.js

Created September 1, 2024 22:35

	function nodeCanvasObject(node, ctx, globalScale) {
	const nodeColour = 'red'
	const fontSize = 12/globalScale;
	ctx.font = `${fontSize}px Sans-Serif`;
	const textWidth = ctx.measureText(node.name).width;
	const bckgDimensions = [textWidth, fontSize].map(n => n + fontSize * 0.2); // some padding

	// node circle
	ctx.fillStyle = 'red'
	ctx.beginPath()

colinfwren / render-force-graph.js

Created September 1, 2024 22:31

	ReactDOM.render(
	<ForceGraph2D
	graphData={data}
	/>,
	document.getElementById('graph')
	)

colinfwren / graph-data.js

Created September 1, 2024 22:29

	const data = {
	nodes: [
	{
	id: "persona-unauthorised-user",
	name: "Unauthorised user"
	},
	{
	id: "persona-authorised-user",
	name: "Authorised user"
	},

colinfwren / onAppear.swft

Created August 17, 2024 19:19

using onAppear to re-render PDF

	struct CVDetailView: View {
	@State private var cvdata: Data?

	var body: some View {
	VStack {
	if (cvData != nil) {
	CVPreviewView(pdfData: PDFDocument(data: cvData!)!)
	}
	}
	.onAppear {

colinfwren / CVPreviewView.swift

Created August 17, 2024 19:17

CV Preview View

	import SwiftUI
	import PDFKit
	import PDFBlocks

	struct CVPreviewView: UIViewRepresentable {
	var pdfDocument: PDFDocument

	init(pdfData pdfDoc: PDFDocument) {
	self.pdfDocument = pdfDoc
	}

colinfwren / reading-values-after-test.ts

Created August 4, 2024 20:17

Reading values from Appwrite after test

	async function getRecordDetails(recId: String): Promise<Models.Doc> {
	const client = new Client()
	.setEndpoint(APPWRITE_URL)
	.setProject(APPWRITE_PROJECT)
	.setKey(APPWRITE_API_KEY)
	const databases = new Databases(client)
	return databases.getDocument(DATABASE_ID, COL_ID, recId)
	}

colinfwren / calling-graphql-http.ts

Created August 4, 2024 20:15

Calling GraphQL via HTTP

	const graphqlString = `
	mutation Something($somethingData: SomethingInput!) {
	something(somethingData: $somethingData) {
	name
	}
	}
	`

	test('something that requires user auth', async () => {
	const { jwt } = await getNewUser()

colinfwren / graphql-hooks.ts

Created August 4, 2024 20:14

Setting up and tearing down Apollo

	describe('a feature of the app', () => {
	let server, url

	beforeAll(async () => {
	// assigns the values returned to the variables in the upper scope
	({ server, url } = await createApolloServer({ port: 0 }))
	})

	afterAll(async () => {
	await server?.stop()