aboutsummaryrefslogtreecommitdiffstats
path: root/Dockerfile.dev
blob: a21b4065417feb91b134a40e30201e924a76a9f8 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
FROM node:18-alpine

ARG NODE_ENV=production
ARG URL
ARG BTC
ARG SOCKET

ENV NODE_ENV $NODE_ENV
ENV PUBLIC_COINOS_URL $URL
ENV PUBLIC_BTC $BTC
ENV PUBLIC_SOCKET $SOCKET

RUN npm i -g pnpm
WORKDIR /app

ADD package.json .
RUN --mount=type=cache,target=/root/.local/share/pnpm/store NODE_ENV=development pnpm i

COPY . .
RUN sed -i '/prerender/d' src/routes/+page.server.js
RUN pnpm build

CMD ["node", "build"]
or: #FFF0F0 } /* Literal.String.Single */ .highlight .ss { color: #A60; background-color: #FFF0F0 } /* Literal.String.Symbol */ .highlight .bp { color: #038 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #06B; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #369 } /* Name.Variable.Class */ .highlight .vg { color: #D70 } /* Name.Variable.Global */ .highlight .vi { color: #33B } /* Name.Variable.Instance */ .highlight .vm { color: #369 } /* Name.Variable.Magic */ .highlight .il { color: #00D; font-weight: bold } /* Literal.Number.Integer.Long */
<script>
  import { browser } from "$app/env";
	import { onMount } from 'svelte';
	import { copy } from '$lib/utils';

	export let image, text;

  let qr;

	onMount(async () => {
		if (!(browser && text)) return;
		let { default: QRCodeStyling } = await import('qr-code-styling');

		const qrCode = new QRCodeStyling({
			width: window.screen.width < 640 ? 250 : 300,
			type: 'canvas',
			data: text,
			backgroundOptions: {
				color: 'rgba(0, 0, 0, 0)'
			},
			dotsOptions: {
				type: 'rounded'
			},
			imageOptions: {
				hideBackgroundDots: false
			}
		});

		while (qr.firstChild) qr.removeChild(qr.lastChild);
		qrCode.append(qr);
	});
</script>

<div bind:this={qr} on:click={() => copy(text)} />

<style>
	div {
		@apply 
      px-5 
      md:px-0 
      w-[292px] 
      h-[302px]
      md:w-[300px]
      md:h-[300px]
      rounded-3xl
      block
      md:flex
      justify-center
      items-center
      cursor-pointer
      mx-auto;
	}
</style>