29 |
42 | )
43 | }
44 |
45 | export default CookieBanner
46 |
--------------------------------------------------------------------------------
/apps/webfront/src/components/core/CoreLayout.tsx:
--------------------------------------------------------------------------------
1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd
2 | //
3 | // Licensed under the Apache License, Version 2.0 (the "License");
4 | // you may not use this file except in compliance with the License.
5 | // You may obtain a copy of the License at
6 | //
7 | // http://www.apache.org/licenses/LICENSE-2.0
8 | //
9 | // Unless required by applicable law or agreed to in writing, software
10 | // distributed under the License is distributed on an "AS IS" BASIS,
11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | // See the License for the specific language governing permissions and
13 | // limitations under the License.
14 |
15 | import Footer from './Footer'
16 | import Header from './Header'
17 |
18 | const CoreLayout = ({ children }: any) => (
19 | <>
20 |
30 |
41 | 31 | By visiting our website, you agree to our 🍪 cookie policy 32 |
33 |
21 |
24 |
25 |
26 | )
27 |
28 | export default CoreLayout
29 |
--------------------------------------------------------------------------------
/apps/webfront/src/components/core/Header.tsx:
--------------------------------------------------------------------------------
1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd
2 | //
3 | // Licensed under the Apache License, Version 2.0 (the "License");
4 | // you may not use this file except in compliance with the License.
5 | // You may obtain a copy of the License at
6 | //
7 | // http://www.apache.org/licenses/LICENSE-2.0
8 | //
9 | // Unless required by applicable law or agreed to in writing, software
10 | // distributed under the License is distributed on an "AS IS" BASIS,
11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | // See the License for the specific language governing permissions and
13 | // limitations under the License.
14 |
15 | import NextLink from 'next/link'
16 | import { FaGithub } from 'react-icons/fa'
17 | import Logo from 'svg/Logo.svg'
18 | import { Button } from 'ui/src'
19 |
20 | const Header = () => (
21 |
35 |
49 |
50 | )
51 |
52 | export default SeriesTile
53 |
--------------------------------------------------------------------------------
/apps/webfront/src/components/flick/preview/mode/index.tsx:
--------------------------------------------------------------------------------
1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd
2 | //
3 | // Licensed under the Apache License, Version 2.0 (the "License");
4 | // you may not use this file except in compliance with the License.
5 | // You may obtain a copy of the License at
6 | //
7 | // http://www.apache.org/licenses/LICENSE-2.0
8 | //
9 | // Unless required by applicable law or agreed to in writing, software
10 | // distributed under the License is distributed on an "AS IS" BASIS,
11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | // See the License for the specific language governing permissions and
13 | // limitations under the License.
14 |
15 | import { BlockView } from 'utils/src'
16 | import CodeBlockMode from './CodeBlockMode'
17 | import ImageBlockMode from './ImageBlockMode'
18 | import ListBlockMode from './ListBlockMode'
19 | import VideoBlockMode from './VideoBlockMode'
20 |
21 | const ModeSelector = ({
22 | view,
23 | updateView,
24 | }: {
25 | view: BlockView | undefined
26 | updateView: (view: BlockView) => void
27 | }) => {
28 | if (!view) return null
29 |
30 | return (() => {
31 | switch (view.type) {
32 | case 'codeBlock':
33 | return
36 |
42 | {series.name}
43 |
44 |
47 |
48 |
43 | {timer}
44 |
45 | ) : null
46 | }
47 |
48 | export default Countdown
49 |
--------------------------------------------------------------------------------
/apps/webfront/src/components/flick/studio/Timer.tsx:
--------------------------------------------------------------------------------
1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd
2 | //
3 | // Licensed under the Apache License, Version 2.0 (the "License");
4 | // you may not use this file except in compliance with the License.
5 | // You may obtain a copy of the License at
6 | //
7 | // http://www.apache.org/licenses/LICENSE-2.0
8 | //
9 | // Unless required by applicable law or agreed to in writing, software
10 | // distributed under the License is distributed on an "AS IS" BASIS,
11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | // See the License for the specific language governing permissions and
13 | // limitations under the License.
14 |
15 | import React, { useEffect, useState } from 'react'
16 | import { useRecoilValue } from 'recoil'
17 | import { studioStateAtom } from 'src/stores/studio.store'
18 | import { Text } from 'ui/src'
19 | import useInterval from 'use-interval'
20 |
21 | const formatTime = (timer: number) => {
22 | const getSeconds = `0${timer % 60}`.slice(-2)
23 | const minutes = `${Math.floor(timer / 60)}`
24 | const getMinutes = `0${+minutes % 60}`.slice(-2)
25 |
26 | return `${getMinutes}:${getSeconds}`
27 | }
28 |
29 | // type TimerState = 'noTarget' | 'onTime' | 'overtime' | 'closeShave'
30 |
31 | const Timer = () => {
32 | const state = useRecoilValue(studioStateAtom)
33 | const [timer, setTimer] = useState(0)
34 | const [isActive, setIsActive] = useState(false)
35 |
36 | useInterval(
37 | () => {
38 | setTimer(t => t + 1)
39 | },
40 | isActive ? 1000 : null,
41 | true
42 | )
43 |
44 | useEffect(() => {
45 | if (state === 'recording') {
46 | setTimer(0)
47 | setIsActive(true)
48 | }
49 | if (state === 'stopRecording') {
50 | setTimer(0)
51 | setIsActive(false)
52 | }
53 | }, [state])
54 |
55 | return (
56 |
57 | {formatTime(timer)}
58 |
59 | )
60 | }
61 |
62 | export default Timer
63 |
--------------------------------------------------------------------------------
/apps/webfront/src/components/legal/Content.tsx:
--------------------------------------------------------------------------------
1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd
2 | //
3 | // Licensed under the Apache License, Version 2.0 (the "License");
4 | // you may not use this file except in compliance with the License.
5 | // You may obtain a copy of the License at
6 | //
7 | // http://www.apache.org/licenses/LICENSE-2.0
8 | //
9 | // Unless required by applicable law or agreed to in writing, software
10 | // distributed under the License is distributed on an "AS IS" BASIS,
11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | // See the License for the specific language governing permissions and
13 | // limitations under the License.
14 |
15 | const Content = ({ content }: { content: string }) => (
16 |
17 |
22 |
23 | )
24 |
25 | export default Content
26 |
--------------------------------------------------------------------------------
/apps/webfront/src/components/legal/HeroText.tsx:
--------------------------------------------------------------------------------
1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd
2 | //
3 | // Licensed under the Apache License, Version 2.0 (the "License");
4 | // you may not use this file except in compliance with the License.
5 | // You may obtain a copy of the License at
6 | //
7 | // http://www.apache.org/licenses/LICENSE-2.0
8 | //
9 | // Unless required by applicable law or agreed to in writing, software
10 | // distributed under the License is distributed on an "AS IS" BASIS,
11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | // See the License for the specific language governing permissions and
13 | // limitations under the License.
14 |
15 | import Pattern from './Pattern'
16 |
17 | const Hero = ({
18 | title,
19 | description,
20 | }: {
21 | title: string
22 | description: string
23 | }) => (
24 |
25 |
37 | )
38 |
39 | export default Hero
40 |
--------------------------------------------------------------------------------
/apps/webfront/src/components/notifications/NotificationMessage.tsx:
--------------------------------------------------------------------------------
1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd
2 | //
3 | // Licensed under the Apache License, Version 2.0 (the "License");
4 | // you may not use this file except in compliance with the License.
5 | // You may obtain a copy of the License at
6 | //
7 | // http://www.apache.org/licenses/LICENSE-2.0
8 | //
9 | // Unless required by applicable law or agreed to in writing, software
10 | // distributed under the License is distributed on an "AS IS" BASIS,
11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | // See the License for the specific language governing permissions and
13 | // limitations under the License.
14 |
15 | import { Text } from 'ui/src'
16 | import { inferQueryOutput } from '../../server/trpc'
17 |
18 | const NotificationMessage = ({
19 | notification,
20 | }: {
21 | notification: inferQueryOutput<'user.notifications'>['notifications'][number]
22 | }) => {
23 | const { message } = notification
24 | const regex = /%(.*?)%/g
25 | return (
26 |
26 |
33 | 27 | {title} 28 |
29 |30 | {description} 31 |
32 |
34 |
36 |
35 |
52 |
36 |
51 |
37 |
50 | 38 | 500 39 |
40 |41 | Sorry, something went wrong 42 |
43 | 44 | 45 |
46 | Go home
47 |
48 |
49 |
41 |
42 |
43 |
44 |
45 |
46 |
47 | 45 |47 | 48 | Shift + Enter to exit code 49 | 50 |46 |
31 | {loading &&
49 | )
50 |
51 | ScreenState.defaultProps = {
52 | title: undefined,
53 | subtitle: undefined,
54 | button: undefined,
55 | onHandleClick: undefined,
56 | loading: true,
57 | }
58 |
--------------------------------------------------------------------------------
/packages/ui/src/Switch.tsx:
--------------------------------------------------------------------------------
1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd
2 | //
3 | // Licensed under the Apache License, Version 2.0 (the "License");
4 | // you may not use this file except in compliance with the License.
5 | // You may obtain a copy of the License at
6 | //
7 | // http://www.apache.org/licenses/LICENSE-2.0
8 | //
9 | // Unless required by applicable law or agreed to in writing, software
10 | // distributed under the License is distributed on an "AS IS" BASIS,
11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | // See the License for the specific language governing permissions and
13 | // limitations under the License.
14 |
15 | /* eslint-disable react/require-default-props */
16 | import { cx } from '@emotion/css'
17 | import { Switch as HeadlessSwitch } from '@headlessui/react'
18 |
19 | export const Switch = ({
20 | label,
21 | checked,
22 | disabled,
23 | labelClassName,
24 | onChange,
25 | }: {
26 | label?: string
27 | checked: boolean
28 | disabled?: boolean
29 | labelClassName?: string
30 | onChange: (checked: boolean) => void
31 | }) => (
32 |
34 | {title && (
35 |
43 | {button && (
44 |
47 | )}
48 | 36 | {title} 37 |
38 | )} 39 | {subtitle && ( 40 |{subtitle}
41 | )} 42 |
34 |
35 | {label}
36 |
37 |
45 |
50 |
51 |
52 | 49 | {children} 50 |
51 | ) 52 | 53 | Text.defaultProps = { 54 | textStyle: 'bodyStandard', 55 | } 56 | -------------------------------------------------------------------------------- /packages/ui/src/Toast.tsx: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | import { toast, ToastContainer as TC } from 'react-toastify' 16 | import { ToastOptions } from 'react-toastify/dist/types' 17 | 18 | export const defaultToastOptions: ToastOptions = { 19 | position: toast.POSITION.BOTTOM_CENTER, 20 | autoClose: 2000, 21 | hideProgressBar: true, 22 | closeOnClick: true, 23 | rtl: false, 24 | pauseOnFocusLoss: true, 25 | draggable: true, 26 | pauseOnHover: true, 27 | theme: 'dark', 28 | closeButton: false, 29 | style: { width: 'fit-content', minHeight: 'auto', maxWidth: '700px' }, 30 | bodyStyle: { width: 'auto' }, 31 | className: 'flex text-center', 32 | bodyClassName: 'text-size-sm', 33 | } as ToastOptions 34 | 35 | export const emitToast = ( 36 | content: string | JSX.Element, 37 | options?: ToastOptions 38 | ) => 39 | toast(content, { 40 | ...defaultToastOptions, 41 | ...options, 42 | } as ToastOptions) 43 | 44 | export const updateToast = ( 45 | id: React.ReactText, 46 | content: string | JSX.Element, 47 | options?: ToastOptions 48 | ) => 49 | toast.update(id, { 50 | render: content, 51 | ...options, 52 | }) 53 | 54 | export const dismissToast = (id: any) => { 55 | toast.dismiss(id) 56 | } 57 | 58 | export const ToastContainer = TC 59 | -------------------------------------------------------------------------------- /packages/ui/src/assets/CodeSandbox.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/ui/src/assets/StackBlitz.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/ui/src/assets/card_fallback.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IncredibleDevHQ/dev-video-creator/a3a31e5c17d6d302f240c61e8a5cf9c23edb0ef0/packages/ui/src/assets/card_fallback.png -------------------------------------------------------------------------------- /packages/ui/src/index.tsx: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | import 'react-toastify/dist/ReactToastify.css' 16 | import './index.css' 17 | 18 | export * from './Avatar' 19 | export * from './Button' 20 | export * from './Heading' 21 | export * from './IconButton' 22 | export * from './Toast' 23 | export * from './Text' 24 | export * from './ScreenState' 25 | export * from './Loader' 26 | export * from './Switch' 27 | export * from './Confetti' 28 | export * from './ThumbnailPreview' 29 | export * from './TextField' 30 | export * from './Container' 31 | export * from './Player' 32 | -------------------------------------------------------------------------------- /packages/ui/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = require('config/tailwind.config') 2 | -------------------------------------------------------------------------------- /packages/ui/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "config/tsconfig-react.json", 3 | "include": ["."], 4 | "exclude": ["dist", "build", "node_modules"] 5 | } 6 | -------------------------------------------------------------------------------- /packages/ui/types.d.ts: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | declare module '*.svg' { 16 | const content: any 17 | export default content 18 | } 19 | 20 | declare module '*.jpeg' 21 | declare module '*.png' 22 | -------------------------------------------------------------------------------- /packages/utils/.eslintrc.js: -------------------------------------------------------------------------------- 1 | const eslintReact = require('config/eslint-react.js') 2 | 3 | module.exports = { 4 | ...eslintReact, 5 | parserOptions: { 6 | tsconfigRootDir: __dirname, 7 | project: './tsconfig.json', 8 | }, 9 | rules: { 10 | ...eslintReact.rules, 11 | 'import/prefer-default-export': 'off', 12 | }, 13 | } 14 | -------------------------------------------------------------------------------- /packages/utils/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "utils", 3 | "version": "0.0.1", 4 | "main": "./index.tsx", 5 | "types": "./index.tsx", 6 | "license": "MIT", 7 | "scripts": { 8 | "lint": "eslint ./**/*.ts* --fix" 9 | }, 10 | "devDependencies": { 11 | "@types/mime": "^2.0.3", 12 | "@types/mime-types": "^2.1.1", 13 | "@types/react": "^17.0.37", 14 | "@types/react-dom": "^17.0.11", 15 | "config": "*", 16 | "eslint": "^7.32.0", 17 | "typescript": "^4.5.3" 18 | }, 19 | "dependencies": { 20 | "@liveblocks/client": "^0.17.5", 21 | "axios": "^0.27.2", 22 | "mime": "^3.0.0", 23 | "mime-types": "^2.1.35", 24 | "nanoid": "^4.0.0", 25 | "react": "^17.0.2", 26 | "ts-ebml": "^2.0.2" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /packages/utils/src/helpers/get-seekable-webm.ts: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | import * as ebml from 'ts-ebml' 16 | // import { Buffer } from 'buffer' 17 | 18 | // /** @ts-ignore */ 19 | // window.buffer = Buffer 20 | 21 | function getSeekableWebM(arrayBuffer: ArrayBuffer) { 22 | if (typeof ebml === 'undefined') { 23 | throw new Error('Please link: https://www.webrtc- experiment.com/EBML.js') 24 | } 25 | 26 | const [decoder, , reader, tools] = [ 27 | new ebml.Decoder(), 28 | new ebml.Encoder(), 29 | new ebml.Reader(), 30 | ebml.tools, 31 | ] 32 | let elms = decoder.decode(arrayBuffer) 33 | const validEmlType = ['m', 'u', 'i', 'f', 's', '8', 'b', 'd'] // This is from elm type of the lib 34 | elms = elms?.filter(elm => validEmlType.includes(elm.type)) 35 | elms.forEach(elm => { 36 | reader.read(elm) 37 | }) 38 | 39 | const refinedMetadataBuf = tools.makeMetadataSeekable( 40 | reader.metadatas, 41 | reader.duration, 42 | reader.cues 43 | ) 44 | const body = arrayBuffer.slice(reader.metadataSize) 45 | const refinedWebM = new Blob([refinedMetadataBuf, body], { 46 | type: 'video/webm', 47 | }) 48 | 49 | return refinedWebM 50 | } 51 | 52 | export default getSeekableWebM 53 | -------------------------------------------------------------------------------- /packages/utils/src/helpers/suggestion.ts: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | import * as crypto from 'crypto' 16 | 17 | export function generateSuggestionsFromEmail(email: string): string { 18 | const nameParts = email.replace(/@.+/, '') 19 | const name = nameParts.replace(/[&/\\#,+()$~%._@'":*?<>{}]/g, '') 20 | const suggestion = name + crypto.randomInt(100, 900).toString() 21 | 22 | return suggestion 23 | } 24 | -------------------------------------------------------------------------------- /packages/utils/src/helpers/validations.ts: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | const validateEmail = (email: string) => { 16 | const re = 17 | /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ 18 | return re.test(String(email).toLowerCase()) 19 | } 20 | 21 | export { validateEmail } 22 | -------------------------------------------------------------------------------- /packages/utils/src/hooks/use-env.ts: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | const getEnv = () => ({ 16 | env: process.env.NEXT_PUBLIC_DEPLOY_ENV, 17 | agora: { 18 | appId: process.env.NEXT_PUBLIC_AGORA_APP_ID, 19 | }, 20 | storage: { 21 | cdn: process.env.NEXT_PUBLIC_CDN_URL, 22 | }, 23 | client: { 24 | publicUrl: process.env.NEXT_PUBLIC_PUBLIC_URL, 25 | embedPlayerUrl: process.env.NEXT_PUBLIC_EMBED_PLAYER_BASE_URL, 26 | tokenizerUrl: process.env.NEXT_PUBLIC_TOKENIZE_ENDPOINT, 27 | }, 28 | hocuspocus: process.env.NEXT_PUBLIC_HOCUSPOCUS_SERVER, 29 | liveblocks: { 30 | publicKey: process.env.NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY, 31 | }, 32 | googleFontsApiKey: process.env.NEXT_PUBLIC_GOOGLE_FONTS_API_KEY, 33 | giphyApiKey: process.env.NEXT_PUBLIC_GIPHY_API_KEY, 34 | firebaseConfig: JSON.parse( 35 | (process.env.NEXT_PUBLIC_FIREBASE_CONFIG as string) || '{}' 36 | ), 37 | }) 38 | 39 | const useEnv = () => getEnv() 40 | 41 | export { useEnv, getEnv } 42 | -------------------------------------------------------------------------------- /packages/utils/src/hooks/use-get-hw.ts: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | const useGetHW = ({ 16 | maxH, 17 | maxW, 18 | aspectRatio, 19 | }: { 20 | maxH: number 21 | maxW: number 22 | aspectRatio: number 23 | }) => { 24 | let calWidth = 0 25 | let calHeight = 0 26 | if (aspectRatio > maxW / maxH) { 27 | calHeight = maxW * (1 / aspectRatio) 28 | calWidth = maxW 29 | } else if (aspectRatio <= maxW / maxH) { 30 | calHeight = maxH 31 | calWidth = maxH * aspectRatio 32 | } 33 | return { width: calWidth, height: calHeight } 34 | } 35 | 36 | export default useGetHW 37 | -------------------------------------------------------------------------------- /packages/utils/src/hooks/useOutsideClick.ts: -------------------------------------------------------------------------------- 1 | // Copyright 2022 Pixelbyte Studio Pvt Ltd 2 | // 3 | // Licensed under the Apache License, Version 2.0 (the "License"); 4 | // you may not use this file except in compliance with the License. 5 | // You may obtain a copy of the License at 6 | // 7 | // http://www.apache.org/licenses/LICENSE-2.0 8 | // 9 | // Unless required by applicable law or agreed to in writing, software 10 | // distributed under the License is distributed on an "AS IS" BASIS, 11 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | // See the License for the specific language governing permissions and 13 | // limitations under the License. 14 | 15 | import React, { useEffect } from 'react' 16 | 17 | const useOutsideClick = (ref: React.RefObject