status-im
/
status-web
mirror of https://github.com/status-im/status-web.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

remove apps/next

This commit is contained in:
Pavel Prichodko 2023-02-28 15:01:21 +01:00
parent 32a8fed0be
commit af8889ecac
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
14 changed files with 51 additions and 1465 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/next/.eslintrc.js
View File

@ -1,4 +0,0 @@
module.exports = {
extends: 'next',
root: true,
}

4
apps/next/next-env.d.ts vendored
View File

@ -1,4 +0,0 @@
/// <reference types="next" />
// NOTE: This file should not be edited
// see https://nextjs.org/docs/basic-features/typescript for more information.

78
apps/next/next.config.js
View File

@ -1,78 +0,0 @@
/** @type {import('next').NextConfig} */
const { withTamagui } = require('@tamagui/next-plugin')
const withImages = require('next-images')
const { join } = require('path')
process.env.IGNORE_TS_CONFIG_PATHS = 'true'
process.env.TAMAGUI_TARGET = 'web'
process.env.TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD = '1'
const boolVals = {
true: true,
false: false,
}
const disableExtraction =
boolVals[process.env.DISABLE_EXTRACTION] ??
process.env.NODE_ENV === 'development'
const plugins = [
// withImages,
withTamagui({
config: './tamagui.config.ts',
components: ['@status-im/components'],
importsWhitelist: ['constants.js', 'colors.js'],
logTimings: true,
disableExtraction: true,
// experiment - reduced bundle size react-native-web
useReactNativeWebLite: false,
shouldExtract: path => {
if (path.includes(join('packages', 'app'))) {
return true
}
},
excludeReactNativeWebExports: [
// 'Switch',
// 'ProgressBar',
// 'Picker',
// 'CheckBox',
// 'Touchable'
],
}),
]
module.exports = function () {
/** @type {import('next').NextConfig} */
let config = {
typescript: {
ignoreBuildErrors: true,
},
images: {
disableStaticImages: true,
},
transpilePackages: [
// 'solito',
'react-native-web',
// 'expo-linking',
// 'expo-constants',
// 'expo-modules-core'
'@status-im/components',
],
experimental: {
// optimizeCss: true,
// scrollRestoration: true,
legacyBrowsers: false,
},
}
for (const plugin of plugins) {
config = {
...config,
...plugin(config),
}
}
return config
}

30
apps/next/package.json
View File

@ -1,30 +0,0 @@
{
"name": "next-app",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "cd .. && yarn build && cd next && next build",
"start": "next start",
"serve": "NODE_ENV=production next start --port 8151",
"lint": "next lint"
},
"dependencies": {
"@status-im/components": "*",
"@tamagui/core": "1.0.15",
"@tamagui/next-theme": "1.0.15",
"next": "^13.0.6",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-native-web": "^0.18.6"
},
"devDependencies": {
"@tamagui/next-plugin": "1.0.15",
"@types/node": "^18.6.4",
"@types/react": "^18.0.26",
"@types/react-dom": "^18.0.9",
"critters": "^0.0.16",
"eslint-config-next": "^13.0.4",
"next-images": "^1.8.4"
}
}

48
apps/next/pages/_app.tsx
View File

@ -1,48 +0,0 @@
import '@tamagui/core/reset.css'
import '@tamagui/font-inter/css/400.css'
import '@tamagui/font-inter/css/700.css'
import '../styles/reset.css'
import '../styles/app.css'
import Head from 'next/head'
import React from 'react'
import tamaguiConfig from '../tamagui.config'
import { AppProps } from 'next/app'
import { TamaguiProvider } from '@tamagui/core'
// import { NextThemeProvider, useRootTheme } from '@tamagui/next-theme'
// import { Provider } from 'app/provider'
// import type { SolitoAppProps } from 'solito'
function App({ Component, pageProps }: AppProps) {
return (
<>
<Head>
<title>Status</title>
<meta name="description" content="Tamagui, Solito, Expo & Next.js" />
<link rel="icon" href="/favicon.ico" />
</Head>
<TamaguiProvider config={tamaguiConfig}>
<Component {...pageProps} />
</TamaguiProvider>
</>
)
}
// function ThemeProvider({ children }: { children: React.ReactNode }) {
// const [theme, setTheme] = useRootTheme()
// return (
// <NextThemeProvider onChangeTheme={setTheme}>
// <Provider disableRootThemeClass defaultTheme={theme}>
// {children}
// </Provider>
// </NextThemeProvider>
// )
// }
export default App

