remove apps/next
This commit is contained in:
Pavel Prichodko
parent
32a8fed0be
commit
af8889ecac
|
|
@ -1,4 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
extends: 'next',
|
|
||||||
root: true,
|
|
||||||
}
|
|
||||||
|
|
@ -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.
|
|
||||||
|
|
@ -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
|
|
||||||
}
|
|
||||||
|
|
@ -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"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -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
|
|
||||||
|
|
@ -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>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -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>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
|
|
@ -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>
|
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
import { config } from '@status-im/components'
|
|
||||||
|
|
||||||
export default config
|
|
||||||
|
|
@ -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"]
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue