react-native-unistyles 3.0.0-beta.6 → 3.0.0-beta.8

package/plugin/stylesheet.js

@@ -1,239 +0,0 @@
-const { getIdentifierNameFromExpression, getSecondPropertyName } = require('./common')
-
-const UnistyleDependency = {
-    Theme: 0,
-    ThemeName: 1,
-    AdaptiveThemes: 2,
-    Breakpoints: 3,
-    Variants: 4,
-    ColorScheme: 5,
-    Dimensions: 6,
-    Orientation: 7,
-    ContentSizeCategory: 8,
-    Insets: 9,
-    PixelRatio: 10,
-    FontScale: 11,
-    StatusBar: 12,
-    NavigationBar: 13,
-    Ime: 14
-}
-
-function stringToUniqueId(str) {
-    let hash = 0;
-
-    for (let i = 0; i < str.length; i++) {
-        hash = (hash << 5) - hash + str.charCodeAt(i)
-        hash |= 0
-    }
-
-    const absHash = Math.abs(hash)
-
-    return absHash % 1000000000
-}
-
-function isUnistylesStyleSheet(t, path, state) {
-    const callee = path.get('callee')
-
-    return (
-        t.isMemberExpression(callee.node) &&
-        callee.node.property.name === 'create' &&
-        t.isIdentifier(callee.node.object) &&
-        callee.node.object.name === state.file.styleSheetLocalName
-    )
-}
-
-function isKindOfStyleSheet(t, path, state) {
-    if (!state.file.forceProcessing) {
-        return false
-    }
-
-    const callee = path.get('callee')
-
-    return (
-        t.isMemberExpression(callee.node) &&
-        callee.node.property.name === 'create' &&
-        t.isIdentifier(callee.node.object)
-    )
-}
-
-function addStyleSheetTag(t, path, state) {
-    const callee = path.get('callee')
-    const uniqueId = stringToUniqueId(state.filename.replace(state.cwd, '')) + ++state.file.tagNumber
-
-    callee.container.arguments.push(t.numericLiteral(uniqueId))
-}
-
-/** @param {import('./index').UnistylesPluginPass} state */
-function analyzeDependencies(t, state, name, unistyleObj, themeName, rtName) {
-    const debugMessage = deps => {
-        if (state.opts.debug) {
-            const mappedDeps = deps
-                .map(dep => Object.keys(UnistyleDependency).find(key => UnistyleDependency[key] === dep))
-                .join(', ')
-
-            console.log(`${state.filename.replace(`${state.file.opts.root}/`, '')}: styles.${name}: [${mappedDeps}]`)
-        }
-    }
-    const unistyle = unistyleObj.properties
-    const dependencies = []
-
-    Object.values(unistyle).forEach(uni => {
-        const identifier = getIdentifierNameFromExpression(t, uni.value)
-
-        if (identifier.includes(themeName)) {
-            dependencies.push(UnistyleDependency.Theme)
-        }
-
-        if (identifier.includes(rtName)) {
-            const propertyNames = getSecondPropertyName(t, uni.value)
-
-            propertyNames
-                .filter(Boolean)
-                .forEach(propertyName => {
-                    switch (propertyName) {
-                        case 'themeName': {
-                            dependencies.push(UnistyleDependency.ThemeName)
-
-                            return
-                        }
-                        case 'adaptiveThemes': {
-                            dependencies.push(UnistyleDependency.AdaptiveThemes)
-
-                            return
-                        }
-                        case 'breakpoint': {
-                            dependencies.push(UnistyleDependency.Breakpoints)
-
-                            return
-                        }
-                        case 'colorScheme': {
-                            dependencies.push(UnistyleDependency.ColorScheme)
-
-                            return
-                        }
-                        case 'screen': {
-                            dependencies.push(UnistyleDependency.Dimensions)
-
-                            return
-                        }
-                        case 'isPortrait':
-                        case 'isLandscape': {
-                            dependencies.push(UnistyleDependency.Orientation)
-
-                            return
-                        }
-                        case 'contentSizeCategory': {
-                            dependencies.push(UnistyleDependency.ContentSizeCategory)
-
-                            return
-                        }
-                        case 'ime': {
-                            dependencies.push(UnistyleDependency.Ime)
-
-                            return
-                        }
-                        case 'insets': {
-                            dependencies.push(UnistyleDependency.Insets)
-
-                            return
-                        }
-                        case 'pixelRatio': {
-                            dependencies.push(UnistyleDependency.PixelRatio)
-
-                            return
-                        }
-                        case 'fontScale': {
-                            dependencies.push(UnistyleDependency.FontScale)
-
-                            return
-                        }
-                        case 'statusBar': {
-                            dependencies.push(UnistyleDependency.StatusBar)
-
-                            return
-                        }
-                        case 'navigationBar': {
-                            dependencies.push(UnistyleDependency.NavigationBar)
-
-                            return
-                        }
-                    }
-                })
-        }
-
-        if (uni.key && uni.key.name === 'variants') {
-            dependencies.push(UnistyleDependency.Variants)
-        }
-
-        // breakpoints are too complex and are handled by C++
-    })
-
-    // add dependencies to the unistyle object if any found
-    if (dependencies.length > 0) {
-        const uniqueDependencies = Array.from(new Set(dependencies))
-
-        debugMessage(uniqueDependencies)
-
-        unistyleObj.properties.push(
-            t.objectProperty(
-                t.identifier('uni__dependencies'),
-                t.arrayExpression(uniqueDependencies.map(dep => t.numericLiteral(dep)))
-            )
-        )
-    }
-}
-
-function getUnistyles(t, property) {
-    const propertyValue = t.isArrowFunctionExpression(property.value)
-        ? property.value.body
-        : property.value
-
-    if (t.isObjectExpression(propertyValue)) {
-        return [propertyValue]
-    }
-
-    if (t.isBlockStatement(propertyValue)) {
-        // here we might have single return statement
-        // or if-else statements with return statements
-        return propertyValue.body
-            .flatMap(value => {
-                if (t.isReturnStatement(value)) {
-                    return [value]
-                }
-
-                if (!t.isIfStatement(value)) {
-                    return []
-                }
-
-                return [value.consequent, value.alternate]
-                    .filter(Boolean)
-                    .flatMap(value => {
-                        if (t.isBlockStatement(value)) {
-                            return value.body.filter(t.isReturnStatement)
-                        }
-                    })
-            })
-            .map(value => value.argument)
-    }
-
-    return []
-}
-
-function addThemeDependencyToMemberExpression(t, path) {
-    path.value = t.objectExpression([
-        t.spreadElement(path.value),
-        t.objectProperty(
-            t.identifier('uni__dependencies'),
-            t.arrayExpression([t.numericLiteral(UnistyleDependency.Theme)])
-        )
-    ])
-}
-
-module.exports = {
-    isUnistylesStyleSheet,
-    analyzeDependencies,
-    addStyleSheetTag,
-    getUnistyles,
-    isKindOfStyleSheet,
-    addThemeDependencyToMemberExpression
-}

