@fullstackunicorn/create-root 1.0.28 → 2.0.0

package/assets/root.fullstackunicorn.dev/frontend/client/auth.js

@@ -1,213 +0,0 @@
-import { constants } from '#@/root/constants.js'
-import { uri } from '#@/App.uri.js'
-import { abs } from '#@/abstracts/abs'
-import { err } from '#@/abstracts/err'
-import { client } from '#@/imports/client'
-import { storage } from '#@/imports/storage'
-
-class Auth {
-
-    config = { headers: { 'Content-Type': 'application/json' } }
-    env = constants.env
-
-    getUser = (token = {}) => ({ id: token.sub, logo: token.logo })
-
-    loginOps = ['login', 'signup']
-
-    login = async (type, token_encoded) => {
-
-        try {
-
-            if (!this.loginOps.includes(type)) throw new Error('abort')
-
-            const token = abs.jwt.decode(token_encoded)
-            if (token.isError) throw new Error('abort')
-
-            const nonce = storage.get(type)
-
-            // const isValid = nonce === token.nonce
-            // if (!isValid) throw new Error('abort')
-
-            // const rawToken = {}
-            // rawToken.authcode = token.authcode
-            // // rawToken.nonce = nonce
-            // rawToken.client_id = env.CLIENT_ID
-
-            const config = this.config
-            const data = { token: token_encoded, nonce }
-            const endpoint = uri.auth.client.login
-
-            const response = await client.post(endpoint, data, config)
-
-            if (response.isOffline) return { isOffline: true }
-            if (response.isError) throw new Error('abort')
-            if (!response.access_token) throw new Error('abort')
-            if (!response.refresh_token) throw new Error('abort')
-
-            storage.set('accessToken', response.access_token)
-            storage.set('refreshToken', response.refresh_token)
-            storage.remove(type)
-
-            return this.getUser(response.access_token)
-
-        } catch (error) { 
-            console.log("error", error)
-            return err.cleanup(() => storage.remove(type), { isError: true }) }
-    }
-
-    refresh = async (refresh_token) => {
-
-        const config = this.config
-        const data = { refresh_token, client_id: this.env.CLIENT_ID }
-        const endpoint = uri.auth.client.refresh
-
-        return await client.post(endpoint, data, config)
-
-    }
-
-    logout = async () => {
-
-        const refresh_token = storage.get('refreshToken') || ''
-        const access_token = storage.get('accessToken') || ''
-
-        if (!refresh_token && !access_token) return { isLogout: true }
-
-        const config = this.config
-        const data = { access_token, refresh_token, client_id: this.env.CLIENT_ID }
-        const endpoint = uri.auth.client.logout
-
-        const response = await client.post(endpoint, data, config)
-
-        const isLogout = response.access_token && response.refresh_token
-
-        return isLogout || response
-
-    }
-
-    handleAccessToken = (accessToken) => {
-
-        try {
-
-            if (!accessToken) throw new Error('is-logout')
-
-            const accessTokenDecoded = abs.jwt.decode(accessToken)
-            if (accessTokenDecoded.isError) throw new Error('is-logout')
-
-            const date = (Date.now() / 1000) | 0
-            const accessTokenTimeLeft = accessTokenDecoded.exp - date
-            if (accessTokenTimeLeft < 20) throw new Error('is-logout')
-
-            return { token: accessToken, decoded: accessTokenDecoded }
-
-        } catch (error) { return {} }
-    }
-
-    handleRefreshToken = async (refreshToken) => {
-
-        try {
-
-            if (!refreshToken) throw new Error('is-error')
-
-            const refreshTokenDecoded = abs.jwt.decode(refreshToken)
-
-            if (refreshTokenDecoded.isError) throw new Error('is-error')
-
-            const date = (Date.now() / 1000) | 0
-            const refreshTokenTimeLeft = refreshTokenDecoded.exp - date
-            if (refreshTokenTimeLeft < 20) throw new Error('is-error')
-
-            const response = await this.refresh(refreshToken)
-
-            if (response.isOffline) return { isOffline: true }
-            if (!response.access_token) throw new Error('is-error')
-            if (!response.refresh_token) throw new Error('is-error')
-
-            storage.set('accessToken', response.access_token)
-            storage.set('refreshToken', response.refresh_token)
-
-            const accessTokenDecoded = abs.jwt.decode(response.access_token)
-            if (!accessTokenDecoded) throw new Error('is-error')
-
-            return { access: response.access_token, decoded: accessTokenDecoded }
-
-        } catch (error) { return {} }
-    }
-
-    cleanUp = () => {
-        storage.remove('accessToken')
-        storage.remove('refreshToken')
-    }
-
-    getUserOffline = (token) => {
-
-        try {
-
-            if (!token) throw new Error('is-error')
-
-            const tokenDecoded = abs.jwt.decode(token)
-            if (!tokenDecoded) throw new Error('is-error')
-
-            const user = this.getUser(tokenDecoded)
-            return { ...user, isOffline: true }
-
-        } catch (error) { return {} }
-    }
-
-    init = async () => {
-
-        try {
-
-            const accessToken = storage.get('accessToken')
-            if (!accessToken) throw new Error('is-logout')
-
-            const refreshToken = storage.get('refreshToken')
-            if (!refreshToken) throw new Error('is-logout')
-
-            let access
-
-            access = this.handleAccessToken(accessToken)
-            if (access.decoded?.sub) return this.getUser(access.decoded)
-
-            access = await this.handleRefreshToken(refreshToken)
-            if (access.decoded?.sub) return this.getUser(access.decoded)
-
-            if (access.isOffline) {
-                const user = this.getUserOffline(accessToken)
-                if (user.id) return user
-                new Error('is-logout')
-            }
-
-            throw new Error('is-logout')
-
-        } catch (error) { 
-            return { isLogout: true }
-            // return err.cleanup(this.cleanUp, { isLogout: true }) 
-        }
-    }
-
-    getAccessToken = async () => {
-
-        try {
-
-            const accessToken = storage.get('accessToken')
-            if (!accessToken) throw new Error('is-logout')
-
-            const refreshToken = storage.get('refreshToken')
-            if (!refreshToken) throw new Error('is-logout')
-
-            let access
-
-            access = this.handleAccessToken(accessToken)
-            if (access.token) return { accessToken: access.token }
-
-            access = await this.handleRefreshToken(refreshToken)
-            if (access.token) return { accessToken: access.token }
-
-            if (access.isOffline) return { isOffline: true }
-            throw new Error('is-logout')
-
-        } catch (error) { return err.cleanup(this.cleanUp, { isLogout: true }) }
-    }
-}
-
-export const auth = new Auth()