67
apps/next/pages/_document.tsx
View File

@ -1,67 +0,0 @@
import NextDocument, { Head, Html, Main, NextScript } from 'next/document'
import { Children } from 'react'
import { AppRegistry } from 'react-native'
import Tamagui from '../tamagui.config'
// TODO: the recommended approach breaks HMR when Tmaagui.getCSS() is called in the getInitialProps method.
export default class Document extends NextDocument {
// static async getInitialProps({ renderPage }: any) {
// AppRegistry.registerComponent('Main', () => Main)
// const page = await renderPage()
// // @ts-ignore
// const { getStyleElement } = AppRegistry.getApplication('Main')
// /**
// * Note: be sure to keep tamagui styles after react-native-web styles like it is here!
// * So Tamagui styles can override the react-native-web styles.
// */
// const styles = [
// getStyleElement(),
// <style
// key="tamagui-css"
// dangerouslySetInnerHTML={{ __html: Tamagui.getCSS() }}
// />,
// ]
// return { ...page, styles: Children.toArray(styles) }
// }
static async getInitialProps({ renderPage }) {
AppRegistry.registerComponent('app', () => Main)
// @ts-ignore
const { getStyleElement } = AppRegistry.getApplication('app')
const page = await renderPage()
const styles = [
// <style dangerouslySetInnerHTML={{ __html: normalizeNextElements }} />,
getStyleElement(),
// <style
// key="tamagui-css"
// dangerouslySetInnerHTML={{ __html: Tamagui.getCSS() }}
// />,
]
return { ...page, styles: Children.toArray(styles) }
}
render() {
return (
<Html lang="en">
<Head>
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
<style
id="stitches"
dangerouslySetInnerHTML={{ __html: Tamagui.getCSS() }}
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
}

22
apps/next/pages/index.tsx
View File

@ -1,22 +0,0 @@
// import { Circle } from '../components/circle'
import { Shape, Button, Sidebar, Image, Input } from '@status-im/components'
export default function Home() {
return (
<div id="app">
<div id="sidebar">
<Sidebar
name="Rarible"
description="Multichain community-centric NFT marketplace. Create, buy and sell your NFTs."
membersCount={123}
/>
</div>
<main id="main">
<div>topbar</div>
<div>content</div>
<div>composer</div>
</main>
</div>
)
}

BIN
apps/next/public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

4
apps/next/public/vercel.svg
View File

@ -1,4 +0,0 @@
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

20
apps/next/styles/app.css
View File

@ -1,20 +0,0 @@
html,
body,
#__next {
height: 100%;
}
div {
border: 1px solid rgba(0, 0, 0, 0.1);
}
#app {
height: 100%;
display: grid;
grid-template-columns: 352px 1fr;
}
#main {
display: grid;
grid-template-rows: 56px 1fr 100px;
}

88
apps/next/styles/reset.css
View File

@ -1,88 +0,0 @@
/*
1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
:root {
font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #fff;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
/*
2. Remove default margin
*/
* {
margin: 0;
}
/*
3. Allow percentage-based heights in the application
*/
html,
body {
height: 100%;
overscroll-behavior: none;
}
/*
Typographic tweaks!
4. Add accessible line-height
5. Improve text rendering
*/
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
/*
6. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
/*
7. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
font: inherit;
}
/*
8. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
/*
9. Create a root stacking context
*/
#root,
#__next {
isolation: isolate;
}

3
apps/next/tamagui.config.ts
View File

@ -1,3 +0,0 @@
import { config } from '@status-im/components'
export default config

24
apps/next/tsconfig.json
View File

@ -1,24 +0,0 @@
{
"compilerOptions": {
"target": "ESNext",
"lib": ["dom", "dom.iterable", "esnext"],
// "baseUrl": ".",
// "paths": {
// "react-native": ["react-native-web"]
// },
"allowJs": true,
"skipLibCheck": true,
"strict": false,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"incremental": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve"
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"]
}

1124
yarn.lock
View File

File diff suppressed because it is too large Load Diff