@digigov/cli-lab 1.1.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/cli-lab",
-  "version": "1.1.0",
+  "version": "1.2.2",
   "description": "",
   "main": "index.js",
   "directories": {
@@ -12,9 +12,10 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "zx": "~1.15.2",
-    "zx-extra": "~0.0.4",
-    "inquirer": "~8.1.2",
-    "glob": "7.1.6"
+    "zx": "1.15.2",
+    "zx-extra": "0.0.4",
+    "inquirer": "8.1.2",
+    "glob": "7.1.6",
+    "fs-extra": "10.0.0"
   }
 }

package/scripts/generate-react-core.mjs

@@ -0,0 +1,174 @@
+#!/usr/bin/env zx
+
+import '../lib/extra/index.mjs';
+
+const components = require('../misc/react-core-components')
+const htmlTypes = require('../misc/html-types')
+// uppercase the first letter of a word
+const ucFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+function findRefInChildren(children){
+  for(const child of children){
+    if(child.props && child.props.ref){
+      return child.element
+    }
+  }
+}
+for(const componentName in components){
+  const component = components[componentName]
+  if(component.element){
+    let mainElement = component.element
+    if(component.children){
+      mainElement = findRefInChildren(component.children) || mainElement
+    }
+    const componentPath = `libs-ui/react-core/src/${componentName}/index.tsx`
+    const componentTestPath = `libs-ui/react-core/src/${componentName}/index.test.tsx`
+    const componentCode = `
+import React from 'react';
+import clsx from 'clsx';
+
+type ${ucFirst(mainElement)}ElementAttributes = JSX.IntrinsicElements['${mainElement}']
+export interface ${componentName}Props extends ${ucFirst(mainElement)}ElementAttributes {
+  ${
+    component.props && Object.keys(component.props).map(propName => {
+      const prop = component.props[propName]
+      return `
+  /**
+   * ${propName} is optional.
+   */
+  ${propName}?: ${prop.type ? prop.type: 
+          prop.values? Object.keys(prop.values).map(value=>`'${value}'`).join('|'): 'string'}`
+    }).join(';\n')
+  }
+}
+/**
+ * Details for the ${componentName}.
+ */
+export const ${componentName} = React.forwardRef<${htmlTypes[mainElement]}, ${componentName}Props>(
+  function ${componentName}({
+  ${
+    component.props && Object.keys(component.props).map(propName => {
+      const prop = component.props[propName]
+      return `${propName}${prop.default && (prop.type === 'boolean' || prop.type === 'number')? `=${prop.default},`: 
+          prop.default? `='${prop.default}',`: ','}`
+    }).join('\n')
+  }
+  className,
+  children,
+  ...props
+}, ref) {
+  return (
+    ${renderJsonToJsx(component, mainElement)}
+  );
+});
+
+export default ${componentName};
+`
+  const componentTestCode = `
+import React from 'react';
+import { mount } from 'enzyme';
+
+import ${componentName} from '@digigov/react-core/${componentName}';
+
+it('renders the ${componentName} with no props', () => {
+  expect(mount(<${componentName}${component.nochildren?`/>`:`>hello</${componentName}>`})).toMatchSnapshot();
+});
+${component.props && Object.keys(component.props).map(propName => {
+  const prop = component.props[propName]
+  if(prop.values && prop.type !== 'boolean'){
+    return Object.keys(prop.values).map(value=>{
+      return `
+it('renders the ${componentName} with ${propName}=${value}', () => {
+  expect(mount(<${componentName} ${propName}={${prop.type === 'number'? value: `'${value}'`}}${component.nochildren?`/>`:`>hello</${componentName}>`})).toMatchSnapshot();
+})`
+    }).join('\n')
+  }
+  if(prop.type === 'boolean'){
+      return `
+it('renders the ${componentName} with ${propName}=true', () => {
+  expect(mount(<${componentName} ${propName}={true}${component.nochildren?`/>`:`>hello</${componentName}>`})).toMatchSnapshot();
+})
+
+it('renders the ${componentName} with ${propName}=false', () => {
+  expect(mount(<${componentName} ${propName}={false}${component.nochildren?`/>`:`>hello</${componentName}>`})).toMatchSnapshot();
+})
+
+`
+  }
+  return ''
+}).join('\n')}
+  
+`
+  writeFile(componentPath, componentCode)
+  writeFile(componentTestPath, componentTestCode)
+  console.log(componentCode)
+  }
+}
+
+
+
+// render json to jsx 
+function renderJsonToJsx (json, mainElement) {
+    let topLevel = false
+    if(!Array.isArray(json)){
+      if(!json.children){
+        json.children = [{element: 'children'}]
+      }
+      json = [json]
+      topLevel = true
+
+    }
+    return json.map(component => {
+      if(mainElement === component.element){
+        component.props.ref = {
+          pass: true
+        }
+      }
+      if(component.element && component.element !== 'children'){
+        const elementCode = `<${component.element}
+        ${component.props ? Object.keys(component.props).map(propName => {
+          const prop = component.props[propName]
+          if(prop.pass){
+            return `${propName}={${propName}}`
+          }
+          return ''
+        }).filter(p=>p).join('\n'): ''}
+        className={clsx(${topLevel?'className,':''} {
+          ${component.classes ? component.classes.map(cl=>`'${cl}': true,`).filter(cl=>cl).join('\n'):''}
+          ${component.props ? Object.keys(component.props).map(propName => {
+            const prop = component.props[propName]
+            let classes = ''
+            if(prop.values && prop.type !== 'boolean' && prop.type!=='number'){
+              return Object.keys(prop.values).map(value=>{
+                const className = prop.values[value]
+                return `'${className}': ${propName} === '${value}',`
+              }).filter(t=>t).join('\n')
+            }
+            if(prop.values && prop.type === 'boolean'){
+              return Object.keys(prop.values).map(value=>{
+                const className = prop.values[value]
+                return `'${className}': ${propName} === ${value},`
+              }).filter(t=>t).join('\n')
+            }
+            if(prop.values && prop.type === 'number'){
+              return Object.keys(prop.values).map(value=>{
+                const className = prop.values[value]
+                return `'${className}': ${propName} === ${value},`
+              }).filter(t=>t).join('\n')
+            }
+            return ''
+          }).filter(t=>t).join(''): ''}
+        })}
+        ${mainElement === component.element? `{...props}`: ''}
+        >${
+          component.children? renderJsonToJsx(component.children, mainElement): ''
+        }</${component.element}>`
+        return elementCode
+      }else if(component.element === 'children'){
+        return `{children}`
+      }else if(component.text){
+        return `${component.text}`
+      }
+
+  }).join('').replace(
+/className=\{clsx\( \{\s*\}\)\}/g,'')
+}