package/assets/root.fullstackunicorn.dev/frontend/client/cookies.js

@@ -1,41 +0,0 @@
-import { uri } from '#@/App.uri.js'
-import { abs } from '#@/abstracts/abs.js'
-import { client } from '#@/imports/client.js'
-import { storage } from '#@/imports/storage.js'
-
-class Cookies {
-
-    set = async (consent) => { 
-
-        const data = {consent}
-        const endpoint = uri.cookies.set 
-        const response = await client.post(endpoint, data)
-
-        if (response.isOffline || response.isError) return response
-        if (!response.consent_id) return { isError: true }        
-        return response
-    }
-
-    get = async () => {
-
-        const consent = storage.get('consent')
-        if (!consent) return { isNotFound: true }
-
-        const payload = {}
-        payload.method = 'post'
-        payload.data = { consent }
-        payload.endpoint = uri.cookies.get
-        payload.key = abs.makeKey(payload.endpoint, payload.method, payload.data)
-
-        const response = await client.data(payload)
-
-        if (response.isOffline || response.isError) return response        
-        if (response?.data?.isNotFound ) return { isNotFound: true }
-        if (!response?.data?.consent_id) return { isError: true }
-
-        return response
-    }
-
-}
-
-export const cookies = new Cookies()

package/assets/root.fullstackunicorn.dev/frontend/client/fonts.js

@@ -1,19 +0,0 @@
-import { client } from '#@/imports/client.js'
-
-class Fonts {
-
-    get = async (endpoint, is = {}) => {
-
-        const payload = {}
-        payload.method = 'get' 
-        payload.endpoint = endpoint
-
-        const response = await client.file(payload, true)
-
-        if (!response.blob) return response
-        if (is.blob) return response.blob
-        return await response.blob.text()
-    }
-}
-
-export const fonts =  new Fonts ()

package/assets/root.fullstackunicorn.dev/frontend/client/load.js

