forked from bernaferrari/FigmaToCode
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Reorder Tailwind classes. Update to Figma v19 (new AutoLayout).
- Loading branch information
1 parent
904d83b
commit 276a995
Showing
17 changed files
with
1,220 additions
and
1,285 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,22 +1,19 @@ | ||
|
|
||
| const production = !process.env.ROLLUP_WATCH || process.env.PRODUCTION; | ||
|
|
||
| const tailwind = require('tailwindcss'); | ||
| const tailwind = require("tailwindcss"); | ||
|
|
||
| const autoprefixer = require('autoprefixer'); | ||
| const autoprefixer = require("autoprefixer"); | ||
|
|
||
| const purgecss = require('@fullhuman/postcss-purgecss')({ | ||
| content: ['./src/**/*.svelte', './src/**/*.html'], | ||
| whitelistPatterns: [/svelte-/], | ||
| whitelistPatternsChildren: [/^token/, /^Prism/, /^code/, /^pre/], | ||
| defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || [] | ||
| const purgecss = require("@fullhuman/postcss-purgecss")({ | ||
| content: ["./src/**/*.svelte", "./src/**/*.html"], | ||
| whitelistPatterns: [/svelte-/], | ||
| whitelistPatternsChildren: [/^token/, /^Prism/, /^code/, /^pre/], | ||
| defaultExtractor: (content) => content.match(/[A-Za-z0-9-_:/]+/g) || [], | ||
| }) | ||
|
|
||
| const cssnano = require('cssnano'); | ||
| const cssnano = require("cssnano"); | ||
|
|
||
| module.exports = { | ||
| plugins: [ | ||
| tailwind, | ||
| ...(production ? [autoprefixer, purgecss, cssnano] : []) | ||
| ] | ||
| plugins: [tailwind, ...(production ? [autoprefixer, purgecss, cssnano] : [])], | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,102 +1,100 @@ | ||
| import svelte from 'rollup-plugin-svelte'; | ||
| import resolve from '@rollup/plugin-node-resolve'; | ||
| import commonjs from '@rollup/plugin-commonjs'; | ||
| import livereload from 'rollup-plugin-livereload'; | ||
| import { terser } from 'rollup-plugin-terser'; | ||
| import svg from 'rollup-plugin-svg'; | ||
| import typescript from '@rollup/plugin-typescript'; | ||
| import svelte from "rollup-plugin-svelte"; | ||
| import resolve from "@rollup/plugin-node-resolve"; | ||
| import commonjs from "@rollup/plugin-commonjs"; | ||
| import livereload from "rollup-plugin-livereload"; | ||
| import { terser } from "rollup-plugin-terser"; | ||
| import svg from "rollup-plugin-svg"; | ||
| import typescript from "@rollup/plugin-typescript"; | ||
|
|
||
| /* Post CSS */ | ||
| import postcss from 'rollup-plugin-postcss'; | ||
| import tailwind from 'tailwindcss'; | ||
| import cssnano from 'cssnano'; | ||
| import postcss from "rollup-plugin-postcss"; | ||
| import tailwind from "tailwindcss"; | ||
| import cssnano from "cssnano"; | ||
|
|
||
| /* Inline to single html */ | ||
| import htmlBundle from 'rollup-plugin-html-bundle'; | ||
| import htmlBundle from "rollup-plugin-html-bundle"; | ||
|
|
||
| const production = !process.env.ROLLUP_WATCH || process.env.PRODUCTION; | ||
|
|
||
| export default [ | ||
| { | ||
| input: 'src/main.js', | ||
| output: { | ||
| file: 'src/build/bundle.js', | ||
| format: 'iife', | ||
| name: 'ui' | ||
| }, | ||
| plugins: [ | ||
| svelte({ | ||
| // enable run-time checks when not in production | ||
| dev: !production, | ||
| emitCss: true | ||
| }), | ||
| { | ||
| input: "src/main.js", | ||
| output: { | ||
| file: "src/build/bundle.js", | ||
| format: "iife", | ||
| name: "ui", | ||
| }, | ||
| plugins: [ | ||
| svelte({ | ||
| // enable run-time checks when not in production | ||
| dev: !production, | ||
| emitCss: true, | ||
| }), | ||
|
|
||
| // If you have external dependencies installed from | ||
| // npm, you'll most likely need these plugins. In | ||
| // some cases you'll need additional configuration — | ||
| // consult the documentation for details:¡ | ||
| // https://github.com/rollup/plugins/tree/master/packages/commonjs | ||
| resolve({ | ||
| browser: true, | ||
| dedupe: importee => importee === 'svelte' || importee.startsWith('svelte/'), | ||
| extensions: ['.svelte', '.ts', '.mjs', '.js', '.json', '.node'] | ||
| }), | ||
| commonjs(), | ||
| svg(), | ||
| postcss({ | ||
| extensions: ['.css'], | ||
| // extract: true, | ||
| plugins: [cssnano(), tailwind()] | ||
| }), | ||
| htmlBundle({ | ||
| template: 'src/template.html', | ||
| target: 'public/index.html', | ||
| inline: true | ||
| }), | ||
| // If you have external dependencies installed from | ||
| // npm, you'll most likely need these plugins. In | ||
| // some cases you'll need additional configuration — | ||
| // consult the documentation for details:¡ | ||
| // https://github.com/rollup/plugins/tree/master/packages/commonjs | ||
| resolve({ | ||
| browser: true, | ||
| dedupe: (importee) => | ||
| importee === "svelte" || importee.startsWith("svelte/"), | ||
| extensions: [".svelte", ".ts", ".mjs", ".js", ".json", ".node"], | ||
| }), | ||
| commonjs(), | ||
| svg(), | ||
| postcss({ | ||
| extensions: [".css"], | ||
| // extract: true, | ||
| plugins: [cssnano(), tailwind()], | ||
| }), | ||
| htmlBundle({ | ||
| template: "src/template.html", | ||
| target: "public/index.html", | ||
| inline: true, | ||
| }), | ||
|
|
||
| // In dev mode, call `npm run start` once | ||
| // the bundle has been generated | ||
| !production && serve(), | ||
| // In dev mode, call `npm run start` once | ||
| // the bundle has been generated | ||
| !production && serve(), | ||
|
|
||
| // Watch the `dist` directory and refresh the | ||
| // browser on changes when not in production | ||
| !production && livereload('public'), | ||
| // Watch the `dist` directory and refresh the | ||
| // browser on changes when not in production | ||
| !production && livereload("public"), | ||
|
|
||
| // If we're building for production (npm run build | ||
| // instead of npm run dev), minify | ||
| production && terser() | ||
| ], | ||
| watch: { | ||
| clearScreen: false | ||
| } | ||
| }, | ||
| { | ||
| input: 'src/code.ts', | ||
| output: { | ||
| file: 'public/code.js', | ||
| format: 'cjs', | ||
| sourcemap: true, | ||
| }, | ||
| plugins: [ | ||
| typescript(), | ||
| commonjs(), | ||
| production && terser() | ||
| ] | ||
| }]; | ||
| // If we're building for production (npm run build | ||
| // instead of npm run dev), minify | ||
| production && terser(), | ||
| ], | ||
| watch: { | ||
| clearScreen: false, | ||
| }, | ||
| }, | ||
| { | ||
| input: "src/code.ts", | ||
| output: { | ||
| file: "public/code.js", | ||
| format: "cjs", | ||
| sourcemap: true, | ||
| }, | ||
| plugins: [typescript(), commonjs(), production && terser()], | ||
| }, | ||
| ]; | ||
|
|
||
| function serve() { | ||
| let started = false; | ||
| let started = false; | ||
|
|
||
| return { | ||
| writeBundle() { | ||
| if (!started) { | ||
| started = true; | ||
| return { | ||
| writeBundle() { | ||
| if (!started) { | ||
| started = true; | ||
|
|
||
| require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], { | ||
| stdio: ['ignore', 'inherit', 'inherit'], | ||
| shell: true | ||
| }); | ||
| } | ||
| } | ||
| }; | ||
| require("child_process").spawn("npm", ["run", "start", "--", "--dev"], { | ||
| stdio: ["ignore", "inherit", "inherit"], | ||
| shell: true, | ||
| }); | ||
| } | ||
| }, | ||
| }; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.