package/scripts/pin-dependencies-versions.mjs

@@ -0,0 +1,24 @@
+#!/usr/bin/env zx
+import "zx-extra";
+import "../lib/extra/index.mjs";
+
+const rushLib = require('@microsoft/rush-lib');
+const rushConfiguration = rushLib.RushConfiguration.loadFromDefaultLocation({
+  startingFolder: process.cwd()
+});
+
+rushConfiguration.projects.forEach(project => {
+  for (const dependencyType of ['dependencies', 'devDependencies', 'peerDependencies']) {
+    const dependencies = project.packageJson[dependencyType];
+    if (dependencies) {
+      for (const dependencyName in dependencies) {
+        const dependencyVersion = dependencies[dependencyName];
+        if (!dependencyVersion.match(/^[0-9]/)) {
+          console.log(`${project.packageJson.name} ${dependencyType} ${dependencyName} ${dependencyVersion}`);
+          project.packageJsonEditor.addOrUpdateDependency(dependencyName, dependencyVersion.replace(/^./,''), dependencyType);
+        }
+      }
+    }
+  }
+  project.packageJsonEditor.saveIfModified();
+});

package/scripts/publish.mjs

@@ -26,7 +26,7 @@ await requireEnv('NPM_AUTH_TOKEN', true);
 
 if(shouldPublishAll && !featureVersion) {
   await cli.rush.change();
-  await cli.rush.version('--bump');
+  await cli.rush.publish('-a');
   await cli.rush.build();
   await cli.rush.publish(`-p --include-all --target-branch ${targetBranch} --set-access-level public`);
 } else if(shouldPublishAll && featureVersion) {

package/scripts/verify-and-update-local-package-versions.mjs

@@ -0,0 +1,29 @@
+#!/usr/bin/env zx
+import "zx-extra";
+import "../lib/extra/index.mjs";
+
+const rushLib = require('@microsoft/rush-lib');
+const rushConfiguration = rushLib.RushConfiguration.loadFromDefaultLocation({
+  startingFolder: process.cwd()
+});
+
+const localPackageVersions = rushConfiguration.projects.reduce((versions, project) => {
+  return { ...versions, [project.packageJson.name]: project.packageJson.version };
+}, {});
+
+console.log(localPackageVersions);
+rushConfiguration.projects.forEach(project => {
+  for (const dependencyType of ['dependencies', 'devDependencies', 'peerDependencies']) {
+    const dependencies = project.packageJson[dependencyType];
+    if (dependencies) {
+      for (const dependencyName in dependencies) {
+        const dependencyVersion = dependencies[dependencyName];
+        if (localPackageVersions[dependencyName] && localPackageVersions[dependencyName] !== dependencyVersion) {
+          console.log(`${project.packageJson.name} ${dependencyType} ${dependencyName} ${dependencyVersion}`);
+          project.packageJsonEditor.addOrUpdateDependency(dependencyName, localPackageVersions[dependencyName], dependencyType);
+        }
+      }
+    }
+  }
+  project.packageJsonEditor.saveIfModified();
+});