@@ -1,26 +0,0 @@
-import { abs } from '#@/abstracts/abs.js'
-import { client } from '#@/imports/client.js'
-
-class Load {
-
-    post = async (path, data) => {
-
-        const payload = {}
-        payload.method = 'post'
-        payload.endpoint = path
-        payload.data = data
-        payload.config = {}
-        payload.config.headers = { 'Content-Type': 'application/json' }
-        payload.key = abs.makeKey(payload.endpoint, payload.method, data)
-
-        const response = await client.data(payload)
-        if (response?.isOffline) return
-        if (response?.isError) return
-        const items = response?.data?.items
-        if (!F3.obj.isGood(items)) return
-        await client.cachePreloadGet(Object.values(items))
-        return response
-    }
-}
-
-export const load = new Load()

package/assets/root.fullstackunicorn.dev/frontend/client/statics.js

@@ -1,48 +0,0 @@
-import { abs } from '#@/abstracts/abs'
-import { client } from '#@/imports/client'
-
-class Statics {
-
-    get = async (path, params = {}) => {
-
-        const payload = {}
-        payload.method = 'get'
-        payload.endpoint = F3.fabUrl(path, params)
-        payload.key = abs.makeKey(payload.endpoint, payload.method)
-
-        const response = await client.data(payload)
-
-        return response.data
-    }
-
-    post = async (path, data) => {
-
-        const payload = {}
-        payload.method = 'post'
-        payload.endpoint = path
-        payload.data = data
-        payload.config = {}
-        payload.config.headers = {'Content-Type': 'application/json'}
-        payload.key = abs.makeKey(payload.endpoint, payload.method, data)
-
-        const response = await client.data(payload)
-
-        return response
-    }
-
-    image = async (path, type, config = {}) => {
-
-        const payload = {}
-        payload.method = 'get'
-        payload.endpoint = path
-        payload.key = abs.makeKey(payload.endpoint, payload.method)
-        payload.config = config
-
-        const response = await client.image(payload, type)
-
-        return response
-
-    }
-}
-
-export const statics = new Statics()

package/assets/root.fullstackunicorn.dev/frontend/client/stripe.js

@@ -1,38 +0,0 @@
-import { uri } from '#@/App.uri.js'
-import { client } from '#@/imports/client.js'
-
-class Stripe {
-
-    set = async ({ product, seller }) => {
-
-        const endpoint = uri.stripe.set
-        const data = { product, seller }
-        const config = { headers: { 'Content-Type': 'application/json' } }
-
-        const response = await client.post(endpoint, data, config)
-
-        if (response?.isOffline) return response
-        if (response?.isError) return response
-        if (!response?.url) return { isError: true }
-
-        return response
-    }
-
-    get = async ({ session_id }) => {
-
-        const endpoint = uri.stripe.get
-        const data = { session_id }
-        const config = { headers: { 'Content-Type': 'application/json' } }
-
-        const response = await client.post(endpoint, data, config)
-
-        if (response?.isOffline) return response
-        if (response?.isError) return response
-        if (!response?.id) return { isError: true }
-
-        return response
-    }
-
-}
-
-export const stripe = new Stripe()

package/assets/root.fullstackunicorn.dev/frontend/config.cmd.sh