package/plugin/variants.js

@@ -1,66 +0,0 @@
-function extractVariants(t, path, state) {
-    const maybeVariants = path.node.body.filter(node => (
-        t.isExpressionStatement(node) &&
-        t.isCallExpression(node.expression) &&
-        t.isMemberExpression(node.expression.callee)
-    ))
-
-    if (maybeVariants.length === 0) {
-        return
-    }
-
-    const targetVariant = maybeVariants.find(variant => {
-        const calleeName = variant.expression.callee.object.name
-
-        return (
-            t.isIdentifier(variant.expression.callee.object, { name: calleeName }) &&
-            t.isIdentifier(variant.expression.callee.property, { name: 'useVariants' }) &&
-            variant.expression.arguments.length === 1
-        )
-    })
-
-    if (!targetVariant) {
-        return
-    }
-
-    const calleeName = targetVariant.expression.callee.object.name
-    const node = targetVariant.expression
-    const newUniqueName = path.scope.generateUidIdentifier(calleeName)
-
-    // Create shadow declaration eg. const _styles = styles
-    const shadowDeclaration = t.variableDeclaration('const', [
-        t.variableDeclarator(newUniqueName, t.identifier(calleeName))
-    ])
-
-    // Create the new call expression eg. const styles = _styles.useVariants(...)
-    const newCallExpression = t.callExpression(
-        t.memberExpression(t.identifier(newUniqueName.name), t.identifier('useVariants')),
-        node.arguments
-    )
-    const finalDeclaration = t.variableDeclaration('const', [
-        t.variableDeclarator(t.identifier(calleeName), newCallExpression)
-    ])
-
-    // Find the current node's index, we will move everything after to new block
-    const pathIndex = path.node.body
-        .findIndex(bodyPath => bodyPath === targetVariant)
-    const rest = path.node.body.slice(pathIndex + 1)
-
-    // move rest to new block (scope)
-    const blockStatement = t.blockStatement([
-        finalDeclaration,
-        ...rest
-    ])
-
-    path.node.body = [
-        ...path.node.body.slice(0, pathIndex),
-        shadowDeclaration,
-        blockStatement
-    ]
-
-    state.file.hasVariants = true
-}
-
-module.exports = {
-    extractVariants
-}