lincd-cli 0.2.18 → 0.2.19

package/defaults/app-with-backend/frontend/src/index.tsx

@@ -6,10 +6,10 @@ import {BrowserRouter} from 'react-router-dom';
 import App from './App';
 import React from 'react';
 import {Storage} from 'lincd/lib/utils/Storage';
-import {FrontendFileStore} from 'lincd-server/lib/shapes/FrontendFileStore';
+import {BackendFileStore} from 'lincd-server/lib/shapes/BackendFileStore';
 
 //store all quads in a file on the backend named 'main'
-export const store = new FrontendFileStore('main');
+export const store = new BackendFileStore('main');
 Storage.setDefaultStore(store);
 
 hydrateRoot(

package/lib/config-webpack.js

@@ -69,6 +69,7 @@ var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug
 var TerserPlugin = require('terser-webpack-plugin');
 var exec = require('child_process').exec;
 var CopyPlugin = require('copy-webpack-plugin');
+var tailwindPlugin = require('tailwindcss/plugin');
 var NODE_ENV = process.env.NODE_ENV;
 var nodeProduction = NODE_ENV == 'production';
 // const libraryName = 'lincd';
@@ -245,6 +246,7 @@ function generateWebpackConfig(buildName, moduleName, config) {
         postcssPlugins.push([
             'tailwindcss',
             {
+                content: __spreadArray(['./src/**/*.{tsx,ts}'], __read(lincdPackagePaths), false),
                 safelist: productionMode
                     ? {}
                     : {
@@ -252,7 +254,22 @@ function generateWebpackConfig(buildName, moduleName, config) {
                         pattern: /./,
                         variants: ['sm', 'md', 'lg', 'xl', '2xl']
                     },
-                content: __spreadArray(['./src/**/*.{tsx,ts}'], __read(lincdPackagePaths), false)
+                theme: {
+                    extend: {
+                        colors: (0, utils_1.getLinkedTailwindColors)()
+                    }
+                },
+                plugins: [
+                    tailwindPlugin(function (_a) {
+                        var addBase = _a.addBase, config = _a.config;
+                        //we can use LINCD CSS variables for default font color, size etc.
+                        // addBase({
+                        //   'h1': { fontSize: config('theme.fontSize.2xl') },
+                        //   'h2': { fontSize: config('theme.fontSize.xl') },
+                        //   'h3': { fontSize: config('theme.fontSize.lg') },
+                        // })
+                    }),
+                ]
             },
         ]);
     }

package/lib/utils.js

@@ -73,7 +73,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.flatten = exports.warn = exports.debug = exports.log = exports.generateScopedName = exports.execPromise = exports.execp = exports.getGruntConfig = exports.getModulePackageJSON = exports.getLINCDDependencies = exports.getPackageJSON = void 0;
+exports.getLinkedTailwindColors = exports.flatten = exports.warn = exports.debug = exports.log = exports.generateScopedName = exports.execPromise = exports.execp = exports.getGruntConfig = exports.getModulePackageJSON = exports.getLINCDDependencies = exports.getPackageJSON = void 0;
 var fs = __importStar(require("fs"));
 var path = __importStar(require("path"));
 var chalk_1 = __importDefault(require("chalk"));
@@ -339,3 +339,10 @@ function flatten(arr) {
     }, []);
 }
 exports.flatten = flatten;
+function getLinkedTailwindColors() {
+    return {
+        'primary-color': 'var(--primary-color)',
+        'font-color': 'var(--font-color)'
+    };
+}
+exports.getLinkedTailwindColors = getLinkedTailwindColors;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lincd-cli",
-  "version": "0.2.18",
+  "version": "0.2.19",
   "description": "Command line tools for the lincd.js library",
   "main": "lib/index.js",
   "scripts": {