@@ -1,94 +0,0 @@
-#!/bin/bash
-set -e
-# ============================================================
-add() {
-    echo "🚀 [frontend] Adding Dependencies"
-
-        yarn add @fullstackunicorn/initialize --latest
-
-        # yarn add @fullstackunicorn/auth --latest
-        
-        yarn add axios --latest
-        yarn add blurhash --latest
-        yarn add idb-keyval --latest
-        yarn add jotai --latest
-        yarn add jwt-decode --latest
-        yarn add jwt-encode --latest
-        yarn add object-hash --latest
-        yarn add process --latest
-        yarn add qs --latest
-        yarn add react-blurhash --latest
-        yarn add react-helmet-async --latest
-        yarn add react-router-dom --latest
-        yarn add react-syntax-highlighter --latest
-        yarn add sass --latest
-        yarn add shiki --latest
-        yarn add uuid --latest
-
-    echo "🚀 [frontend] Adding Dev Dependencies"
-
-        yarn add -D @fullstackunicorn/reduce --latest
-        yarn add -D @fullstackunicorn/style --latest
-        yarn add -D env-cmd --latest
-        yarn add -D eslint-plugin-react --latest
-
-    echo "✅ [frontend] Dependencies added!"
-}
-# ============================================================
-upgrade() {
-
-    echo "🚀 [frontend] Upgrading Dependencies"
-
-        yarn upgrade @fullstackunicorn/auth --latest
-        yarn upgrade @fullstackunicorn/initialize --latest
-        yarn upgrade @fullstackunicorn/reduce --latest
-        yarn upgrade @fullstackunicorn/style --latest
-
-    echo "✅ [frontend] Upgaded!"
-}
-# ============================================================
-remove() {
-
-    echo "🧹 [frontend] Removing Dependencies"
-
-        node --input-type=module -e "
-            import fs from 'fs'
-            const filePath = './package.json'
-            const json = JSON.parse(fs.readFileSync(filePath, 'utf8'))
-            json.dependencies = {}
-            json.devDependencies = {}
-            fs.writeFileSync(filePath, JSON.stringify(json, null, 4))
-        "
-
-    echo "✅ [frontend] Dependeincies Removed!"
-}
-# ============================================================
-initialize() {
-
-    echo "🚀 [frontend] Initialize"
-
-    remove
-    node ./config.cmd.vite.js
-    yarn
-    add
-    yarn style
-
-    echo "✅ [frontend] Initialized!"
-
-}
-# ============================================================
-info() {
-    echo "❌ Unknown command: $1"
-    echo "Available commands:"
-    declare -F | awk '{print "  " $3}' | grep -v "^info$"
-    exit 1
-}
-# ============================================================
-cmd="${1:-}"
-shift || true
-if declare -F "$cmd" >/dev/null && [[ "$cmd" != "info" ]]; then
-    "$cmd" "$@"
-else
-    info "$cmd"
-fi
-# ============================================================

package/assets/root.fullstackunicorn.dev/frontend/config.cmd.vite.js

@@ -1,205 +0,0 @@
-import fs from 'node:fs'
-import fsp from 'node:fs/promises'
-import path from 'node:path'
-import { execSync } from 'node:child_process'
-import { randomUUID } from 'node:crypto'
-
-class Vite {
-
-    constructor() {
-
-        this.cwd = process.cwd()
-        this.day = new Date().toISOString().slice(0, 10)
-
-        this.command = `VITE_USE_ROLLDOWN=false npx --yes create-vite@latest . --template react --no-interactive --no-install`
-
-        this.paths = {}
-        this.paths.stable = `${this.cwd}/workspace/vite/stable`
-        this.paths.current = `${this.cwd}/workspace/vite/current/${this.day}`
-
-        this.viteFiles = [
-            '.gitignore',
-            'eslint.config.js',
-            'index.html',
-            'README.md',
-            'vite.config.js'
-        ]
-
-        this.notes = []
-    }
-
-    isObj = value => typeof value === 'object' && value !== null && !Array.isArray(value)
-
-    isGoodObj = value => this.isObj(value) && Object.keys(value).length > 0
-
-    safeObj = value => this.isObj(value) ? value : {}
-
-    ensureDir = async dirPath => {
-        await fsp.mkdir(dirPath, { recursive: true })
-    }
-
-    safeRemove = async targetPath => {
-        if (!targetPath) return
-        await fsp.rm(targetPath, { recursive: true, force: true })
-    }
-
-    exists = filePath => fs.existsSync(filePath)
-
-    readText = filePath => fs.readFileSync(filePath, 'utf8')
-
-    readJSON = async filePath => {
-        try {
-            if (!this.exists(filePath)) return {}
-            const raw = await fsp.readFile(filePath, 'utf8')
-            return JSON.parse(raw)
-        } catch {
-            return {}
-        }
-    }
-
-    writeJSON = async (filePath, json) => {
-        const dirPath = path.dirname(filePath)
-        await this.ensureDir(dirPath)
-        await fsp.writeFile(filePath, JSON.stringify(json, null, 4))
-    }
-
-    create = async () => {
-
-        const tempId = randomUUID()
-        const cwd = `${this.paths.current}/${tempId}`
-        let vitePath = cwd
-
-        await this.ensureDir(cwd)
-
-        try {
-            execSync(this.command, { cwd, stdio: 'inherit' })
-        } catch (error) {
-            await this.safeRemove(cwd)
-            vitePath = this.paths.stable
-            this.notes.push('using-cached-vite-app')
-            await this.notifyRollback(error)
-        }
-
-        const filesNotes = await this.compareFiles(vitePath, this.paths.stable, this.viteFiles)
-        if (filesNotes.length) this.notes.push(...filesNotes)
-
-        const packageNotes = await this.comparePackageJson(
-            `${vitePath}/package.json`,
-            `${this.paths.stable}/package.json`
-        )
-        if (packageNotes.length) this.notes.push(...packageNotes)
-
-        return { vitePath, cleanupPath: cwd }
-    }
-
-    merge = async () => {
-
-        let cleanup
-
-        try {
-
-            const { vitePath, cleanupPath } = await this.create()
-            cleanup = cleanupPath
-
-            const filePath = './package.json'
-            const vitePackagePath = `${vitePath}/package.json`
-
-            const vitePackage = await this.readJSON(vitePackagePath)
-            const appPackage = await this.readJSON(filePath)
-
-            if (!this.isGoodObj(appPackage)) {
-                throw new Error(`missing-package-json: ${filePath}`)
-            }
-
-            if (!this.isGoodObj(vitePackage)) {
-                throw new Error(`missing-vite-package-json: ${vitePackagePath}`)
-            }
-
-            appPackage.dependencies = {
-                ...this.safeObj(appPackage.dependencies),
-                ...this.safeObj(vitePackage.dependencies),
-            }
-
-            appPackage.devDependencies = {
-                ...this.safeObj(appPackage.devDependencies),
-                ...this.safeObj(vitePackage.devDependencies),
-            }
-
-            await this.writeJSON(filePath, appPackage)
-
-            return { isValid: true, notes: this.notes }
-
-        } catch (error) {
-            throw error
-        } finally {
-            await this.safeRemove(cleanup)
-        }
-    }
-
-    notifyRollback = async error => {
-        // logic to notify minderable team
-    }
-
-    compareFiles = async (newPath, oldPath, names) => {
-
-        for (const name of names) {
-
-            const newFilePath = `${newPath}/${name}`
-            const oldFilePath = `${oldPath}/${name}`
-
-            if (!this.exists(newFilePath)) {
-                this.notes.push(`${name} file not present in the new version`)
-                continue
-            }
-
-            if (!this.exists(oldFilePath)) {
-                this.notes.push(`${name} file not present in the previous version`)
-                continue
-            }
-
-            const newFile = this.readText(newFilePath)
-            const oldFile = this.readText(oldFilePath)
-
-            if (newFile !== oldFile) {
-                this.notes.push(`${name} file is different from the previous version`)
-            }
-        }
-
-        return this.notes
-    }
-
-    comparePackageJson = async (newPath, oldPath) => {
-
-        const newPackage = await this.readJSON(newPath)
-        const oldPackage = await this.readJSON(oldPath)
-
-        const fields = ['scripts', 'dependencies', 'devDependencies']
-
-        fields.forEach(field => {
-
-            const newData = newPackage[field] || {}
-            const oldData = oldPackage[field] || {}
-
-            const newKeys = Object.keys(newData)
-            const oldKeys = Object.keys(oldData)
-
-            const addedKeys = newKeys.filter(key => !oldKeys.includes(key))
-            const removedKeys = oldKeys.filter(key => !newKeys.includes(key))
-            const modifiedKeys = newKeys.filter(key => oldKeys.includes(key) && newData[key] !== oldData[key])
-
-            const hasChanges = addedKeys.length > 0 || removedKeys.length > 0 || modifiedKeys.length > 0
-
-            if (hasChanges) {
-                this.notes.push(`package.json ${field} is different from the previous version`)
-                addedKeys.forEach(key => this.notes.push(`+ ADDED "${key}": "${newData[key]}"`))
-                removedKeys.forEach(key => this.notes.push(`- REMOVED "${key}": "${oldData[key]}"`))
-                modifiedKeys.forEach(key => this.notes.push(`x CHANGED "${key}": new value "${newData[key]}" | old value "${oldData[key]}"`))
-            }
-        })
-
-        return this.notes
-    }
-}
-
-const vite = new Vite()
-await vite.merge()